diff --git a/.github/workflows/ci_check.yml b/.github/workflows/ci_check.yml new file mode 100644 index 0000000..2fe282e --- /dev/null +++ b/.github/workflows/ci_check.yml @@ -0,0 +1,81 @@ +name: CI Check +on: + pull_request: + types: [opened, reopened, synchronize, ready_for_review, converted_to_draft] + push: + branches: [develop, master] + merge_group: + types: [checks_requested] +env: + STORYBOOK_DISABLE_TELEMETRY: "1" +permissions: + contents: read +jobs: + quality: + name: CI Check + runs-on: ubuntu-latest + # The catalog has its own phase deadlines; this job also installs browsers and verifies packages. + timeout-minutes: 20 + steps: + - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1 + with: + persist-credentials: false + - uses: actions/setup-node@949feb2413d6458794dcd2491c4babbbce0c15c1 # v7.1.0 + with: + node-version-file: .node-version + package-manager-cache: false + - uses: pnpm/action-setup@ea17c68df8912ef543352723c149a84f56e3d413 # v6.1.0 + with: + run_install: false + cache: false + - run: pnpm install --frozen-lockfile --ignore-scripts + - run: pnpm check + - run: pnpm exec playwright install --with-deps chromium --only-shell + - run: pnpm exec playwright install --with-deps firefox webkit + - run: pnpm test + - run: pnpm build + - run: pnpm test:package + - run: pnpm test:ssr + - run: pnpm storybook:build + - run: pnpm test:storybook + - run: pnpm test:engines + # Read the original catalog SDK at the reviewed revision; never rewrite it. + - name: Read the original specification SDK + uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1 + with: + repository: vypdev/copilot + ref: 3e7ceea08e6131360e026937d1c0cc1b120472e0 + path: .validation/copilot-sdk + persist-credentials: false + sparse-checkout-cone-mode: false + sparse-checkout: | + src/infrastructure/specification_catalog_validator.cjs + src/infrastructure/specification_catalog_publication.cjs + src/domain/specification_catalog_path_policy.cjs + - name: Validate the actual specification catalog + run: >- + node -e "require('./.validation/copilot-sdk/src/infrastructure/specification_catalog_validator.cjs').main([], process.cwd())" + - name: Retain source coverage and compiled package evidence + if: ${{ always() }} + uses: actions/upload-artifact@cf430e030ddbb5b0abf93d22962f4752f3646cd9 # v7.0.2 + with: + name: shared-ui-validation-${{ github.sha }} + path: | + build/storybook/ + coverage/ + packages/*/dist/ + test-results/ + .vitest/attachments/ + if-no-files-found: error + include-hidden-files: true + retention-days: 7 + - name: Retain the verified npm candidate for the production SHA + if: github.event_name == 'push' && github.ref == 'refs/heads/master' + uses: actions/upload-artifact@cf430e030ddbb5b0abf93d22962f4752f3646cd9 # v7.0.2 + with: + name: npm-candidate-${{ github.sha }} + path: | + test-results/packed-cohort.json + test-results/packages/*.tgz + if-no-files-found: error + retention-days: 30 diff --git a/.github/workflows/npm_release.yml b/.github/workflows/npm_release.yml new file mode 100644 index 0000000..f864a9f --- /dev/null +++ b/.github/workflows/npm_release.yml @@ -0,0 +1,90 @@ +name: Publish ha-ui npm prerelease + +on: + push: + tags: ['v*-next.*'] + +concurrency: + group: ha-ui-npm-release + cancel-in-progress: false + +permissions: + contents: read + +jobs: + candidate: + runs-on: ubuntu-latest + timeout-minutes: 5 + permissions: + actions: read + contents: read + outputs: + run-id: ${{ steps.ci.outputs.run-id }} + steps: + - name: Find the successful CI run for this production commit + id: ci + env: + GH_TOKEN: ${{ github.token }} + run: | + [[ "$GITHUB_REF_NAME" =~ ^v(0|[1-9][0-9]*)\.(0|[1-9][0-9]*)\.(0|[1-9][0-9]*)-next\.(0|[1-9][0-9]*)$ ]] + run_id=$(gh api "repos/$GITHUB_REPOSITORY/actions/workflows/ci_check.yml/runs?event=push&branch=master&head_sha=$GITHUB_SHA&status=success&per_page=10" \ + --jq '.workflow_runs[0].id // empty') + [[ "$run_id" =~ ^[1-9][0-9]*$ ]] + echo "run-id=$run_id" >> "$GITHUB_OUTPUT" + + publish: + needs: candidate + runs-on: ubuntu-latest + environment: npm + timeout-minutes: 10 + permissions: + actions: read + contents: read + id-token: write + steps: + - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1 + with: + persist-credentials: false + ref: ${{ github.sha }} + - uses: actions/setup-node@949feb2413d6458794dcd2491c4babbbce0c15c1 # v7.0.1 + with: + node-version-file: .node-version + registry-url: https://registry.npmjs.org + package-manager-cache: false + - uses: actions/download-artifact@9000827ccba6bdab643e8b6fd33ac0654aef8333 # v8.0.2 + with: + name: npm-candidate-${{ github.sha }} + path: ${{ runner.temp }}/ha-ui-npm-candidate + github-token: ${{ github.token }} + run-id: ${{ needs.candidate.outputs.run-id }} + - name: Publish the verified archives through npm Trusted Publishing + env: + NPM_CANDIDATE_DIR: ${{ runner.temp }}/ha-ui-npm-candidate + run: | + node --input-type=module <<'NODE' + import {execFileSync} from 'node:child_process'; + import {appendFileSync,readFileSync} from 'node:fs'; + import {join} from 'node:path'; + import {packageCoordinates,sha256} from './tooling/packaging.mjs'; + import {observeNpmVersion,publishNpmPrerelease} from './tooling/npm-prerelease.mjs'; + + const directory=process.env.NPM_CANDIDATE_DIR; + const {candidate}=JSON.parse(readFileSync(join(directory,'packed-cohort.json'),'utf8')); + const tag=process.env.GITHUB_REF_NAME; + const version=tag.slice(1); + const paths=new Map(packageCoordinates.map(name=>[ + name,join(directory,'packages',name.slice(1).replace('/','-')+'-'+version+'.tgz'), + ])); + const archives=new Map([...paths].map(([name,path])=>[name,readFileSync(path)])); + const result=await publishNpmPrerelease({ + record:candidate,sourceRevision:process.env.GITHUB_SHA,lockSha256:sha256(readFileSync('pnpm-lock.yaml')),tag, + oidc:Boolean(process.env.ACTIONS_ID_TOKEN_REQUEST_URL&&process.env.ACTIONS_ID_TOKEN_REQUEST_TOKEN), + archives,observe:observeNpmVersion, + publish:async entry=>execFileSync('npm',[ + 'publish',paths.get(entry.coordinate),'--access','public','--tag','next','--ignore-scripts', + ],{stdio:'inherit',timeout:120_000}), + append:async entry=>appendFileSync(process.env.GITHUB_STEP_SUMMARY, + '- '+entry.coordinate+'@'+entry.version+' `'+entry.sha256+'`\n'), + }); + if(result.state!=='published')throw new Error(result.state+': '+result.reason); + NODE diff --git a/.github/workflows/storybook_pages.yml b/.github/workflows/storybook_pages.yml new file mode 100644 index 0000000..2919c34 --- /dev/null +++ b/.github/workflows/storybook_pages.yml @@ -0,0 +1,56 @@ +name: Storybook Pages +on: + push: + branches: [master] + workflow_dispatch: +permissions: + contents: read +env: + STORYBOOK_DISABLE_TELEMETRY: "1" +concurrency: + group: storybook-pages + cancel-in-progress: false +jobs: + build: + if: github.ref == 'refs/heads/master' + runs-on: ubuntu-latest + # The published catalog runs the same browser gates as CI. + timeout-minutes: 20 + steps: + - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1 + with: + persist-credentials: false + - uses: actions/setup-node@949feb2413d6458794dcd2491c4babbbce0c15c1 # v7.1.0 + with: + node-version-file: .node-version + package-manager-cache: false + - uses: pnpm/action-setup@ea17c68df8912ef543352723c149a84f56e3d413 # v6.1.0 + with: + run_install: false + cache: false + - run: pnpm install --frozen-lockfile --ignore-scripts + - run: pnpm check + - run: pnpm exec playwright install --with-deps chromium --only-shell + - run: pnpm exec playwright install --with-deps firefox webkit + - run: pnpm test + - run: pnpm test:package + - run: pnpm test:ssr + - run: pnpm storybook:build + - run: pnpm test:storybook + - run: pnpm test:engines + - uses: actions/upload-pages-artifact@7b1f4a764d45c48632c6b24a0339c27f5614fb0b # v4 + with: + path: build/storybook + deploy: + needs: build + runs-on: ubuntu-latest + permissions: + pages: write + id-token: write + environment: + name: github-pages + url: ${{ steps.deployment.outputs.page_url }} + steps: + - name: Publish the verified static catalog + id: deployment + uses: actions/deploy-pages@d6db90164ac5ed86f2b6aed7e0febac5b3c0c03e # v4 diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..f47fa4b --- /dev/null +++ b/.gitignore @@ -0,0 +1,14 @@ +node_modules/ +coverage/ +.validation/ +work/ +**/dist/ +**/test-results/ +**/.vite/ + +.vitest/ + +**/.svelte-kit/ + +build/ +.storybook-cache/ diff --git a/.node-version b/.node-version new file mode 100644 index 0000000..b7179ae --- /dev/null +++ b/.node-version @@ -0,0 +1 @@ +24.20.0 diff --git a/.npmrc b/.npmrc new file mode 100644 index 0000000..68ef455 --- /dev/null +++ b/.npmrc @@ -0,0 +1,3 @@ +engine-strict=true +strict-peer-dependencies=true +auto-install-peers=false diff --git a/.storybook/main.ts b/.storybook/main.ts new file mode 100644 index 0000000..a7c05d8 --- /dev/null +++ b/.storybook/main.ts @@ -0,0 +1,9 @@ +import type {StorybookConfig} from '@storybook/web-components-vite'; +const config:StorybookConfig={ + framework:'@storybook/web-components-vite',stories:['../stories/**/*.stories.ts'], + staticDirs:[{from:'../LICENSES',to:'/licenses'}], + addons:['@storybook/addon-docs','@storybook/addon-a11y','@storybook/addon-vitest'], + core:{disableTelemetry:true,enableCrashReports:false}, + viteFinal:async config=>({...config,base:'./'}), +}; +export default config; diff --git a/.storybook/preview.ts b/.storybook/preview.ts new file mode 100644 index 0000000..eb8e5c1 --- /dev/null +++ b/.storybook/preview.ts @@ -0,0 +1,25 @@ +import {addons} from 'storybook/preview-api'; +import {observeCatalogCompletion} from '../stories/catalog-completion.js'; +import type {Preview} from '@storybook/web-components-vite'; +import {registerTabs} from '@vypdev/ha-ui/tabs'; +import {registerButton} from '@vypdev/ha-ui/button'; +import {registerCheckbox} from '@vypdev/ha-ui/checkbox'; +import {registerSelect} from '@vypdev/ha-ui/select'; +import {registerField} from '@vypdev/ha-ui/field'; +import {registerDialog} from '@vypdev/ha-ui/dialog'; +import {registerCard} from '@vypdev/ha-ui/card'; +import {registerGrid,registerRow} from '@vypdev/ha-ui/layout'; +import {registerFeedback} from '@vypdev/ha-ui/feedback'; +import {catalogFrame} from '../stories/catalog-frame.js'; +const preview:Preview={ + beforeAll:()=>{registerTabs();registerField();registerButton();registerSelect();registerCheckbox();registerDialog();registerCard();registerGrid();registerRow();registerFeedback();return observeCatalogCompletion(addons.getChannel(),document.documentElement);},decorators:[catalogFrame], + initialGlobals:{theme:'light',locale:'en',width:'wide',motion:'system'}, + globalTypes:{ + theme:{description:'HA-compatible theme',toolbar:{title:'Theme',icon:'circlehollow',items:[{value:'light',title:'Light'},{value:'dark',title:'Dark'}],dynamicTitle:true}}, + locale:{description:'Example language; English fallback',toolbar:{title:'Language',icon:'globe',items:[{value:'en',title:'English'},{value:'es',title:'Español'}],dynamicTitle:true}}, + width:{description:'Example width',toolbar:{title:'Width',icon:'mobile',items:[{value:'wide',title:'Wide'},{value:'narrow',title:'Narrow'}],dynamicTitle:true}}, + motion:{description:'System preference or stronger reduced motion',toolbar:{title:'Motion',icon:'lightning',items:[{value:'system',title:'System'},{value:'reduced',title:'Reduced'}],dynamicTitle:true}}, + }, + parameters:{layout:'fullscreen',a11y:{test:'error'},docs:{codePanel:true},controls:{expanded:true}}, +}; +export default preview; diff --git a/LICENSE b/LICENSE new file mode 100644 index 0000000..31822ab --- /dev/null +++ b/LICENSE @@ -0,0 +1,21 @@ +MIT License + +Copyright (c) 2026 vypdev + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/LICENSES/Noto-Sans-Arabic-OFL-1.1.txt b/LICENSES/Noto-Sans-Arabic-OFL-1.1.txt new file mode 100644 index 0000000..788fd32 --- /dev/null +++ b/LICENSES/Noto-Sans-Arabic-OFL-1.1.txt @@ -0,0 +1,93 @@ +Copyright 2022 The Noto Project Authors (https://github.com/notofonts/arabic) + +This Font Software is licensed under the SIL Open Font License, Version 1.1. +This license is copied below, and is also available with a FAQ at: +https://openfontlicense.org + + +----------------------------------------------------------- +SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007 +----------------------------------------------------------- + +PREAMBLE +The goals of the Open Font License (OFL) are to stimulate worldwide +development of collaborative font projects, to support the font creation +efforts of academic and linguistic communities, and to provide a free and +open framework in which fonts may be shared and improved in partnership +with others. + +The OFL allows the licensed fonts to be used, studied, modified and +redistributed freely as long as they are not sold by themselves. The +fonts, including any derivative works, can be bundled, embedded, +redistributed and/or sold with any software provided that any reserved +names are not used by derivative works. The fonts and derivatives, +however, cannot be released under any other type of license. The +requirement for fonts to remain under this license does not apply +to any document created using the fonts or their derivatives. + +DEFINITIONS +"Font Software" refers to the set of files released by the Copyright +Holder(s) under this license and clearly marked as such. This may +include source files, build scripts and documentation. + +"Reserved Font Name" refers to any names specified as such after the +copyright statement(s). + +"Original Version" refers to the collection of Font Software components as +distributed by the Copyright Holder(s). + +"Modified Version" refers to any derivative made by adding to, deleting, +or substituting -- in part or in whole -- any of the components of the +Original Version, by changing formats or by porting the Font Software to a +new environment. + +"Author" refers to any designer, engineer, programmer, technical +writer or other person who contributed to the Font Software. + +PERMISSION & CONDITIONS +Permission is hereby granted, free of charge, to any person obtaining +a copy of the Font Software, to use, study, copy, merge, embed, modify, +redistribute, and sell modified and unmodified copies of the Font +Software, subject to the following conditions: + +1) Neither the Font Software nor any of its individual components, +in Original or Modified Versions, may be sold by itself. + +2) Original or Modified Versions of the Font Software may be bundled, +redistributed and/or sold with any software, provided that each copy +contains the above copyright notice and this license. These can be +included either as stand-alone text files, human-readable headers or +in the appropriate machine-readable metadata fields within text or +binary files as long as those fields can be easily viewed by the user. + +3) No Modified Version of the Font Software may use the Reserved Font +Name(s) unless explicit written permission is granted by the corresponding +Copyright Holder. This restriction only applies to the primary font name as +presented to the users. + +4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font +Software shall not be used to promote, endorse or advertise any +Modified Version, except to acknowledge the contribution(s) of the +Copyright Holder(s) and the Author(s) or with their explicit written +permission. + +5) The Font Software, modified or unmodified, in part or in whole, +must be distributed entirely under this license, and must not be +distributed under any other license. The requirement for fonts to +remain under this license does not apply to any document created +using the Font Software. + +TERMINATION +This license becomes null and void if any of the above conditions are +not met. + +DISCLAIMER +THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, +EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF +MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT +OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE +COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, +INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL +DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING +FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM +OTHER DEALINGS IN THE FONT SOFTWARE. diff --git a/LICENSES/Roboto-Apache-2.0.txt b/LICENSES/Roboto-Apache-2.0.txt new file mode 100644 index 0000000..a6de40b --- /dev/null +++ b/LICENSES/Roboto-Apache-2.0.txt @@ -0,0 +1,201 @@ + Apache License + Version 2.0, January 2004 + http://www.apache.org/licenses/ + + TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION + + 1. Definitions. + + "License" shall mean the terms and conditions for use, reproduction, + and distribution as defined by Sections 1 through 9 of this document. + + "Licensor" shall mean the copyright owner or entity authorized by + the copyright owner that is granting the License. + + "Legal Entity" shall mean the union of the acting entity and all + other entities that control, are controlled by, or are under common + control with that entity. For the purposes of this definition, + "control" means (i) the power, direct or indirect, to cause the + direction or management of such entity, whether by contract or + otherwise, or (ii) ownership of fifty percent (50%) or more of the + outstanding shares, or (iii) beneficial ownership of such entity. + + "You" (or "Your") shall mean an individual or Legal Entity + exercising permissions granted by this License. + + "Source" form shall mean the preferred form for making modifications, + including but not limited to software source code, documentation + source, and configuration files. + + "Object" form shall mean any form resulting from mechanical + transformation or translation of a Source form, including but + not limited to compiled object code, generated documentation, + and conversions to other media types. + + "Work" shall mean the work of authorship, whether in Source or + Object form, made available under the License, as indicated by a + copyright notice that is included in or attached to the work + (an example is provided in the Appendix below). + + "Derivative Works" shall mean any work, whether in Source or Object + form, that is based on (or derived from) the Work and for which the + editorial revisions, annotations, elaborations, or other modifications + represent, as a whole, an original work of authorship. For the purposes + of this License, Derivative Works shall not include works that remain + separable from, or merely link (or bind by name) to the interfaces of, + the Work and Derivative Works thereof. + + "Contribution" shall mean any work of authorship, including + the original version of the Work and any modifications or additions + to that Work or Derivative Works thereof, that is intentionally + submitted to Licensor for inclusion in the Work by the copyright owner + or by an individual or Legal Entity authorized to submit on behalf of + the copyright owner. For the purposes of this definition, "submitted" + means any form of electronic, verbal, or written communication sent + to the Licensor or its representatives, including but not limited to + communication on electronic mailing lists, source code control systems, + and issue tracking systems that are managed by, or on behalf of, the + Licensor for the purpose of discussing and improving the Work, but + excluding communication that is conspicuously marked or otherwise + designated in writing by the copyright owner as "Not a Contribution." + + "Contributor" shall mean Licensor and any individual or Legal Entity + on behalf of whom a Contribution has been received by Licensor and + subsequently incorporated within the Work. + + 2. Grant of Copyright License. Subject to the terms and conditions of + this License, each Contributor hereby grants to You a perpetual, + worldwide, non-exclusive, no-charge, royalty-free, irrevocable + copyright license to reproduce, prepare Derivative Works of, + publicly display, publicly perform, sublicense, and distribute the + Work and such Derivative Works in Source or Object form. + + 3. Grant of Patent License. Subject to the terms and conditions of + this License, each Contributor hereby grants to You a perpetual, + worldwide, non-exclusive, no-charge, royalty-free, irrevocable + (except as stated in this section) patent license to make, have made, + use, offer to sell, sell, import, and otherwise transfer the Work, + where such license applies only to those patent claims licensable + by such Contributor that are necessarily infringed by their + Contribution(s) alone or by combination of their Contribution(s) + with the Work to which such Contribution(s) was submitted. If You + institute patent litigation against any entity (including a + cross-claim or counterclaim in a lawsuit) alleging that the Work + or a Contribution incorporated within the Work constitutes direct + or contributory patent infringement, then any patent licenses + granted to You under this License for that Work shall terminate + as of the date such litigation is filed. + + 4. Redistribution. You may reproduce and distribute copies of the + Work or Derivative Works thereof in any medium, with or without + modifications, and in Source or Object form, provided that You + meet the following conditions: + + (a) You must give any other recipients of the Work or + Derivative Works a copy of this License; and + + (b) You must cause any modified files to carry prominent notices + stating that You changed the files; and + + (c) You must retain, in the Source form of any Derivative Works + that You distribute, all copyright, patent, trademark, and + attribution notices from the Source form of the Work, + excluding those notices that do not pertain to any part of + the Derivative Works; and + + (d) If the Work includes a "NOTICE" text file as part of its + distribution, then any Derivative Works that You distribute must + include a readable copy of the attribution notices contained + within such NOTICE file, excluding those notices that do not + pertain to any part of the Derivative Works, in at least one + of the following places: within a NOTICE text file distributed + as part of the Derivative Works; within the Source form or + documentation, if provided along with the Derivative Works; or, + within a display generated by the Derivative Works, if and + wherever such third-party notices normally appear. The contents + of the NOTICE file are for informational purposes only and + do not modify the License. You may add Your own attribution + notices within Derivative Works that You distribute, alongside + or as an addendum to the NOTICE text from the Work, provided + that such additional attribution notices cannot be construed + as modifying the License. + + You may add Your own copyright statement to Your modifications and + may provide additional or different license terms and conditions + for use, reproduction, or distribution of Your modifications, or + for any such Derivative Works as a whole, provided Your use, + reproduction, and distribution of the Work otherwise complies with + the conditions stated in this License. + + 5. Submission of Contributions. Unless You explicitly state otherwise, + any Contribution intentionally submitted for inclusion in the Work + by You to the Licensor shall be under the terms and conditions of + this License, without any additional terms or conditions. + Notwithstanding the above, nothing herein shall supersede or modify + the terms of any separate license agreement you may have executed + with Licensor regarding such Contributions. + + 6. Trademarks. This License does not grant permission to use the trade + names, trademarks, service marks, or product names of the Licensor, + except as required for reasonable and customary use in describing the + origin of the Work and reproducing the content of the NOTICE file. + + 7. Disclaimer of Warranty. Unless required by applicable law or + agreed to in writing, Licensor provides the Work (and each + Contributor provides its Contributions) on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or + implied, including, without limitation, any warranties or conditions + of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A + PARTICULAR PURPOSE. You are solely responsible for determining the + appropriateness of using or redistributing the Work and assume any + risks associated with Your exercise of permissions under this License. + + 8. Limitation of Liability. In no event and under no legal theory, + whether in tort (including negligence), contract, or otherwise, + unless required by applicable law (such as deliberate and grossly + negligent acts) or agreed to in writing, shall any Contributor be + liable to You for damages, including any direct, indirect, special, + incidental, or consequential damages of any character arising as a + result of this License or out of the use or inability to use the + Work (including but not limited to damages for loss of goodwill, + work stoppage, computer failure or malfunction, or any and all + other commercial damages or losses), even if such Contributor + has been advised of the possibility of such damages. + + 9. Accepting Warranty or Additional Liability. While redistributing + the Work or Derivative Works thereof, You may choose to offer, + and charge a fee for, acceptance of support, warranty, indemnity, + or other liability obligations and/or rights consistent with this + License. However, in accepting such obligations, You may act only + on Your own behalf and on Your sole responsibility, not on behalf + of any other Contributor, and only if You agree to indemnify, + defend, and hold each Contributor harmless for any liability + incurred by, or claims asserted against, such Contributor by reason + of your accepting any such warranty or additional liability. + + END OF TERMS AND CONDITIONS + + APPENDIX: How to apply the Apache License to your work. + + To apply the Apache License to your work, attach the following + boilerplate notice, with the fields enclosed by brackets "[]" + replaced with your own identifying information. (Don't include + the brackets!) The text should be enclosed in the appropriate + comment syntax for the file format. We also recommend that a + file or class name and description of purpose be included on the + same "printed page" as the copyright notice for easier + identification within third-party archives. + + Copyright 2013 Christian Hoffmeister + + Licensed under the Apache License, Version 2.0 (the "License"); + you may not use this file except in compliance with the License. + You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. diff --git a/README.md b/README.md index 2099fd0..dd68dff 100644 --- a/README.md +++ b/README.md @@ -2,8 +2,36 @@ Shared presentation components for Home Assistant applications, including Gateway and Domus. -The package will own reusable Lit components, design tokens, tests and a Storybook catalog. -Each consuming application owns its domain logic, navigation content and workflows. +The current preview implements upper navigation/local panels, controlled text fields, native-form +buttons, typed single/multiple selects, boolean checkboxes, native dialogs, card surfaces, passive rows, responsive grids and feedback states. React, Vue, Angular and Svelte +bindings pass source and compiled installed-package consumers. The pinned build/coverage foundation +and production-backed [Storybook](docs/storybook.md) verify the implemented scope. -Repository setup and the initial component extraction are in progress. No package or catalog -has been published yet. +[Visual equivalence with HA](docs/visual-parity.md) is verified against recorded originals for +the implemented states. Chromium, Firefox and WebKit exercise the compiled catalog. Production +Next.js, Nuxt and SvelteKit fixtures verify the server and client boundary. Public catalog +hosting, package publication and Gateway/Domus adoption remain open. + +Use Node 24.20.0 and the package manager pinned in package.json: + +```bash +pnpm install --frozen-lockfile --ignore-scripts +pnpm check +pnpm exec playwright install --with-deps chromium --only-shell +pnpm exec playwright install --with-deps firefox webkit +pnpm test +pnpm build +pnpm test:package +pnpm test:ssr +pnpm storybook:build +pnpm test:storybook +pnpm test:engines +``` + +The contract validates controlled navigation or panel inputs without reading browser globals, +choosing application routes or accepting rendering callbacks. See the +[component guide](docs/component-library.md), [compatibility status](docs/compatibility.md), +[framework bindings](docs/framework-adapters.md), [adoption guide](docs/migration.md), [source provenance](docs/provenance.md), [foundation](specs/shared-ui-foundation.md), +[delivery companion](specs/shared-ui-framework-delivery.md) and [capability catalog](specs/CATALOG.md). +[Issue #7](https://github.com/vypdev/ha-ui/issues/7) retains all 64 baseline cases and six delivery +refinements. Clean checks on this increment do not complete that scope. diff --git a/docs/button-contract.md b/docs/button-contract.md new file mode 100644 index 0000000..e6c921e --- /dev/null +++ b/docs/button-contract.md @@ -0,0 +1,94 @@ +# Shared button contract + +This authored contract extends the retained foundation's button family. Other families, adapters, +compiled consumers and complete capability acceptance remain required until their own evidence passes. + +`buttonState(unknown)` returns a frozen closed state: required inert `label` (1..256 Unicode code +points), `variant` (primary, neutral, danger, success, warning, plain, outlined or filled; default +neutral), `size` (small, medium, large or extra-large; default medium), boolean `loading` and +`iconOnly` (false), inert `loadingLabel` (1..512 points; default Working…), and controlled `pressed` +(true, false or null; default null). C0/DEL/C1 and unpaired surrogates are rejected in presentation +text. Extra own keys, invalid enums and nonboolean flags raise `ButtonInputError`, code/message +`invalid_button`, without echoing input. Labels and state never become HTML attributes or markup. + +`vyp-ha-button` is explicitly registered by `registerButton()` from the client-only `/button` +entrypoint. `/button-contracts` stays DOM-free. Its `state` property uses the frozen contract. +`type` is button (safe default), submit or reset; `name` is inert text up to 128 points, empty allowed; +`value` is a literal well-formed string up to 16384 UTF-16 units, including newlines, empty allowed. +These three properties reflect validated attributes. `disabled` and `formNoValidate` are real boolean +properties with native presence-based attributes. `form` is a readonly owner; set the `form` ID +attribute to select an external form in the same tree. Unsupported per-button action/method/encoding/ +target overrides belong on the owning form. No routing, permission, network or storage is added. + +The one shadow renderer contains the visible native button. Decorative `leading` and `trailing` +slots are inert and excluded from the accessible name; the inert label supplies that name, including +icon-only mode. The button delegates focus/blur/click, preserves native Enter/Space activation, +shows a public-token focus outline, provides at least44 px targets and honors reduced motion. +Loading is aria-busy and aria-disabled, retains focus, exposes the localized status and blocks +activation. Disabled/disabled fieldsets use the native disabled state, including the first-legend +exception. Controlled pressed state changes only when the application supplies another state. + +One cancelable, composed, bubbling `ha-press-request` carries frozen `{type}` detail. Synchronous native click +cancellation or custom request cancellation prevents the default action. Programmatic property +changes emit no intent. Direct host `click()` delegates to the rendered visible button; callbacks +from a detached old connection cannot submit/reset after remount. Applications set busy state +from the form submit handler after browser validation, or handle a type=button request themselves. + +A shadow button cannot itself be an outer-form submitter. The component therefore owns one hidden +light-DOM native button, exposed as readonly `submitter` (null before first connection). This is the +real browser submitter, not the custom host. It mirrors type/name/value/form/disabled/formnovalidate, +creates no always-successful form value and receives native implicit activation. Visible activation +requests normal browser validation/submission through that native button; reset uses the normal +cancelable form reset operation. Exactly one native click and one request accompany an activation; +`SubmitEvent.submitter` and `FormData(form, submitter)` identify the exposed native button. Native +form APIs may be called directly and do not synthesize a press request. No universal HTMLElement +submitter or additional HTMLButtonElement API is promised. Framework bindings must preserve this +same equivalence and must not add another visual/form controller. + +The painted surface is calibrated against the original HA button modules: small/medium/large +are 32/40/48px, with 14/14/16px Medium Roboto and line-height 1. Extra-large uses HA's public +56px height override with large typography. The native button remains at least 44px in both +axes, centering the smaller painted surface. Its full native area activates the same single +request. `part="surface"` exposes the painted boundary; `part="button"` remains the actual +native target. Visible keyboard focus and the controlled pressed indicator follow the surface. + +Leading/trailing icons are 24px, with a 4px adjacent gap and 8px padding on the icon side. +Empty slots add no spacing. Loading keeps dimensions and focus, hides the content visually +and centers a local SVG spinner; its separate localized status remains available to assistive +technology. The spinner respects reduced motion. Long labels may grow vertically to preserve +readability; they are not silently clipped to the original fixed HA height. + +`--vyp-ha-button-height` overrides HA's `--ha-button-height`/`--button-height` and size defaults. +`--vyp-ha-button-radius` overrides HA's radius. Typography/spacing and semantic HA colors are +inherited through public tokens, with existing library overrides taking precedence. The neutral +variant maps to HA neutral/outlined; primary/danger/success/warning map to their accent tone, +and plain/outlined/filled map to HA brand with that appearance. No native form, validation or +request contract changes with this visual calibration. See [visual parity](visual-parity.md). + +The catalog declares accessible accent overrides for its light/dark demonstration palette. +Original HA token colors are calibrated independently; exact token fidelity does not establish +contrast acceptance of arbitrary host palettes. The original reference and the demonstration +palette are recorded distinctly. No private HA or Web Awesome runtime is imported. + +The four thin [framework bindings](framework-adapters.md#button-binding-contract) preserve this +contract through their own typed property, event and projection APIs. They add no visual renderer +or form controller. Source-browser and independently installed compiled consumers verify them. + + +Native `HTMLFormElement.requestSubmit(submitter)` and `reset()` run their standard form +algorithms without synthesizing a click on the auxiliary button. They therefore do not emit +`ha-press-request`. A trusted activation of the visible control emits one request before its +single native effect. An actual click on the auxiliary submitter, including implicit Enter, +emits its own single cancelable request; its handler must preserve that behavior. The source +regressions and separate compiled Chromium/Firefox/WebKit probe count requests, auxiliary clicks +and actual form effects independently. See the [requestSubmit method](https://html.spec.whatwg.org/multipage/forms.html#dom-form-requestsubmit) +and [form reset algorithm](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#resetting-a-form). + +Icon-only hides the label without discarding projected content. Either leading or trailing +projection can supply the icon. When both slots are supplied, the painted control can widen +so both remain visible; the ordinary one-icon/no-icon target remains square. Empty or removed +projections release their spacing after updates and reconnects. + +The OS reduced-motion preference bounds surface transitions to at most 1ms, following +HA's effective reduced duration; an explicit zero-duration host token remains zero. +Spinner motion stops completely. The compiled gate verifies this outside catalog styles. diff --git a/docs/card-contract.md b/docs/card-contract.md new file mode 100644 index 0000000..02554c6 --- /dev/null +++ b/docs/card-contract.md @@ -0,0 +1,17 @@ +# Card contract + +The shared card presents ordinary application content in the Home Assistant card surface. +Register `vyp-ha-card` through the client-only `@vypdev/ha-ui/card` entrypoint. The +DOM-free `@vypdev/ha-ui/card-contracts` entrypoint validates an immutable display model. + +`cardState` accepts an optional inert title (up to 256 Unicode points), a semantic heading +level from 1 to 6 (default 2), and a boolean raised flag (default false). An empty title +omits the heading. A titled card exposes a named article. Raised cards use the HA shadow +surface; standard cards use the HA border. The app owns content, commands and navigation. +The card itself has no focus stop, form owner or action event. + +The default slot is the body; the named `actions` slot is the footer. Empty slots, including +formatting whitespace and conditional adapter content, reserve no space. The footer has the HA divider and room for the +shared button's native target. Cards accept the public HA background, border, radius, shadow, +heading and spacing tokens. The component wraps content at narrow widths and honors reduced +motion. Use `--vyp-ha-card-actions-padding-block` to adapt footer spacing for custom actions. diff --git a/docs/checkbox-contract.md b/docs/checkbox-contract.md new file mode 100644 index 0000000..4b08fbc --- /dev/null +++ b/docs/checkbox-contract.md @@ -0,0 +1,74 @@ +# Shared checkbox contract + +This family retains the foundation's checkbox case C11 and all UIF-01..UIF-08, adapter, delivery +and application requirements. Source, compiled consumption and visual evidence are separate gates. + +## Closed inputs and model + +`checkboxState(unknown)` returns frozen label (required, inert 1..256 Unicode points), description +and error (inert 0..512), booleans required/indeterminate (false) and requiredMessage (inert 1..512, +default Select this option.). Unknown own keys, symbols, invalid text and nonboolean flags raise +CheckboxInputError, code/message invalid_checkbox, without echoing input. checkboxChecked accepts +only a real boolean. checkboxName accepts inert text up to128 points, empty allowed. checkboxValue +accepts literal well-formed text up to16384 UTF-16 units, including newlines, without HTML parsing. + +The checked boolean is the controlled model. Indeterminate is an independent controlled visual +flag, not a third model value and not a permission/selection policy. It affects neither successful +form entries nor required validation. A consumer derives it from child state and can clear it when +accepting an action; the core never silently changes the supplied configuration. The native input +exposes mixed semantics while that flag remains true. + +## DOM and form equivalence + +Explicit client registration uses registerCheckbox from `/checkbox`; `/checkbox-contracts` stays +DOM-free. `vyp-ha-checkbox` owns one native checkbox in Shadow DOM and its label. The visual control follows +the measured HA 20px square, 2px border, 4px radius, 8px label gap and 14px Roboto typography. +An invisible44px native input target preserves touch access without enlarging the visible square. Public +HA-compatible color/font/focus tokens, descriptions and localized errors remain shared. + +`state` and current `checked` are property-only. `defaultChecked` is a strict boolean and reflects +the native presence-based checked attribute; it follows initial state until a checked write or +activation makes it dirty. A reset requests the current default, and acknowledgement restores the +pristine default relationship. Name/value are reflected strings, with value default on. Disabled is +a real boolean presence attribute. An external form ID attribute selects the readonly form owner. +The indeterminate convenience property reads/writes that state flag and has no string attribute API. + +ElementInternals supplies labels, native form value/validation, disabled fieldsets, reset and explicit +state restoration. Enabled checked controls contribute name/value once; unchecked or disabled +controls contribute nothing. Required means checked=true, independently of indeterminate. Custom +and state errors precede the required message. A native form may choose novalidate; Angular forms +must use ngNativeValidate or explicit submit validation when browser blocking is desired. + +A cancelable composed/bubbling ha-check-request carries frozen {checked, reason}; reason is change, +reset, restore or autocomplete. checkboxChangeDetail validates the closed snapshot before any app +callback. Programmatic writes emit no intent. Mouse/label/Space use the native input. Native click +cancellation prevents the change request; canceled/unhandled requests restore the accepted model. +After the browser's canceled-click rollback, the component reconciles its latest accepted state, +including an independent application write made during the click. This reconciliation emits no intent. + +Trusted Enter follows the outer form's normal default-submitter path, preserving native application +click cancellation. With no submitter, the ordinary text-field blocker rule applies. Deferred keys +check cancellation, disabled state and the same owner before submitting. The shared DOM helper +serves both text fields and checkboxes without importing another component renderer. + +`focus`, `blur`, `click`, labels, validity, validationMessage, willValidate, checkValidity, +reportValidity and setCustomValidity expose the documented native equivalence. Reset does not clear +indeterminate: it stays application-controlled. checkboxRestoreState returns true/false text; +checkboxRestoreValue accepts exactly those strings. Malformed strings, File/FormData and unsupported +restore modes fail with invalid_checkbox; automatic history restoration remains a separate gate. + +## Framework binding API + +All four adapters export Checkbox and reuse the same core. React/Svelte accept checked and +onCheckedRequest/onCheckedChange. Vue uses boolean modelValue, checkedRequest and update:modelValue. +Angular supports a standalone checked/checkedChange binding plus ControlValueAccessor/Validator. +An Angular control owns checked and disabled when present; nullable null resets render unchecked +without changing the nullable model. Framework directives retain reset/default and updateOn policies. +The application owns indeterminate through state in every binding and recomputes it when accepting +child changes. No binding adds rendering, household behavior, I/O or another native form controller. + +Visual equivalence uses the [measured HA protocol](visual-parity.md). Source/license notices ship +with the core package; no private HA bundle or third-party runtime is imported by the renderer. + +Deferred Enter is also tied to the original connection. Disconnecting and reattaching the same +control to the same form cancels that older action; a new key action uses the new connection. diff --git a/docs/compatibility.md b/docs/compatibility.md new file mode 100644 index 0000000..0c5cf3e --- /dev/null +++ b/docs/compatibility.md @@ -0,0 +1,94 @@ +# Compatibility and validation status + +The current preview covers navigation and local panels, text fields, buttons, checkboxes, typed +selects, native dialogs, cards, rows, grids and feedback. The same renderers pass source tests and compiled package consumers +in React, Vue, Angular and Svelte. The compiled browser journeys pass the three engines listed below. + +| Tool | Exact pin | Current use | +|---|---|---| +| Node | 24.20.0 | Local validation and CI | +| pnpm | 10.34.0 | Frozen workspace install | +| TypeScript | 6.0.3 | Strict contract/type declarations; compatible candidate for Angular compiler-cli 22.2.4 | +| Vite | 8.3.5 | Test transform toolchain | +| Lit | 3.3.3 | Internal shared navigation, text-field, button, select, checkbox, dialog, card, layout and feedback renderers | +| Vitest, browser provider and V8 coverage | 5.1.0 | Node and real Chromium; all four metrics globally and per authored runtime file | +| Storybook / Web Components / docs / a11y / Vitest addon | 10.6.5 | Real catalog with strict declaration-only compatibility patch | +| axe-core | 4.14.0 | All static locale/theme/width combinations | +| Playwright | 1.64.1 | Chromium 156.0.8078.4 component and clean packed-consumer tests | + +The core preview coordinate/version is package: @vypdev/ha-ui at 0.1.0-next.1. It is unpublished; +its source contains the shared contracts and preview renderers above. +React 19.3.1, Vue 3.5.44, Angular 22.2.4 and Svelte 5.57.3 pass compiled Chromium fixtures +using actual packages. They remain preview pins until the complete component and delivery gates +pass. Production Next.js 16.4.5, Nuxt 4.6.4 and SvelteKit 3.1.1 verify the server shell and +explicit client mount in Chromium using the actual archives. Do not infer server component +rendering or support for other pins from these results. + +The controlled navigation model requires kind, label, selected and items. Kind is navigation or panels; +selected is an existing enabled item ID or null. IDs use 1..128 ASCII letters, digits, underscore or +hyphen; accessible labels contain 1..256 Unicode code points without C0, DEL, C1 or unpaired surrogate values. +At most 64 items are accepted, without truncation. Navigation items require an explicit HTTP(S) or +relative application link; panel items omit links and use item IDs for named panel slots. +Disabled defaults to false. Labels and links retain their original values; snapshots are deeply frozen. +Invalid/extra fields, conflicting selection and unsafe or credential-bearing links raise the bounded +NavigationInputError with code invalid_navigation. This validates data, not authorization or rendering. + +CI Check runs for each PR head with no path filter. Current gates are strict types, all implemented +tests, independent source-inventory coverage, architecture/CI contracts, compiled declarations, real Chromium component behavior, actual reproducible packed consumption with +a DOM-free contract and a compiled browser client, and the original pinned Copilot catalog validator. +The packed browser fixture exercises real links, panel slots, keyboard, live Spanish labels/theme, +and reduced motion. The four framework fixtures also exercise text field, button, checkbox, +select, dialog, card, layout and feedback behavior. The browser-engine checks described below cover specific journeys; +full cross-browser acceptance remains separate. The [server/client fixtures](framework-adapters.md#server-and-client-boundaries) cover the three named server frameworks. +Complete component-family/framework fixtures, public Storybook hosting, publication and actual app adoption remain required. +The [implemented catalog and static browser gates](storybook.md) cover only the current families. + +The clean package fixture derives its runtime-only graph and integrity records from the reviewed +workspace lock, binds the actual tarball's integrity, and installs offline with a frozen lock. A fresh +metadata cache is selected and verified; the lock must remain byte-identical. A separate unlocked +negative fixture must reproduce the missing-metadata failure. This prevents developer cache contents +from making package acceptance pass when a fresh hosted runner cannot resolve the same dependency. + +See [framework bindings](framework-adapters.md) for the exact preview API, compilation and teardown evidence. + +The core text field uses native ElementInternals in Chromium. Native form submission, +required/length/custom validation, disabled fieldsets, readonly, reset and controlled edits are +covered. Four field framework bridges pass; other controls, other engines and the full library +acceptance remain unverified. Angular Forms is pinned to 22.2.4 alongside Angular Core. + +The core button's scoped acceptance uses a real hidden native submitter with the one visible shadow +renderer. Native DOM and installed-package tests cover actual FormData/validation/default Enter, +cancellation, fieldset/legend rules, busy focus, reset and stale connection/owner prevention. This +is the documented [button equivalence](button-contract.md), not universal HTMLElement submitter +support. Four button framework bindings pass actual compiled consumers; other engines remain pending. The field's Enter path now +clicks the actual default submitter, preserving native application cancellation. + + +The selector has a DOM-free closed value/options/validation policy and one form-associated shared +renderer. A filled single picker uses a native combobox button and a popover listbox. An explicit +multiple dropdown uses chips and a searchable modal; explicit lists use radio or checkbox rows. +Automatic mode keeps the earlier size projection. Typed requests, string FormData, reset, +validation, disabled owners and teardown retain the same public policy across all four bindings. +Independent HA comparisons cover 114 single picker, 90 multiple dropdown and 120 visible list +states. Compiled core form, scroll and list journeys run in Chromium, Firefox and WebKit; the +four installed framework bindings are checked in Chromium. See the [select contract](select-contract.md). + +The [native dialog](dialog-contract.md) keeps application-owned open state and shares the button +renderer. Installed consumers verify projected content, cancellation, keyboard and focus return, +confirmation and teardown. The [visual record](visual-parity.md) identifies original HA states +and separates their measured paint from native hit target and accessibility checks. + +## Browser behavior matrix + +`pnpm test:engines` serves the compiled catalog at the Pages subpath and requires each +pinned Playwright browser: Chromium, Firefox and WebKit. Every run records exact versions, +platform and architecture in `test-results/browser-matrix.json`. It exercises narrow dark +Spanish navigation, real drag and keyboard activation in both directions, native form +reset and submission, typed selects, projected dialog/card/row actions, responsive grids +and feedback focus. It also compares the shared input's implicit Enter behavior directly +with native inputs in the same engine. The card action follows the engine's native Tab +policy; Enter must work once the command has focus. + +The full accessibility and pixel comparison matrix uses the Chromium pins listed in the +[reference records](visual-parity.md). The three-engine matrix verifies interactive behavior. +Adapter compiler and installed-app checks are reported separately. diff --git a/docs/component-library.md b/docs/component-library.md new file mode 100644 index 0000000..8ba8f45 --- /dev/null +++ b/docs/component-library.md @@ -0,0 +1,347 @@ +# Shared component library + +The current source implements the DOM-independent navigation contract, one controlled upper +navigation/panel renderer, a single-line text field, a native-form button, typed single/multiple selects, boolean checkboxes and the tested quality/build foundation. The renderer passes direct +Chromium and clean actual-package browser consumers. Four navigation, text-field form, button, select, checkbox, dialog, card, layout and feedback adapters also pass real compiled package consumers. Framework SSR, public Storybook hosting, publication and consumer migrations remain required. The [primary Draft](../specs/shared-ui-foundation.md), +[capability catalog](../specs/CATALOG.md) and [feature issue #7](https://github.com/vypdev/ha-ui/issues/7) +hold the proposed contract and pending acceptance gates. + +## Intended use + +One Lit implementation exposes DOM components. Apps choose direct Lit/HTML use or a real React, +Vue, Angular or Svelte adapter. Proposed package names are @vypdev/ha-ui and the corresponding +-react, -vue, -angular and -svelte packages. Navigation exports and exact preview evidence are in +the [framework guide](framework-adapters.md); registry publication rights remain unverified. +A consumer installs only its own framework binding. Framework-native forms, events, complex values, +content projection and teardown require compiled tests, not just custom-element declarations. + +```text +One core -> selected framework binding -> app-owned pages and workflows + -> shared production-backed Storybook +``` + +Text equivalent: One core supplies the same visual behavior to a chosen framework and the catalog. +Gateway and Domus retain separate page composition, domain rules, data, permissions and routes. +Their shared navigation pattern is the upper HA-style dashboard bar. Domus still chooses household +sections such as Overview, Tasks, Calendar, Shopping, Inventory, Family and Settings as they become real. + +## Components and catalog + +The proposed families are tokens, typography, spacing, upper navigation, buttons, fields, selects, +checkboxes, cards, rows/grids, dialogs and feedback states. The [shared Storybook](storybook.md) uses production +components with EN/ES, light/dark, narrow/wide, keyboard and reduced-motion examples. CI retains +reviewable PR artifacts; public GitHub Pages hosting remains pending. +No private HA bundles, parent-frame DOM, storage, credentials or API access belong in this package. + +## Compatibility and adoption + +Exact supported versions, peer ranges, signatures and export paths are pending engineering verification. +Next.js, Nuxt and SvelteKit need explicit tested client/import boundaries; a generic Web Component +claim does not prove SSR or hydration support. The initial goal is a server shell with client-mounted +components, not universal server rendering of Shadow DOM. + +The first navigation preview exercises the proposed DOM contract and reviewed Gateway dashboard +geometry. It does not establish broad extraction or a supported framework cohort. Before extending +extraction to additional families, verify the packed consumers for Lit/DOM and all four adapters, +retain the Gateway source/license baseline and MIT/asset notices, and extract behavior once. Actual Gateway and +Domus migrations happen under their own admitted repository work, using the same reviewed cohort. +Retire local duplicates only after equivalent app, recovery, locale and accessibility journeys pass. +Core/adapter publication, Storybook delivery and each app's acceptance are distinct gates. + +## Quality and release + +All authored behavior starts with tests and requires 100% supported statements, branches, functions +and lines globally and per module, with independent source inventory and executable architecture +constraints. The primary Draft allocates 64 distinct minimum cases. CI Check must aggregate +all required implemented checks on every PR head; the initial CI now validates all implemented source; broader browser support, adapter and adoption gates remain pending. +Record exact toolchain, source, lock, package digests and framework/browser results. Verify npm +publication rights before any publish. Preserve one tested previous app/cohort rollback and all user +data and original-operation recovery. Never overwrite an existing package version after partial delivery. + +## Catalog validation + +Bootstrap uses the unchanged original Copilot catalog SDK from the official source revision +`3e7ceea08e6131360e026937d1c0cc1b120472e0` used by the installed Action at preparation time. +The following three source files were byte-verified against that revision in an existing checkout: + +| Original SDK file | SHA-256 | +|---|---| +| src/infrastructure/specification_catalog_validator.cjs | 7de4c036e5dee6477581502984d02037e6fd3bd3fa2f2434ef4dc862666365b1 | +| src/infrastructure/specification_catalog_publication.cjs | 92d31ff9a9ff7a9f8491dc492ccf7e1b039ba5d6ff0da43e7f252111b7e76d5b | +| src/domain/specification_catalog_path_policy.cjs | bb97e2432d97c61b5cc123adcdb43acc49f01d3bb52693d372c37829133ab139 | + +These are external tool identities, not copied files or ha-ui implementation paths. No Copilot +source, generated workflow or installed resource is modified. For this bootstrap, use a reviewed +read-only Copilot checkout and an absolute target root. `COPILOT_SOURCE_ROOT` and `HA_UI_ROOT` below +are operator-selected absolute paths; the three files must match the verified source before use. +From the ha-ui repository, run with Node 24 or newer: + +```bash +export HA_UI_ROOT="$PWD" +export COPILOT_SOURCE_ROOT="/absolute/path/to/reviewed/copilot" +node -e 'const path = require("node:path"); const sdk = require(path.join(process.env.COPILOT_SOURCE_ROOT, "src/infrastructure/specification_catalog_validator.cjs")); sdk.main(["--write"], process.env.HA_UI_ROOT);' +node -e 'const path = require("node:path"); const sdk = require(path.join(process.env.COPILOT_SOURCE_ROOT, "src/infrastructure/specification_catalog_validator.cjs")); sdk.main([], process.env.HA_UI_ROOT);' +``` + +Generation writes only the target generated index. Validation checks actual path/cardinality and +index agreement; it does not establish semantic completeness, native feature admission, implemented +behavior or release readiness. Do not run an absolute SDK CLI without the explicit target root: +its default root belongs to the external tool checkout. CI reads the same original SDK at its exact pinned revision; it validates rather than regenerates the index. +The local procedure above remains available for catalog maintenance. Do not invent or weaken a replacement +validator to turn missing evidence into acceptance. + +## Next transition + +Native issue #7 published the delivery companion on its exact managed branch before implementation. +Complete the component renderers, actual framework adapters/consumers, Storybook and staged delivery +acceptance on that branch, retaining all 64 baseline and six companion cases. The first source +contract and green incremental tests do not establish a complete component library or app adoption. + +## First component contract: controlled upper navigation + +Import `HaTabs` and `registerTabs` from `@vypdev/ha-ui/tabs`; call registration only at the +client boundary. It defines `vyp-ha-tabs` explicitly, preserves pre-upgrade property values, +allows repeated calls with the same constructor and rejects another installed constructor. +The root and contracts entrypoints stay DOM-independent. The component entrypoint is intended for clients. Lit may install its own DOM shim when imported +on a server; ha-ui does not define a tag there and rejects registration even with that shim. No server-rendered +Shadow DOM or framework hydration support is claimed. + +Set the `state` property to the validated `NavigationState` contract. It is property-only; +serialized object attributes and HTML-string rendering are unsupported. Assignment validates +and snapshots before replacing the previous state. No programmatic assignment emits intent. +Each user action emits one cancelable, bubbling, composed `ha-selection-request` CustomEvent, +with frozen `{kind, id}` detail. Apps own selected state and routes. Canceling intent prevents +the original link navigation; unmodified accepted navigation retains the native anchor default. +Modified link clicks retain browser behavior and do not emit a selection request. Disabled +links have no target or tab stop. Stale DOM events during a pending state replacement are rejected. + +Navigation renders a labeled `nav` with links and `aria-current=page`. Panels render a labeled +horizontal `tablist`, native button tabs and actual same-shadow-root labeled `tabpanel` sections. +Panel item IDs name light-DOM slots. Inactive panel wrappers are hidden, including slotted focus +targets. Arrow keys skip disabled tabs and wrap; Home/End move focus. RTL reverses horizontal +arrows. Activation is manual through native Enter/Space/click, while Tab follows normal focus +order. Null selection keeps a keyboard entry without silently selecting a panel. + +The common dashboard bar uses the measured HA text-tab geometry: 56px targets, 14px Medium +Roboto with a 1.6 line height, 16px horizontal padding and a 2px current indicator. The inner +content uses 18px top and 14px bottom padding; inactive items retain the header text color at +0.8 opacity, with another 0.5 factor for disabled content. Keyboard focus uses HA's gray 2px +ring inset by 5px. The header surface/text inherit `--app-header-background-color` and +`--app-header-text-color` before the ordinary card/text fallbacks. Domus still owns its sections +and layout. Local icon-only, icon-and-text and mixed items use the same renderer; overflow affordances and full installed-app visual acceptance remain required. +Public CSS tokens are `--vyp-ha-font-family`, `--vyp-ha-border`, `--vyp-ha-surface`, +`--vyp-ha-tab-padding`, `--vyp-ha-text-secondary`, `--vyp-ha-text`, `--vyp-ha-tab-indicator-color`, +`--vyp-ha-focus-ring`, `--vyp-ha-tab-border` and `--vyp-ha-primary`. The focus ring inherits HA's `--wa-focus-ring`; the +indicator inherits `--app-header-selection-bar-color`/`--ha-tab-indicator-color` before current text. +The bar border inherits `--app-header-border-bottom`, falling back to a 1px +`--vyp-ha-border`/`--divider-color` rule. `--vyp-ha-tab-border` overrides the full border. +Defaults inherit the corresponding HA theme variables where available. Overrides update live; +no global styles, network, storage, timers or animation are introduced. Exposed shadow parts are +`bar`, `item`, `content`, `icon`, `label` and `panel`. The `content` part owns the visible focus ring; +links/buttons retain the actual keyboard focus and semantics. Navigation binding and packed browser evidence are in the [framework guide](framework-adapters.md); +forms, other families and the complete framework/client boundary matrix remain separate gates. + +The interaction model follows [WAI-ARIA APG tabs](https://www.w3.org/WAI/ARIA/apg/patterns/tabs/) +and uses Lit's documented [reactive properties](https://lit.dev/docs/components/properties/) +and [events](https://lit.dev/docs/components/events/). + +### Local navigation icons and labels + +Each item may supply `iconPath`, an inert local SVG path command string in a fixed `0 0 24 24` +view box, and `showLabel`, which defaults to true. A missing/null path retains text-only display. +A hidden visible label requires an icon; the nonempty `label` is always required and remains the +native link/tab's accessible name. Icon-only controls also expose the label as a native hover title. +The SVG is decorative, not focusable, and contains only the controlled path attribute. It adds no +independent keyboard target or event subscription. Routes, selection and cancellation stay unchanged. + +The contract bounds path data to 16,384 characters, an initial M/m and local SVG command/number +characters. This is a lexical data boundary, not a general SVG geometry parser. Consumers provide +reviewed path geometry; no HTML, URLs, external images, icon-name lookup, HA registry or application +API is part of the input. The same immutable state passes through all four framework bindings. +No binding draws a second icon or installs another framework or an icon pack. + +Measured HA icon tabs use 24px glyphs and a 56px target. Their content has 16px top/12px bottom +padding, with an 8px logical icon/text gap when text is shown. Text-only padding and geometry are +preserved. `--vyp-ha-tab-icon-size` and `--vyp-ha-tab-icon-gap` override the size and gap; the defaults +inherit `--mdc-icon-size` and `--ha-space-2`. Fill and path opacity inherit HA's `--icon-primary-color` +and `--icon-primary-opactity` (the upstream variable spelling), with currentColor/1 fallbacks. +Names, visibility, path data and theme overrides update on the same live control without an intent. + +## Controlled text field + +The second shared family is a single-line text field. `textFieldState` validates immutable presentation +configuration: label, optional description/placeholder/error, required/readOnly, UTF-16 min/max +lengths and localized required/short/long messages. `textFieldValue` accepts well-formed single-line +strings up to 16,384 UTF-16 units; it preserves literal text and does not log values. Form names are +bounded inert text. Invalid input has the bounded `invalid_field` diagnostic. + +`vyp-ha-field` is a form-associated element with one visible shadow input, an actual label and +linked help/error text. Its state object and value are properties. Name, disabled and readonly have standard +host attribute semantics; the value attribute supplies defaultValue for initial/reset behavior. +Current value is never reflected into HTML. Explicit client registration and properties assigned +before upgrade follow the same cohort rules as navigation. + +Values remain controlled by the application. A typed, cancelable, composed `ha-value-request` +requests input/reset/restore/autocomplete changes; assigning a value does not emit one. A controller +accepts by assigning value, or rejects by leaving it unchanged/canceling. The field retains accepted +form state and restores the caret when an asynchronously accepted request matches the proposal. +Composition must not emit partial text or overwrite a newer application value. Native form reset +and state-restoration callbacks use that same controlled protocol; framework form bridges must +acknowledge it using their own model APIs, including Angular's value accessor. + +ElementInternals supplies form ownership, name/value submission, disabled fieldsets and constraint +validation. The readonly host attribute bars validation and makes the native input non-editable. +The public form/labels/validity APIs, focus, blur, custom validity, reset, reparenting and keyboard +submission are exercised in actual Chromium forms. Import `HaTextField` and `registerField` from +`@vypdev/ha-ui/field`, and call registration at the explicit client boundary. Import the pure +contracts from `@vypdev/ha-ui/field-contracts`; these require no DOM globals or DOM types. The +field is text-only. React, Vue, Angular and +Svelte text-field bindings and native form-model bridges pass the pinned compiled consumers; other +control families and their bridges remain required. Browser state-restoration callbacks are exercised +explicitly; automatic history restoration, real device IME behavior and other engines remain +unverified. No complete family matrix or product acceptance is claimed. + +The implementation follows the [HTML custom-element form contract](https://html.spec.whatwg.org/dev/custom-elements.html) +and [form control infrastructure](https://html.spec.whatwg.org/dev/form-control-infrastructure.html). + + +The standard `form` attribute supports an external form owner. `disabled` is a boolean attribute: +`disabled="false"` still disables the field. `readOnly` projects the immutable state's readOnly +flag and reflects `readonly`. Invalid name/default attributes are restored before their bounded +error is reported; current values are never included in diagnostics. Removing a text attribute +retains its absence. Programmatic values participate in required/min/max/custom validation. +Native form validation reveals linked errors as well as field-level checkValidity/reportValidity. +An application can cancel Enter in its key handler; a deferred submit checks that the owner is +unchanged and that the field is still enabled. It preserves the first native default submitter, +including its name/value and disabled state. With no submitter, multiple blocking fields prevent +implicit submission, including disabled, readonly and hidden text blockers. A disabled unnamed +native proxy lets the browser count each shared field when Enter starts on another native input; +the shared algorithm skips that tracked proxy and counts its owner once. It contributes no form +data or current value. Synthetic key events do not trigger submission. See the +[field contract](field-contract.md) for the native differential and original HA visual reference. + +The native input has a real associated label and delegates focus through an external label too. +The core owns all field markup, 56px minimum height, 16px padding, focus/error treatment and live +HA theme inheritance. Field tokens additionally include `--vyp-ha-field-radius` and +`--vyp-ha-danger` and `--vyp-ha-placeholder`; shadow parts are `field`, `control`, `label`, `input`, `help` and `error`. Controlled +reset requires the application to acknowledge the request, just like a normal edit. Cancellation +does not undo a value explicitly assigned by application code. This preview stores no values, +performs no network calls and grants no application permission. + +`fieldValueDetail` is available from the DOM-independent field-contracts entrypoint. It validates +exactly value and reason, accepting input/reset/restore/autocomplete only, snapshots the bounded +text value and freezes the result. Framework model bridges validate before invoking app observers +and use that snapshot after them. FieldValueReason and FieldValueDetail types are also DOM-free. + +A readonly field keeps its reflected `readonly` attribute and successful form value, while the +browser excludes it from constraint validation. Stored validity flags and the ElementInternals +validation message remain inspectable; they do not imply that the control blocks submission. +Changing back to editable immediately restores normal required/length/custom validation. Five +source-browser and independently installed-core cases verify actual form submissions for required +empty, too-short, too-long, state-error and custom-error values. This follows the HTML Standard's +[readonly FACE contract](https://html.spec.whatwg.org/multipage/custom-elements.html#custom-element-conformance) +and [ElementInternals validationMessage getter](https://html.spec.whatwg.org/multipage/custom-elements.html#dom-elementinternals-validationmessage). + +## Native-form button + +The [button contract](button-contract.md) defines the real core API, states, decorative slots, +typed cancellation and exposed native submitter. The direct packed consumer checks native browser +submission/validation, name/value inclusion, default Enter, disabled behavior, busy focus and reset. +React/Vue/Angular/Svelte button exports and actual installed compiled consumers pass alongside +navigation and text-field bindings. The catalog uses the actual +shared button in field forms and has twelve button stories, including all eight visual variants. + + +## Typed single/multiple select + +The [select contract](select-contract.md) defines the shared selector and its pure policies. +It preserves string/number/boolean model values and frozen arrays, including distinct 1 and "1" +options. Null is unselected. Missing/disabled options and mode mismatches preserve the model as an +explicit invalid selection; no replacement is invented. Successful FormData entries remain strings +and follow option order. Keyboard preview/commit, labels, localized errors, focus, validation, external form +owners, disabled fieldsets, reset and explicit typed restoration are exercised. + +All four [framework bindings](framework-adapters.md#select-binding-contract) delegate to that same +renderer. Angular includes its value-accessor/validator bridge and documented native-validation form +opt-in. The catalog has thirteen select stories covering dropdowns, visible lists, required, +disabled/error, missing/disabled options, empty lists, cancellation and Spanish dark/narrow content. Other families, +framework SSR, broader browser engines and full application adoption remain required. + +The single `size=1` control now uses the shared HA filled picker and a separate combobox/listbox +popup. The multiple dropdown uses chips and a searchable modal. Explicit lists use native radio +or checkbox rows; automatic mode retains the size-based projection. +The [independent original references](evidence/ha-select-reference.json) cover filled/empty, +placeholder, hover/focus, disabled/required/error/help, narrow/long labels, RTL, optional clear and +menu pointer/keyboard states. The current five-package cohort and four compiled framework consumers +pass. All 114 original-state comparisons across three platform/architecture targets satisfy exact computed styles, 0.1px geometry and the +documented selector-only nearly-identical raster bounds; existing exact visual gates also pass. +Twelve catalog form journeys and nine compiled ordinary/shadow/slotted scroll cases pass across +Chromium, Firefox and WebKit. The [acceptance receipt](evidence/shared-ui-foundation.json) +records this scope separately from the remaining component and application work. + +## Native modal dialog + +The [dialog contract](dialog-contract.md) defines the application-owned open property, named +content and footer projection, and typed confirm, cancel and dismissal requests. The dialog uses +the browser's modal top layer and the same shared button renderer. The catalog includes standard +and alert surfaces, controlled cancellation, pending confirmation and long content. Installed +framework consumers exercise focus return and teardown, while the [visual gate](visual-parity.md) +compares the compiled dialog with the original Home Assistant modules. + +## Controlled checkbox and visual acceptance + +The [checkbox contract](checkbox-contract.md) defines the boolean model, independent mixed flag, +closed request snapshots, successful entries, validation and reset/restoration semantics. React, +Vue, Angular and Svelte bindings use the one core renderer, including Angular Forms integration. +The catalog adds eleven checkbox stories and the exact locally bundled HA Roboto font files. + +The [HA visual-equivalence procedure](visual-parity.md) is a required review gate for every family. +A matching functional API or 100% coverage does not establish appearance. Checkbox measurements +are scoped to the actual recorded HA states. Text-only navigation controls now have their own +measured baseline; icons and overflow affordances still require review. Buttons, text fields and +selects still require direct comparison and correction before acceptance. This work precedes further +visual families and application adoption, so those apps do not adopt an uncalibrated visual layer. + + +### Narrow navigation and local panels + +Both modes share the same 56px horizontally scrolling bar. `scrollStartLabel` and +`scrollEndLabel` accept optional nonempty localized text, with English defaults. They name +native paging buttons; paging, focus reveal and mouse panning never request a selection. +Buttons use the measured HA gradients and local Font Awesome chevrons. RTL uses logical +start/end paging and negative native scroll offsets. Resize, content/font geometry and +ancestor direction/style changes update the available edges without moving document scroll. + +Programmatic selection reveals its destination without moving focus. A newer keyboard focus +wins over a deferred initial reveal and stays clear of the arrow overlays. Labels wider than +the viewport align their logical start. Paging respects system reduced motion and the public +`--vyp-ha-motion-duration:0ms` override. Pointer movement must exceed one CSS pixel before it +pans; modified input and keyboard activation retain their native behavior. Disconnect and +navigation-kind replacement retire observers, scheduled work and window gesture listeners. + +A focused arrow that reaches its edge remains present with `aria-disabled="true"` until blur. +This deliberate accessibility exception preserves focus; the original HA component removes +the focused arrow. Other resting, hover and focus visuals use the original measured geometry. + +## Card surface + +The [card contract](card-contract.md) defines a DOM-free title, a native heading level and the +standard or raised surface. Body and optional actions are ordinary projected content, so the +application owns layout inside the card, form participation, command callbacks and navigation. +The [catalog](storybook.md) covers narrow and right-to-left content and compares the compiled +renderer with the original HA card. Rows and grids provide the surrounding collection layout. + +## Rows and responsive grids + +The [layout contract](layout-contract.md) defines passive list rows with native application +actions and CSS grid tracks with fixed, responsive or square cells. These components compose +with cards and keep their children in source order as the container changes width. +The [catalog](storybook.md) shows ordinary text rows, narrow and right-to-left examples, +and card grids that respond to their own container. + +## Feedback surfaces + +The [feedback contract](feedback-contract.md) covers inline notices, error announcements, +empty states and loading. The application owns each update and any projected action. The +renderer keeps the action outside the live announcement so that a native control retains its +form, keyboard and focus behavior. No application service or timer runs inside the component. diff --git a/docs/dialog-contract.md b/docs/dialog-contract.md new file mode 100644 index 0000000..70415fc --- /dev/null +++ b/docs/dialog-contract.md @@ -0,0 +1,45 @@ +# Dialog contract + +Register the client-only `vyp-ha-dialog` through the `@vypdev/ha-ui/dialog` entrypoint. +The DOM-free `@vypdev/ha-ui/dialog-contracts` entrypoint validates inert display state and +typed requests. The dialog contains a native modal, a titled header, scrollable body, and +optional footer actions. It uses the shared button renderer for its own controls. + +The application owns the boolean `open` property. An acknowledged request closes the dialog +when the consumer sets `open` to false. A programmatic update is silent. The native modal +keeps background content inert while open. On close or disconnect, it restores the previously +focused control if it is still connected. The default slot accepts ordinary application +content, including a visible enabled control marked `autofocus`. The footer slot replaces the +default Cancel and Confirm actions. + +`dialogState` requires a title (1–256 Unicode points). Optional subtitle and description +allow up to 256 and 1,024 points. The title names the native modal; the description is +visible and associated with the modal. Text renders as inert content. Width presets are +small, medium, large and full. A standard dialog uses the HA full-screen presentation on +a narrow or short viewport; an alert retains a centered surface. Alert uses the +`alertdialog` role and is intended for an interruption that requires a response. + +Close, Cancel and Confirm use localized labels. Close and Cancel have English defaults; +an empty Cancel or Confirm label hides that action. Confirm supports primary and danger +tones. `pending` displays an announced busy state and blocks confirmation; a disabled +confirmation is also unavailable. `guardDismiss` blocks Escape, backdrop and native +dismissal, while leaving explicit actions available to the consumer. + +The cancelable, composed and bubbling `ha-dialog-request` carries a frozen +`{action}` for `confirm`, `cancel`, `close`, `escape`, `scrim`, or `native`. +A pointer must start and finish on the backdrop to request scrim dismissal. +Canceled or unacknowledged requests retain the open model. A slotted form that closes +the native dialog requests `native`; the renderer reconciles the native state with the +still-current controlled value. The renderer performs no application command and makes +no decision about whether a confirmation succeeded. + +Long content scrolls within the body. The header and footer stay visible; the edges show +when more content is available. Those cues honor reduced motion. + +All four framework packages export `Dialog`. Register the shared element at the client +boundary before mounting. React and Svelte use `onRequest` and `onAction`; Vue emits +`request` and `action`; Angular exposes `dialogRequest` and `dialogAction`. The first +callback receives the cancelable native event. The second receives the validated action only +if the request was accepted by that callback. The app then updates `open`. React and +Svelte accept children and a footer prop, Vue uses its default and footer slots, and +Angular projects content with an optional native `slot="footer"` attribute. diff --git a/docs/evidence/ha-button-reference.json b/docs/evidence/ha-button-reference.json new file mode 100644 index 0000000..fb2a0a7 --- /dev/null +++ b/docs/evidence/ha-button-reference.json @@ -0,0 +1,10035 @@ +{ + "source": "https://github.com/home-assistant/frontend/blob/027d9578ec9663b8aa22f50c24274a7cd9d001c1/src/components/ha-button.ts", + "artifact": "@home-assistant/webawesome@3.14.0-ha.2", + "browsers": { + "macos": "156.0.8078.4", + "linux": "156.0.8078.80" + }, + "glyph": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "variantMapping": { + "primary": [ + "brand", + "accent" + ], + "neutral": [ + "neutral", + "outlined" + ], + "danger": [ + "danger", + "accent" + ], + "success": [ + "success", + "accent" + ], + "warning": [ + "warning", + "accent" + ], + "plain": [ + "brand", + "plain" + ], + "outlined": [ + "brand", + "outlined" + ], + "filled": [ + "brand", + "filled" + ] + }, + "themes": { + "light": { + "--ha-color-fill-primary-normal-resting": "#dff3fc", + "--ha-border-radius-pill": "9999px", + "--ha-color-on-neutral-normal": "#5e5e5e", + "--ha-color-fill-disabled-loud-hover": "#b1b1b1", + "--ha-color-fill-primary-quiet-active": "#eff9fe", + "--ha-color-on-warning-loud": "#fff", + "--wa-focus-ring-offset": "2px", + "--ha-color-on-danger-quiet": "#dc3146", + "--ha-color-fill-primary-normal-hover": "#b9e6fc", + "--ha-color-fill-neutral-quiet-hover": "#e6e6e6", + "--ha-color-fill-warning-loud-resting": "#ff9342", + "--ha-color-fill-primary-loud-active": "#009ac7", + "--ha-color-on-disabled-loud": "#f3f3f3", + "--ha-color-on-primary-normal": "#009ac7", + "--ha-color-fill-success-loud-resting": "#00883c", + "--ha-color-on-success-loud": "#fff", + "--ha-color-fill-neutral-normal-resting": "#e6e6e6", + "--ha-color-fill-danger-quiet-hover": "#ffdedc", + "--wa-focus-ring": "solid 2px #989898", + "--ha-color-fill-warning-normal-resting": "#ffe0c8", + "--ha-color-fill-danger-quiet-active": "#fff0ef", + "--ha-color-on-primary-loud": "#fff", + "--ha-color-fill-neutral-quiet-active": "#f3f3f3", + "--ha-color-fill-primary-quiet-resting": "#eff9fe", + "--ha-font-size-m": "calc(14px * 1)", + "--ha-color-fill-danger-loud-resting": "#dc3146", + "--ha-color-fill-warning-quiet-hover": "#ffe0c8", + "--ha-color-fill-primary-normal-active": "#dff3fc", + "--ha-space-4": "16px", + "--ha-color-fill-danger-normal-hover": "#ffb8b6", + "--ha-color-on-danger-normal": "#b30532", + "--ha-color-fill-disabled-quiet-hover": "#e6e6e6", + "--ha-color-on-neutral-quiet": "#7a7a7a", + "--ha-color-fill-danger-loud-active": "#dc3146", + "--ha-color-on-primary-quiet": "#18bcf2", + "--ha-color-fill-neutral-loud-active": "#5e5e5e", + "--ha-color-on-disabled-quiet": "#ccc", + "--ha-color-on-warning-quiet": "#c94e00", + "--ha-color-fill-danger-normal-active": "#ffdedc", + "--ha-color-on-warning-normal": "#9d3800", + "--ha-color-fill-warning-normal-hover": "#ffbb89", + "--ha-color-fill-success-normal-active": "#c2f2c1", + "--ha-color-fill-neutral-quiet-resting": "#f3f3f3", + "--ha-color-fill-success-quiet-active": "#e3f9e3", + "--ha-color-fill-disabled-normal-hover": "#e6e6e6", + "--ha-color-fill-primary-loud-resting": "#009ac7", + "--ha-color-fill-neutral-normal-active": "#e6e6e6", + "--ha-color-fill-success-quiet-hover": "#c2f2c1", + "--ha-color-fill-success-quiet-resting": "#e3f9e3", + "--ha-color-fill-success-loud-hover": "#036730", + "--ha-color-on-success-normal": "#036730", + "--ha-color-on-danger-loud": "#fff", + "--ha-color-fill-neutral-loud-resting": "#5e5e5e", + "--ha-color-fill-warning-quiet-active": "#fff0e4", + "--ha-color-fill-success-normal-hover": "#93da98", + "--ha-color-fill-success-normal-resting": "#c2f2c1", + "--ha-color-fill-success-loud-active": "#00883c", + "--ha-color-fill-warning-normal-active": "#ffe0c8", + "--ha-color-fill-warning-loud-active": "#ff9342", + "--ha-color-fill-disabled-loud-resting": "#ccc", + "--ha-space-1": "4px", + "--ha-space-3": "12px", + "--ha-color-fill-neutral-loud-hover": "#4a4a4a", + "--ha-color-fill-disabled-normal-resting": "#f3f3f3", + "--ha-font-weight-medium": "500", + "--ha-color-fill-disabled-quiet-resting": "#f3f3f3", + "--ha-color-on-disabled-normal": "#b1b1b1", + "--ha-font-size-l": "calc(16px * 1)", + "--card-background-color": "#fff", + "--ha-color-fill-primary-quiet-hover": "#dff3fc", + "--ha-color-fill-danger-quiet-resting": "#fff0ef", + "--ha-color-fill-warning-quiet-resting": "#fff0e4", + "--ha-color-fill-danger-normal-resting": "#ffdedc", + "--ha-color-on-success-quiet": "#00883c", + "--ha-color-on-surface-default": "#141414", + "--ha-space-2": "8px", + "--ha-color-fill-primary-loud-hover": "#006787", + "--ha-color-on-neutral-loud": "#fff", + "--primary-text-color": "#141414", + "--ha-color-fill-warning-loud-hover": "#c94e00", + "--ha-color-fill-danger-loud-hover": "#b30532", + "--ha-color-fill-neutral-normal-hover": "#ccc", + "--wa-color-neutral-border-loud": "#5e5e5e", + "--wa-color-brand-border-loud": "#009ac7", + "--ha-animation-duration-fast": "1ms" + }, + "dark": { + "--ha-color-fill-primary-normal-resting": "#002e3e", + "--ha-border-radius-pill": "9999px", + "--ha-color-fill-disabled-loud-hover": "#5e5e5e", + "--ha-color-on-neutral-normal": "#989898", + "--ha-color-fill-primary-quiet-active": "#001721", + "--ha-color-on-warning-loud": "#fff", + "--wa-focus-ring-offset": "2px", + "--ha-color-fill-primary-normal-hover": "#004156", + "--ha-color-on-danger-quiet": "#fd8f90", + "--ha-color-fill-neutral-quiet-hover": "#202020", + "--ha-color-fill-warning-loud-resting": "#9d3800", + "--ha-color-fill-primary-loud-active": "#009ac7", + "--ha-color-on-disabled-loud": "#7a7a7a", + "--ha-color-on-primary-normal": "#37c8fd", + "--ha-color-fill-success-loud-resting": "#036730", + "--ha-color-on-success-loud": "#fff", + "--ha-color-fill-danger-quiet-hover": "#3e0913", + "--wa-focus-ring": "solid 2px #989898", + "--ha-color-fill-neutral-normal-resting": "#202020", + "--ha-color-fill-warning-normal-resting": "#3b0f00", + "--ha-color-fill-danger-quiet-active": "#2a040b", + "--ha-color-on-primary-loud": "#fff", + "--ha-color-fill-neutral-quiet-active": "", + "--ha-color-fill-primary-quiet-resting": "#001721", + "--ha-font-size-m": "calc(14px * 1)", + "--ha-color-fill-danger-loud-resting": "#b30532", + "--ha-color-fill-warning-quiet-hover": "#3b0f00", + "--ha-color-fill-primary-normal-active": "#002e3e", + "--ha-space-4": "16px", + "--ha-color-fill-danger-normal-hover": "#631323", + "--ha-color-on-danger-normal": "#f3676c", + "--ha-color-fill-disabled-quiet-hover": "#363636", + "--ha-color-on-neutral-quiet": "#b1b1b1", + "--ha-color-fill-danger-loud-active": "#b30532", + "--ha-color-on-primary-quiet": "#7bd4fb", + "--ha-color-fill-neutral-loud-active": "#989898", + "--ha-color-on-disabled-quiet": "#5e5e5e", + "--ha-color-on-warning-quiet": "#ff9342", + "--ha-color-fill-danger-normal-active": "#3e0913", + "--ha-color-on-warning-normal": "#f36d00", + "--ha-color-fill-warning-normal-hover": "#5e1c00", + "--ha-color-fill-success-normal-active": "#052310", + "--ha-color-fill-neutral-quiet-resting": "#141414", + "--ha-color-fill-disabled-normal-hover": "#4a4a4a", + "--ha-color-fill-primary-loud-resting": "#009ac7", + "--ha-color-fill-neutral-normal-active": "#202020", + "--ha-color-fill-success-quiet-active": "#031608", + "--ha-color-fill-success-quiet-hover": "#052310", + "--ha-color-fill-success-quiet-resting": "#031608", + "--ha-color-on-danger-loud": "#fff", + "--ha-color-fill-success-loud-hover": "#0a5027", + "--ha-color-on-success-normal": "#00ac49", + "--ha-color-fill-neutral-loud-resting": "#989898", + "--ha-color-fill-warning-quiet-active": "#280700", + "--ha-color-fill-success-normal-hover": "#0a3a1d", + "--ha-color-fill-success-normal-resting": "#052310", + "--ha-color-fill-success-loud-active": "#036730", + "--ha-color-fill-warning-normal-active": "#3b0f00", + "--ha-color-fill-warning-loud-active": "#9d3800", + "--ha-color-fill-disabled-loud-resting": "#4a4a4a", + "--ha-space-1": "4px", + "--ha-space-3": "12px", + "--ha-color-fill-neutral-loud-hover": "#b1b1b1", + "--ha-color-fill-disabled-normal-resting": "#363636", + "--ha-font-weight-medium": "500", + "--ha-color-fill-disabled-quiet-resting": "#202020", + "--ha-color-on-disabled-normal": "#7a7a7a", + "--ha-font-size-l": "calc(16px * 1)", + "--card-background-color": "#1c1c1c", + "--ha-color-fill-primary-quiet-hover": "#002e3e", + "--ha-color-fill-danger-quiet-resting": "#2a040b", + "--ha-color-fill-warning-quiet-resting": "#280700", + "--ha-color-fill-danger-normal-resting": "#3e0913", + "--ha-color-on-surface-default": "#f3f3f3", + "--ha-color-on-success-quiet": "#5dc36f", + "--ha-space-2": "8px", + "--ha-color-fill-primary-loud-hover": "#006787", + "--ha-color-on-neutral-loud": "#fff", + "--primary-text-color": "#e1e1e1", + "--ha-color-fill-warning-loud-hover": "#7e2900", + "--ha-color-fill-danger-loud-hover": "#8a132c", + "--ha-color-fill-neutral-normal-hover": "#363636", + "--wa-color-neutral-border-loud": "#b1b1b1", + "--wa-color-brand-border-loud": "#009ac7", + "--ha-animation-duration-fast": "1ms" + } + }, + "states": [ + { + "platform": "macos", + "theme": "light", + "name": "primary-resting", + "variant": "primary", + "state": "resting", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(0, 154, 199)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/light-primary-resting.png", + "sha256": "00146c7d196c8566e20d247063f07b036a239f2cbb5b921cd20aad8b760c6eec" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "00146c7d196c8566e20d247063f07b036a239f2cbb5b921cd20aad8b760c6eec" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "primary-hover", + "variant": "primary", + "state": "hover", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(0, 103, 135)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/light-primary-hover.png", + "sha256": "97f2b648bbc1c6c54a1e6b5cf5f60e2f92bce154b5752b2ba03e72b47be0a01d" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "97f2b648bbc1c6c54a1e6b5cf5f60e2f92bce154b5752b2ba03e72b47be0a01d" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "primary-focus", + "variant": "primary", + "state": "focus", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(0, 154, 199)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "2px" + }, + "hostOpacity": "1", + "focusVisible": true, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/light-primary-focus.png", + "sha256": "1afb84bead4516818e6f394707a4ac2d9d92b3ff315cdd8281113ae852df9c41" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "1afb84bead4516818e6f394707a4ac2d9d92b3ff315cdd8281113ae852df9c41" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "primary-disabled", + "variant": "primary", + "state": "disabled", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(204, 204, 204)", + "color": "rgb(243, 243, 243)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(243, 243, 243) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "0.5", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/light-primary-disabled.png", + "sha256": "b460dc960cea56d9e0a5a0a8169009960585482c51c5d778fd5ba51134229e96" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "b460dc960cea56d9e0a5a0a8169009960585482c51c5d778fd5ba51134229e96" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "primary-active", + "variant": "primary", + "state": "active", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(0, 154, 199)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/light-primary-active.png", + "sha256": "00146c7d196c8566e20d247063f07b036a239f2cbb5b921cd20aad8b760c6eec" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "00146c7d196c8566e20d247063f07b036a239f2cbb5b921cd20aad8b760c6eec" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "neutral-resting", + "variant": "neutral", + "state": "resting", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(122, 122, 122)", + "borderTopWidth": "1px", + "borderTopColor": "rgb(94, 94, 94)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(122, 122, 122) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/light-neutral-resting.png", + "sha256": "dab13426013135fc53c20b5e42eb495ac1c46b00624184ecc17bfcd8fd95c6e2" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "dab13426013135fc53c20b5e42eb495ac1c46b00624184ecc17bfcd8fd95c6e2" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "neutral-hover", + "variant": "neutral", + "state": "hover", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(230, 230, 230)", + "color": "rgb(122, 122, 122)", + "borderTopWidth": "1px", + "borderTopColor": "rgb(94, 94, 94)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(122, 122, 122) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/light-neutral-hover.png", + "sha256": "c59ab4c58e13dfa872aacc96aaf2dab2c117ab6d454be745488617166b96d6f0" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "c59ab4c58e13dfa872aacc96aaf2dab2c117ab6d454be745488617166b96d6f0" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "neutral-focus", + "variant": "neutral", + "state": "focus", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(122, 122, 122)", + "borderTopWidth": "1px", + "borderTopColor": "rgb(94, 94, 94)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "2px" + }, + "hostOpacity": "1", + "focusVisible": true, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/light-neutral-focus.png", + "sha256": "6b991fc242dfcaca59f735670884ee0afebd0cca5c8925ed6907d606d01ee162" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "6b991fc242dfcaca59f735670884ee0afebd0cca5c8925ed6907d606d01ee162" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "neutral-disabled", + "variant": "neutral", + "state": "disabled", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "1px", + "borderTopColor": "rgb(204, 204, 204)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "0.5", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/light-neutral-disabled.png", + "sha256": "7e3eb961dd9150d91e8d9f689ce8ef2e736498f804cc65b0075763939f275ee3" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "7e3eb961dd9150d91e8d9f689ce8ef2e736498f804cc65b0075763939f275ee3" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "neutral-active", + "variant": "neutral", + "state": "active", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(122, 122, 122)", + "borderTopWidth": "1px", + "borderTopColor": "rgb(94, 94, 94)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(122, 122, 122) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/light-neutral-active.png", + "sha256": "dab13426013135fc53c20b5e42eb495ac1c46b00624184ecc17bfcd8fd95c6e2" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "dab13426013135fc53c20b5e42eb495ac1c46b00624184ecc17bfcd8fd95c6e2" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "danger-resting", + "variant": "danger", + "state": "resting", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(220, 49, 70)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/light-danger-resting.png", + "sha256": "d2b9d2181b1eb59c21abd226831ca798edc40feb184540609eb94d602809c92c" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "d2b9d2181b1eb59c21abd226831ca798edc40feb184540609eb94d602809c92c" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "danger-hover", + "variant": "danger", + "state": "hover", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(179, 5, 50)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/light-danger-hover.png", + "sha256": "88092b131089205aefac0cdddf194ec9f69aa466088b3ac51ba527e31fc079a5" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "88092b131089205aefac0cdddf194ec9f69aa466088b3ac51ba527e31fc079a5" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "danger-focus", + "variant": "danger", + "state": "focus", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(220, 49, 70)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "2px" + }, + "hostOpacity": "1", + "focusVisible": true, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/light-danger-focus.png", + "sha256": "5708db688816267099b364a3ecbacaa815614be79945b22160d331069924b7f1" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "5708db688816267099b364a3ecbacaa815614be79945b22160d331069924b7f1" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "danger-disabled", + "variant": "danger", + "state": "disabled", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(204, 204, 204)", + "color": "rgb(243, 243, 243)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(243, 243, 243) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "0.5", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/light-danger-disabled.png", + "sha256": "b460dc960cea56d9e0a5a0a8169009960585482c51c5d778fd5ba51134229e96" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "b460dc960cea56d9e0a5a0a8169009960585482c51c5d778fd5ba51134229e96" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "danger-active", + "variant": "danger", + "state": "active", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(220, 49, 70)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/light-danger-active.png", + "sha256": "d2b9d2181b1eb59c21abd226831ca798edc40feb184540609eb94d602809c92c" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "d2b9d2181b1eb59c21abd226831ca798edc40feb184540609eb94d602809c92c" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "success-resting", + "variant": "success", + "state": "resting", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(0, 136, 60)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/light-success-resting.png", + "sha256": "f3c0d4e08f8996d4115715fe5ff298ceef01ff8a772047f0cef6a0256c82f5e2" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "f3c0d4e08f8996d4115715fe5ff298ceef01ff8a772047f0cef6a0256c82f5e2" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "success-hover", + "variant": "success", + "state": "hover", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(3, 103, 48)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/light-success-hover.png", + "sha256": "d51bd55b6407ef952027a7d658dfaa717b5d77b3c24cc44279257aefa41fba86" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "d51bd55b6407ef952027a7d658dfaa717b5d77b3c24cc44279257aefa41fba86" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "success-focus", + "variant": "success", + "state": "focus", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(0, 136, 60)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "2px" + }, + "hostOpacity": "1", + "focusVisible": true, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/light-success-focus.png", + "sha256": "5ae4e6d2b26c7097a8e296705b91cc0ca3336d117e8242963ef6187f490d3054" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "5ae4e6d2b26c7097a8e296705b91cc0ca3336d117e8242963ef6187f490d3054" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "success-disabled", + "variant": "success", + "state": "disabled", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(204, 204, 204)", + "color": "rgb(243, 243, 243)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(243, 243, 243) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "0.5", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/light-success-disabled.png", + "sha256": "b460dc960cea56d9e0a5a0a8169009960585482c51c5d778fd5ba51134229e96" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "b460dc960cea56d9e0a5a0a8169009960585482c51c5d778fd5ba51134229e96" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "success-active", + "variant": "success", + "state": "active", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(0, 136, 60)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/light-success-active.png", + "sha256": "f3c0d4e08f8996d4115715fe5ff298ceef01ff8a772047f0cef6a0256c82f5e2" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "f3c0d4e08f8996d4115715fe5ff298ceef01ff8a772047f0cef6a0256c82f5e2" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "warning-resting", + "variant": "warning", + "state": "resting", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(255, 147, 66)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/light-warning-resting.png", + "sha256": "04296d7a0de6dd80c863edadb99f55def434a01f1aa1b71379b177992994c8b9" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "04296d7a0de6dd80c863edadb99f55def434a01f1aa1b71379b177992994c8b9" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "warning-hover", + "variant": "warning", + "state": "hover", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(201, 78, 0)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/light-warning-hover.png", + "sha256": "cc987fb35dc69211eba76078bf1e726bdf48ab67eafafb27d66b80232ea5549d" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "cc987fb35dc69211eba76078bf1e726bdf48ab67eafafb27d66b80232ea5549d" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "warning-focus", + "variant": "warning", + "state": "focus", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(255, 147, 66)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "2px" + }, + "hostOpacity": "1", + "focusVisible": true, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/light-warning-focus.png", + "sha256": "479637bcb1ad0ca75b6dde4829e7d4a9591985bb4446c43f0d3b857cf622eaf7" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "479637bcb1ad0ca75b6dde4829e7d4a9591985bb4446c43f0d3b857cf622eaf7" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "warning-disabled", + "variant": "warning", + "state": "disabled", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(204, 204, 204)", + "color": "rgb(243, 243, 243)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(243, 243, 243) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "0.5", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/light-warning-disabled.png", + "sha256": "b460dc960cea56d9e0a5a0a8169009960585482c51c5d778fd5ba51134229e96" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "b460dc960cea56d9e0a5a0a8169009960585482c51c5d778fd5ba51134229e96" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "warning-active", + "variant": "warning", + "state": "active", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(255, 147, 66)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/light-warning-active.png", + "sha256": "04296d7a0de6dd80c863edadb99f55def434a01f1aa1b71379b177992994c8b9" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "04296d7a0de6dd80c863edadb99f55def434a01f1aa1b71379b177992994c8b9" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "plain-resting", + "variant": "plain", + "state": "resting", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(0, 154, 199)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/light-plain-resting.png", + "sha256": "b0d55107655fff0b52c2b254339f774ccb8e5c1a350f142427efe48e0b68ed8a" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "b0d55107655fff0b52c2b254339f774ccb8e5c1a350f142427efe48e0b68ed8a" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "plain-hover", + "variant": "plain", + "state": "hover", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(223, 243, 252)", + "color": "rgb(0, 154, 199)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/light-plain-hover.png", + "sha256": "1606850a0421254d31ac6683df2aa6a3603b0f95661e26b018a432571a1090bd" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "1606850a0421254d31ac6683df2aa6a3603b0f95661e26b018a432571a1090bd" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "plain-focus", + "variant": "plain", + "state": "focus", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(0, 154, 199)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "2px" + }, + "hostOpacity": "1", + "focusVisible": true, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/light-plain-focus.png", + "sha256": "49edbe6ef9f2814759da0c71c760bdfe7f3d81b68f54ca9df09c8d4afb1e66e3" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "49edbe6ef9f2814759da0c71c760bdfe7f3d81b68f54ca9df09c8d4afb1e66e3" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "plain-disabled", + "variant": "plain", + "state": "disabled", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "0.5", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/light-plain-disabled.png", + "sha256": "2aecc1082fb1fb6b47cbfa32ef5e5bfe093ab064e136b44fbea10c6969c0fe19" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "2aecc1082fb1fb6b47cbfa32ef5e5bfe093ab064e136b44fbea10c6969c0fe19" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "plain-active", + "variant": "plain", + "state": "active", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(239, 249, 254)", + "color": "rgb(0, 154, 199)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/light-plain-active.png", + "sha256": "9862f38f156a822e18ca025480bec4bcd3e62f444b6703a8ea296cbbc87a14b6" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "9862f38f156a822e18ca025480bec4bcd3e62f444b6703a8ea296cbbc87a14b6" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "outlined-resting", + "variant": "outlined", + "state": "resting", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(24, 188, 242)", + "borderTopWidth": "1px", + "borderTopColor": "rgb(0, 154, 199)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(24, 188, 242) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/light-outlined-resting.png", + "sha256": "268ae5cf93b78ad50f07d27f82adeae3e47951567b67a47a6fb5ab44bda49228" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "268ae5cf93b78ad50f07d27f82adeae3e47951567b67a47a6fb5ab44bda49228" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "outlined-hover", + "variant": "outlined", + "state": "hover", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(223, 243, 252)", + "color": "rgb(24, 188, 242)", + "borderTopWidth": "1px", + "borderTopColor": "rgb(0, 154, 199)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(24, 188, 242) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/light-outlined-hover.png", + "sha256": "0ad4dda84adc63138c2a1d0a4465ec64e7b2a0818eb23a2be2fa8e03b3e5fa8a" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "0ad4dda84adc63138c2a1d0a4465ec64e7b2a0818eb23a2be2fa8e03b3e5fa8a" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "outlined-focus", + "variant": "outlined", + "state": "focus", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(24, 188, 242)", + "borderTopWidth": "1px", + "borderTopColor": "rgb(0, 154, 199)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "2px" + }, + "hostOpacity": "1", + "focusVisible": true, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/light-outlined-focus.png", + "sha256": "fa5fdfbdcdaddbde629bcdf21356810b52a18e8d8bdf245ef89e83247ba9a526" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "fa5fdfbdcdaddbde629bcdf21356810b52a18e8d8bdf245ef89e83247ba9a526" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "outlined-disabled", + "variant": "outlined", + "state": "disabled", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "1px", + "borderTopColor": "rgb(204, 204, 204)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "0.5", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/light-outlined-disabled.png", + "sha256": "7e3eb961dd9150d91e8d9f689ce8ef2e736498f804cc65b0075763939f275ee3" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "7e3eb961dd9150d91e8d9f689ce8ef2e736498f804cc65b0075763939f275ee3" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "outlined-active", + "variant": "outlined", + "state": "active", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(24, 188, 242)", + "borderTopWidth": "1px", + "borderTopColor": "rgb(0, 154, 199)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(24, 188, 242) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/light-outlined-active.png", + "sha256": "268ae5cf93b78ad50f07d27f82adeae3e47951567b67a47a6fb5ab44bda49228" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "268ae5cf93b78ad50f07d27f82adeae3e47951567b67a47a6fb5ab44bda49228" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "filled-resting", + "variant": "filled", + "state": "resting", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(223, 243, 252)", + "color": "rgb(0, 154, 199)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/light-filled-resting.png", + "sha256": "1606850a0421254d31ac6683df2aa6a3603b0f95661e26b018a432571a1090bd" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "1606850a0421254d31ac6683df2aa6a3603b0f95661e26b018a432571a1090bd" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "filled-hover", + "variant": "filled", + "state": "hover", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(185, 230, 252)", + "color": "rgb(0, 154, 199)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/light-filled-hover.png", + "sha256": "1769d3320cd9e7bf4331685d8f5cbb64cfc70a17bddc7a9fdcb113f411fe7691" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "1769d3320cd9e7bf4331685d8f5cbb64cfc70a17bddc7a9fdcb113f411fe7691" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "filled-focus", + "variant": "filled", + "state": "focus", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(223, 243, 252)", + "color": "rgb(0, 154, 199)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "2px" + }, + "hostOpacity": "1", + "focusVisible": true, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/light-filled-focus.png", + "sha256": "3f06fad2e983c2c5657001d593f973002d7fbf688a4368ccbf4f1ac5fd0a6b5e" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "3f06fad2e983c2c5657001d593f973002d7fbf688a4368ccbf4f1ac5fd0a6b5e" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "filled-disabled", + "variant": "filled", + "state": "disabled", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(243, 243, 243)", + "color": "rgb(177, 177, 177)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(177, 177, 177) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "0.5", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/light-filled-disabled.png", + "sha256": "25ff442e3ebf4b90937cf952757685fa629b0efddc3dc4cca71e169676eb35de" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "25ff442e3ebf4b90937cf952757685fa629b0efddc3dc4cca71e169676eb35de" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "filled-active", + "variant": "filled", + "state": "active", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(223, 243, 252)", + "color": "rgb(0, 154, 199)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/light-filled-active.png", + "sha256": "1606850a0421254d31ac6683df2aa6a3603b0f95661e26b018a432571a1090bd" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "1606850a0421254d31ac6683df2aa6a3603b0f95661e26b018a432571a1090bd" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "size-small", + "variant": "primary", + "state": "resting", + "size": "small", + "icon": null, + "box": { + "x": 8, + "y": 14, + "width": 86.53125, + "height": 32 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 12px", + "backgroundColor": "rgb(0, 154, 199)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 21, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/light-size-small.png", + "sha256": "654a76285358f3b4b1868512dafe7365f47678b1fb830e0a2099fa6863d5e622" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "654a76285358f3b4b1868512dafe7365f47678b1fb830e0a2099fa6863d5e622" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "size-large", + "variant": "primary", + "state": "resting", + "size": "large", + "icon": null, + "box": { + "x": 8, + "y": 8, + "width": 103.171875, + "height": 48 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "500", + "lineHeight": "16px", + "padding": "0px 16px", + "backgroundColor": "rgb(0, 154, 199)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 69.171875, + "height": 19 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/light-size-large.png", + "sha256": "098c750b057a5029d6e30632a6257ddfbad8a206a1677f57608e97c65f960939" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "098c750b057a5029d6e30632a6257ddfbad8a206a1677f57608e97c65f960939" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "size-extra-large", + "variant": "primary", + "state": "resting", + "size": "extra-large", + "icon": null, + "box": { + "x": 8, + "y": 8, + "width": 103.171875, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "500", + "lineHeight": "16px", + "padding": "0px 16px", + "backgroundColor": "rgb(0, 154, 199)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 26, + "width": 69.171875, + "height": 19 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/light-size-extra-large.png", + "sha256": "c9b87d4fcda54e3805c74208669914d862e52ac68ee6dc1b78c27a0e28a4e818" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "c9b87d4fcda54e3805c74208669914d862e52ac68ee6dc1b78c27a0e28a4e818" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "icon-leading", + "variant": "primary", + "state": "resting", + "size": "medium", + "icon": "leading", + "box": { + "x": 8, + "y": 10, + "width": 114.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px 0px 8px", + "backgroundColor": "rgb(0, 154, 199)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 45, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [ + { + "x": 17, + "y": 18, + "width": 24, + "height": 24 + } + ], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/light-icon-leading.png", + "sha256": "30cf0af3a1bf2a9bf3031b279e7b72d96cabe4f9f22a84cf0c86b1d9bf7a96e9" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "30cf0af3a1bf2a9bf3031b279e7b72d96cabe4f9f22a84cf0c86b1d9bf7a96e9" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "icon-trailing", + "variant": "primary", + "state": "resting", + "size": "medium", + "icon": "trailing", + "box": { + "x": 8, + "y": 10, + "width": 114.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 8px 0px 16px", + "backgroundColor": "rgb(0, 154, 199)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [ + { + "x": 89.53125, + "y": 18, + "width": 24, + "height": 24 + } + ], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/light-icon-trailing.png", + "sha256": "1cd747372f33a4fec7e3a531f8aef17e09fb9675d3501dbb48d36ebaf697155a" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "1cd747372f33a4fec7e3a531f8aef17e09fb9675d3501dbb48d36ebaf697155a" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "icon-both", + "variant": "primary", + "state": "resting", + "size": "medium", + "icon": "both", + "box": { + "x": 8, + "y": 10, + "width": 134.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 8px", + "backgroundColor": "rgb(0, 154, 199)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 45, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [ + { + "x": 17, + "y": 18, + "width": 24, + "height": 24 + }, + { + "x": 109.53125, + "y": 18, + "width": 24, + "height": 24 + } + ], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/light-icon-both.png", + "sha256": "d267e01ea62c721ed07c2f92638a19e08362e011e36ffcb0a18339f69c06d74e" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "d267e01ea62c721ed07c2f92638a19e08362e011e36ffcb0a18339f69c06d74e" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "icon-only", + "variant": "primary", + "state": "resting", + "size": "medium", + "icon": "only", + "box": { + "x": 10, + "y": 10, + "width": 40, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px", + "backgroundColor": "rgb(0, 154, 199)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": null, + "icons": [ + { + "x": 18, + "y": 18, + "width": 24, + "height": 24 + } + ], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/light-icon-only.png", + "sha256": "e3b2df59a12a597fa6aa91e852ebdbbb89601d27923862c9b977d27645160885" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "e3b2df59a12a597fa6aa91e852ebdbbb89601d27923862c9b977d27645160885" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "loading", + "variant": "primary", + "state": "loading", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(0, 154, 199)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "0", + "spinner": { + "box": { + "x": 48.265625, + "y": 23, + "width": 14, + "height": 14 + } + }, + "image": { + "path": "tests/storybook/reference/ha-button/macos/light-loading.png", + "sha256": "36e93e6a84d20e5df267dee5b9dcf00775a639e1e049d60c3941a25498a05ffa" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "36e93e6a84d20e5df267dee5b9dcf00775a639e1e049d60c3941a25498a05ffa" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "primary-resting", + "variant": "primary", + "state": "resting", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(0, 154, 199)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/dark-primary-resting.png", + "sha256": "8accb35d0b121093395a1696dcd7a8da00def7fa4c6028befdeb95b7b9562fea" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "8accb35d0b121093395a1696dcd7a8da00def7fa4c6028befdeb95b7b9562fea" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "primary-hover", + "variant": "primary", + "state": "hover", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(0, 103, 135)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/dark-primary-hover.png", + "sha256": "53c6d3c80e14deab51eab16bb5fffc3d088ff419ee08e4983e03126bc5ff4bc8" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "53c6d3c80e14deab51eab16bb5fffc3d088ff419ee08e4983e03126bc5ff4bc8" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "primary-focus", + "variant": "primary", + "state": "focus", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(0, 154, 199)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "2px" + }, + "hostOpacity": "1", + "focusVisible": true, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/dark-primary-focus.png", + "sha256": "ce0a9aeb93bd70c025121b0176f29bd2d1e8f1db7b6d964a0eba14b3428e4f7c" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "ce0a9aeb93bd70c025121b0176f29bd2d1e8f1db7b6d964a0eba14b3428e4f7c" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "primary-disabled", + "variant": "primary", + "state": "disabled", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(74, 74, 74)", + "color": "rgb(122, 122, 122)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(122, 122, 122) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "0.5", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/dark-primary-disabled.png", + "sha256": "d085856afe509152789e6c19992017a45fff98fcc363c8ab5085ffc858b91b13" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "d085856afe509152789e6c19992017a45fff98fcc363c8ab5085ffc858b91b13" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "primary-active", + "variant": "primary", + "state": "active", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(0, 154, 199)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/dark-primary-active.png", + "sha256": "8accb35d0b121093395a1696dcd7a8da00def7fa4c6028befdeb95b7b9562fea" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "8accb35d0b121093395a1696dcd7a8da00def7fa4c6028befdeb95b7b9562fea" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "neutral-resting", + "variant": "neutral", + "state": "resting", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(177, 177, 177)", + "borderTopWidth": "1px", + "borderTopColor": "rgb(177, 177, 177)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(177, 177, 177) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/dark-neutral-resting.png", + "sha256": "1984bf8ecadb3885740e291b05e6eafc3e834d3fdf8e346a134701b8dafe1ea1" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "1984bf8ecadb3885740e291b05e6eafc3e834d3fdf8e346a134701b8dafe1ea1" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "neutral-hover", + "variant": "neutral", + "state": "hover", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(32, 32, 32)", + "color": "rgb(177, 177, 177)", + "borderTopWidth": "1px", + "borderTopColor": "rgb(177, 177, 177)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(177, 177, 177) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/dark-neutral-hover.png", + "sha256": "27dc5240fd7fa46ae8955df68a65d18239a772452a5cd6e07e97aaef82836943" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "27dc5240fd7fa46ae8955df68a65d18239a772452a5cd6e07e97aaef82836943" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "neutral-focus", + "variant": "neutral", + "state": "focus", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(177, 177, 177)", + "borderTopWidth": "1px", + "borderTopColor": "rgb(177, 177, 177)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "2px" + }, + "hostOpacity": "1", + "focusVisible": true, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/dark-neutral-focus.png", + "sha256": "c12eea35e1a85e7deedcb57783957edd8d845aab335e81f82c9641b9700c1f29" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "c12eea35e1a85e7deedcb57783957edd8d845aab335e81f82c9641b9700c1f29" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "neutral-disabled", + "variant": "neutral", + "state": "disabled", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "1px", + "borderTopColor": "rgb(94, 94, 94)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "0.5", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/dark-neutral-disabled.png", + "sha256": "8ba5b33e65adbb7e1e135a3687a6e10d29cad9fdac995fa2f74446d45a8e472c" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "8ba5b33e65adbb7e1e135a3687a6e10d29cad9fdac995fa2f74446d45a8e472c" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "neutral-active", + "variant": "neutral", + "state": "active", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(177, 177, 177)", + "borderTopWidth": "1px", + "borderTopColor": "rgb(177, 177, 177)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(177, 177, 177) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/dark-neutral-active.png", + "sha256": "1984bf8ecadb3885740e291b05e6eafc3e834d3fdf8e346a134701b8dafe1ea1" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "1984bf8ecadb3885740e291b05e6eafc3e834d3fdf8e346a134701b8dafe1ea1" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "danger-resting", + "variant": "danger", + "state": "resting", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(179, 5, 50)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/dark-danger-resting.png", + "sha256": "ae86520d43a2b1a33da5cc8db7abaa95c7b9da840b09b0882290f1f475c43266" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "ae86520d43a2b1a33da5cc8db7abaa95c7b9da840b09b0882290f1f475c43266" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "danger-hover", + "variant": "danger", + "state": "hover", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(138, 19, 44)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/dark-danger-hover.png", + "sha256": "213c1f179410ba784d701ce1b28d253e429827c5ea1474c8c9f89a3ada2b6cee" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "213c1f179410ba784d701ce1b28d253e429827c5ea1474c8c9f89a3ada2b6cee" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "danger-focus", + "variant": "danger", + "state": "focus", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(179, 5, 50)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "2px" + }, + "hostOpacity": "1", + "focusVisible": true, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/dark-danger-focus.png", + "sha256": "fba403a72c60642ccbb211037f912fd1fc9d6d40085219e160caab1e16d0cb35" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "fba403a72c60642ccbb211037f912fd1fc9d6d40085219e160caab1e16d0cb35" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "danger-disabled", + "variant": "danger", + "state": "disabled", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(74, 74, 74)", + "color": "rgb(122, 122, 122)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(122, 122, 122) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "0.5", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/dark-danger-disabled.png", + "sha256": "d085856afe509152789e6c19992017a45fff98fcc363c8ab5085ffc858b91b13" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "d085856afe509152789e6c19992017a45fff98fcc363c8ab5085ffc858b91b13" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "danger-active", + "variant": "danger", + "state": "active", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(179, 5, 50)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/dark-danger-active.png", + "sha256": "ae86520d43a2b1a33da5cc8db7abaa95c7b9da840b09b0882290f1f475c43266" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "ae86520d43a2b1a33da5cc8db7abaa95c7b9da840b09b0882290f1f475c43266" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "success-resting", + "variant": "success", + "state": "resting", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(3, 103, 48)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/dark-success-resting.png", + "sha256": "5e716e436c4f486173bbb607ef7a5c77ebe1a30f7537842ab4a617f775880d56" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "5e716e436c4f486173bbb607ef7a5c77ebe1a30f7537842ab4a617f775880d56" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "success-hover", + "variant": "success", + "state": "hover", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(10, 80, 39)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/dark-success-hover.png", + "sha256": "69531f02bb160090818ad3e7c33a179c950944da54034781721fe2cd80c5995f" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "69531f02bb160090818ad3e7c33a179c950944da54034781721fe2cd80c5995f" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "success-focus", + "variant": "success", + "state": "focus", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(3, 103, 48)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "2px" + }, + "hostOpacity": "1", + "focusVisible": true, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/dark-success-focus.png", + "sha256": "6e091b0360f5c79c459d9884243397bdf5490484f645511f0a352728f2c14502" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "6e091b0360f5c79c459d9884243397bdf5490484f645511f0a352728f2c14502" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "success-disabled", + "variant": "success", + "state": "disabled", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(74, 74, 74)", + "color": "rgb(122, 122, 122)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(122, 122, 122) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "0.5", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/dark-success-disabled.png", + "sha256": "d085856afe509152789e6c19992017a45fff98fcc363c8ab5085ffc858b91b13" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "d085856afe509152789e6c19992017a45fff98fcc363c8ab5085ffc858b91b13" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "success-active", + "variant": "success", + "state": "active", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(3, 103, 48)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/dark-success-active.png", + "sha256": "5e716e436c4f486173bbb607ef7a5c77ebe1a30f7537842ab4a617f775880d56" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "5e716e436c4f486173bbb607ef7a5c77ebe1a30f7537842ab4a617f775880d56" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "warning-resting", + "variant": "warning", + "state": "resting", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(157, 56, 0)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/dark-warning-resting.png", + "sha256": "1c3f5a9b3667fb0bd490f7a3c7c853c96e7036a713437f394718fd3f72c69335" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "1c3f5a9b3667fb0bd490f7a3c7c853c96e7036a713437f394718fd3f72c69335" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "warning-hover", + "variant": "warning", + "state": "hover", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(126, 41, 0)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/dark-warning-hover.png", + "sha256": "11aa580eb7d146d1169236ef62325561d420df9a00d829009fb7a4ce0ca3a9e8" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "11aa580eb7d146d1169236ef62325561d420df9a00d829009fb7a4ce0ca3a9e8" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "warning-focus", + "variant": "warning", + "state": "focus", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(157, 56, 0)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "2px" + }, + "hostOpacity": "1", + "focusVisible": true, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/dark-warning-focus.png", + "sha256": "306fa506e48d8a6e3dc1b648d735a20782d9b85cececd3ea8d7eca50c33707ff" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "306fa506e48d8a6e3dc1b648d735a20782d9b85cececd3ea8d7eca50c33707ff" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "warning-disabled", + "variant": "warning", + "state": "disabled", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(74, 74, 74)", + "color": "rgb(122, 122, 122)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(122, 122, 122) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "0.5", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/dark-warning-disabled.png", + "sha256": "d085856afe509152789e6c19992017a45fff98fcc363c8ab5085ffc858b91b13" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "d085856afe509152789e6c19992017a45fff98fcc363c8ab5085ffc858b91b13" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "warning-active", + "variant": "warning", + "state": "active", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(157, 56, 0)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/dark-warning-active.png", + "sha256": "1c3f5a9b3667fb0bd490f7a3c7c853c96e7036a713437f394718fd3f72c69335" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "1c3f5a9b3667fb0bd490f7a3c7c853c96e7036a713437f394718fd3f72c69335" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "plain-resting", + "variant": "plain", + "state": "resting", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(55, 200, 253)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/dark-plain-resting.png", + "sha256": "641b91855063757e57c5d11fe9380f853f7fbd5c0ee0e9d7d176edd3465be277" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "641b91855063757e57c5d11fe9380f853f7fbd5c0ee0e9d7d176edd3465be277" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "plain-hover", + "variant": "plain", + "state": "hover", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(0, 46, 62)", + "color": "rgb(55, 200, 253)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/dark-plain-hover.png", + "sha256": "29b18caa3953a26925ee6d9a6360d435f67ae8c992fae99bd7fe4d899f9f38cb" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "29b18caa3953a26925ee6d9a6360d435f67ae8c992fae99bd7fe4d899f9f38cb" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "plain-focus", + "variant": "plain", + "state": "focus", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(55, 200, 253)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "2px" + }, + "hostOpacity": "1", + "focusVisible": true, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/dark-plain-focus.png", + "sha256": "23ec3d365d65dd190688e5e317083612965b0e73b7a117a3557fe8993be06e9b" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "23ec3d365d65dd190688e5e317083612965b0e73b7a117a3557fe8993be06e9b" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "plain-disabled", + "variant": "plain", + "state": "disabled", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "0.5", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/dark-plain-disabled.png", + "sha256": "b2d736daf7602cb0d7f106fa92fd013acb3c4ea38823aa8eb57949026061aa89" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "b2d736daf7602cb0d7f106fa92fd013acb3c4ea38823aa8eb57949026061aa89" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "plain-active", + "variant": "plain", + "state": "active", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(0, 23, 33)", + "color": "rgb(55, 200, 253)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/dark-plain-active.png", + "sha256": "8c87d5ea4cd0e958b69059d37560f1610eb92c2a41362f58dd66cb3784709adf" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "8c87d5ea4cd0e958b69059d37560f1610eb92c2a41362f58dd66cb3784709adf" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "outlined-resting", + "variant": "outlined", + "state": "resting", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(123, 212, 251)", + "borderTopWidth": "1px", + "borderTopColor": "rgb(0, 154, 199)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(123, 212, 251) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/dark-outlined-resting.png", + "sha256": "0cee1236b940300fb979bb05c36ec3f85a22279a57d674f39a64cddec69e01f5" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "0cee1236b940300fb979bb05c36ec3f85a22279a57d674f39a64cddec69e01f5" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "outlined-hover", + "variant": "outlined", + "state": "hover", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(0, 46, 62)", + "color": "rgb(123, 212, 251)", + "borderTopWidth": "1px", + "borderTopColor": "rgb(0, 154, 199)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(123, 212, 251) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/dark-outlined-hover.png", + "sha256": "161d98c11a5923da8413d75a7ffb8c197206c6c8905ff101bc72581e30db1599" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "161d98c11a5923da8413d75a7ffb8c197206c6c8905ff101bc72581e30db1599" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "outlined-focus", + "variant": "outlined", + "state": "focus", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(123, 212, 251)", + "borderTopWidth": "1px", + "borderTopColor": "rgb(0, 154, 199)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "2px" + }, + "hostOpacity": "1", + "focusVisible": true, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/dark-outlined-focus.png", + "sha256": "d5712e1ec4dba2f9e629effd89f7cc4743d47c6085ded388b9b237ebf72ba8cf" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "d5712e1ec4dba2f9e629effd89f7cc4743d47c6085ded388b9b237ebf72ba8cf" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "outlined-disabled", + "variant": "outlined", + "state": "disabled", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "1px", + "borderTopColor": "rgb(94, 94, 94)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "0.5", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/dark-outlined-disabled.png", + "sha256": "8ba5b33e65adbb7e1e135a3687a6e10d29cad9fdac995fa2f74446d45a8e472c" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "8ba5b33e65adbb7e1e135a3687a6e10d29cad9fdac995fa2f74446d45a8e472c" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "outlined-active", + "variant": "outlined", + "state": "active", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(123, 212, 251)", + "borderTopWidth": "1px", + "borderTopColor": "rgb(0, 154, 199)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(123, 212, 251) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/dark-outlined-active.png", + "sha256": "0cee1236b940300fb979bb05c36ec3f85a22279a57d674f39a64cddec69e01f5" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "0cee1236b940300fb979bb05c36ec3f85a22279a57d674f39a64cddec69e01f5" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "filled-resting", + "variant": "filled", + "state": "resting", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(0, 46, 62)", + "color": "rgb(55, 200, 253)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/dark-filled-resting.png", + "sha256": "29b18caa3953a26925ee6d9a6360d435f67ae8c992fae99bd7fe4d899f9f38cb" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "29b18caa3953a26925ee6d9a6360d435f67ae8c992fae99bd7fe4d899f9f38cb" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "filled-hover", + "variant": "filled", + "state": "hover", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(0, 65, 86)", + "color": "rgb(55, 200, 253)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/dark-filled-hover.png", + "sha256": "0c352ba586e4eb67ce2dcbe51847fbfd5a7c9f0b28dbbffe55e9853bc5b7fe53" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "0c352ba586e4eb67ce2dcbe51847fbfd5a7c9f0b28dbbffe55e9853bc5b7fe53" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "filled-focus", + "variant": "filled", + "state": "focus", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(0, 46, 62)", + "color": "rgb(55, 200, 253)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "2px" + }, + "hostOpacity": "1", + "focusVisible": true, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/dark-filled-focus.png", + "sha256": "30eac769d5be15f39828292fee463897e9d369c0d0dec1ce67d80933ed659750" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "30eac769d5be15f39828292fee463897e9d369c0d0dec1ce67d80933ed659750" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "filled-disabled", + "variant": "filled", + "state": "disabled", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(54, 54, 54)", + "color": "rgb(122, 122, 122)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(122, 122, 122) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "0.5", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/dark-filled-disabled.png", + "sha256": "af30f7b84f3af142d6004df6b2dc90e7b4080a7b5b3cd525acb8754bc33e857c" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "af30f7b84f3af142d6004df6b2dc90e7b4080a7b5b3cd525acb8754bc33e857c" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "filled-active", + "variant": "filled", + "state": "active", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(0, 46, 62)", + "color": "rgb(55, 200, 253)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/dark-filled-active.png", + "sha256": "29b18caa3953a26925ee6d9a6360d435f67ae8c992fae99bd7fe4d899f9f38cb" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "29b18caa3953a26925ee6d9a6360d435f67ae8c992fae99bd7fe4d899f9f38cb" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "size-small", + "variant": "primary", + "state": "resting", + "size": "small", + "icon": null, + "box": { + "x": 8, + "y": 14, + "width": 86.53125, + "height": 32 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 12px", + "backgroundColor": "rgb(0, 154, 199)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 21, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/dark-size-small.png", + "sha256": "dfd940d3ff9d2a1e92a7bb5c4f7a1fe5de39b74e48da64148a29a29d75340c03" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "dfd940d3ff9d2a1e92a7bb5c4f7a1fe5de39b74e48da64148a29a29d75340c03" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "size-large", + "variant": "primary", + "state": "resting", + "size": "large", + "icon": null, + "box": { + "x": 8, + "y": 8, + "width": 103.171875, + "height": 48 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "500", + "lineHeight": "16px", + "padding": "0px 16px", + "backgroundColor": "rgb(0, 154, 199)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 69.171875, + "height": 19 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/dark-size-large.png", + "sha256": "2e89a754cbfc5ed4481fa9b64f1923f4ee27117e5406c37110e37bec74517d92" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "2e89a754cbfc5ed4481fa9b64f1923f4ee27117e5406c37110e37bec74517d92" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "size-extra-large", + "variant": "primary", + "state": "resting", + "size": "extra-large", + "icon": null, + "box": { + "x": 8, + "y": 8, + "width": 103.171875, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "500", + "lineHeight": "16px", + "padding": "0px 16px", + "backgroundColor": "rgb(0, 154, 199)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 26, + "width": 69.171875, + "height": 19 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/dark-size-extra-large.png", + "sha256": "d4ef962dcf3c31d0626ae4bb522244cc66a5843990a6d172059c9517eb4b08fa" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "d4ef962dcf3c31d0626ae4bb522244cc66a5843990a6d172059c9517eb4b08fa" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "icon-leading", + "variant": "primary", + "state": "resting", + "size": "medium", + "icon": "leading", + "box": { + "x": 8, + "y": 10, + "width": 114.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px 0px 8px", + "backgroundColor": "rgb(0, 154, 199)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 45, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [ + { + "x": 17, + "y": 18, + "width": 24, + "height": 24 + } + ], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/dark-icon-leading.png", + "sha256": "41568eb0a5ce4c98c83881c85ddeba6334794be73dc144b235548c77e5d164bb" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "41568eb0a5ce4c98c83881c85ddeba6334794be73dc144b235548c77e5d164bb" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "icon-trailing", + "variant": "primary", + "state": "resting", + "size": "medium", + "icon": "trailing", + "box": { + "x": 8, + "y": 10, + "width": 114.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 8px 0px 16px", + "backgroundColor": "rgb(0, 154, 199)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [ + { + "x": 89.53125, + "y": 18, + "width": 24, + "height": 24 + } + ], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/dark-icon-trailing.png", + "sha256": "e0b7122c4c68f7e63dd23dacd3b4d9517439da50baad55442da8f0c9df98d45e" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "e0b7122c4c68f7e63dd23dacd3b4d9517439da50baad55442da8f0c9df98d45e" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "icon-both", + "variant": "primary", + "state": "resting", + "size": "medium", + "icon": "both", + "box": { + "x": 8, + "y": 10, + "width": 134.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 8px", + "backgroundColor": "rgb(0, 154, 199)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 45, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [ + { + "x": 17, + "y": 18, + "width": 24, + "height": 24 + }, + { + "x": 109.53125, + "y": 18, + "width": 24, + "height": 24 + } + ], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/dark-icon-both.png", + "sha256": "5a194266516633c89097a075df7b6b84da5fff624d6d669f2ea4449a9e95c345" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "5a194266516633c89097a075df7b6b84da5fff624d6d669f2ea4449a9e95c345" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "icon-only", + "variant": "primary", + "state": "resting", + "size": "medium", + "icon": "only", + "box": { + "x": 10, + "y": 10, + "width": 40, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px", + "backgroundColor": "rgb(0, 154, 199)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": null, + "icons": [ + { + "x": 18, + "y": 18, + "width": 24, + "height": 24 + } + ], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/macos/dark-icon-only.png", + "sha256": "21b3a5f5b2022db56ac9670f128e93501bee4a7262dc01500f2f751365288263" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "21b3a5f5b2022db56ac9670f128e93501bee4a7262dc01500f2f751365288263" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "loading", + "variant": "primary", + "state": "loading", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 94.53125, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(0, 154, 199)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 60.53125, + "height": 16 + }, + "icons": [], + "labelOpacity": "0", + "spinner": { + "box": { + "x": 48.265625, + "y": 23, + "width": 14, + "height": 14 + } + }, + "image": { + "path": "tests/storybook/reference/ha-button/macos/dark-loading.png", + "sha256": "f82d45b465de6d77360fbfc1720ea00304d32707abc2d717c823475eb9dd8a79" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "f82d45b465de6d77360fbfc1720ea00304d32707abc2d717c823475eb9dd8a79" + } + }, + { + "platform": "linux", + "theme": "light", + "name": "primary-resting", + "variant": "primary", + "state": "resting", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(0, 154, 199)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/light-primary-resting.png", + "sha256": "f1fbbf4a78365bf333709e7028e63a48fc61be7a46a18bfcc38d25d337105b08" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "f1fbbf4a78365bf333709e7028e63a48fc61be7a46a18bfcc38d25d337105b08" + } + }, + { + "platform": "linux", + "theme": "light", + "name": "primary-hover", + "variant": "primary", + "state": "hover", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(0, 103, 135)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/light-primary-hover.png", + "sha256": "539d36336fdb9eac0d2b167b8aba8dab11ac4f8ff1a9033d7f833e71601982a1" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "539d36336fdb9eac0d2b167b8aba8dab11ac4f8ff1a9033d7f833e71601982a1" + } + }, + { + "platform": "linux", + "theme": "light", + "name": "primary-focus", + "variant": "primary", + "state": "focus", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(0, 154, 199)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "2px" + }, + "hostOpacity": "1", + "focusVisible": true, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/light-primary-focus.png", + "sha256": "c86935ee77e621293783a1ef9a24dff149456f80e85ffebe153c71d6ff6a0261" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "c86935ee77e621293783a1ef9a24dff149456f80e85ffebe153c71d6ff6a0261" + } + }, + { + "platform": "linux", + "theme": "light", + "name": "primary-disabled", + "variant": "primary", + "state": "disabled", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(204, 204, 204)", + "color": "rgb(243, 243, 243)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(243, 243, 243) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "0.5", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/light-primary-disabled.png", + "sha256": "a3e5384a6f4eec358b546a13be6cbb88ba0e9ad508525add683da81514664289" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "a3e5384a6f4eec358b546a13be6cbb88ba0e9ad508525add683da81514664289" + } + }, + { + "platform": "linux", + "theme": "light", + "name": "primary-active", + "variant": "primary", + "state": "active", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(0, 154, 199)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/light-primary-active.png", + "sha256": "f1fbbf4a78365bf333709e7028e63a48fc61be7a46a18bfcc38d25d337105b08" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "f1fbbf4a78365bf333709e7028e63a48fc61be7a46a18bfcc38d25d337105b08" + } + }, + { + "platform": "linux", + "theme": "light", + "name": "neutral-resting", + "variant": "neutral", + "state": "resting", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(122, 122, 122)", + "borderTopWidth": "1px", + "borderTopColor": "rgb(94, 94, 94)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(122, 122, 122) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/light-neutral-resting.png", + "sha256": "59cc5a2f4e19586f5d4bfc81e67dff43ed1ba0e4e70923bf2661e6ed9b61f01c" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "59cc5a2f4e19586f5d4bfc81e67dff43ed1ba0e4e70923bf2661e6ed9b61f01c" + } + }, + { + "platform": "linux", + "theme": "light", + "name": "neutral-hover", + "variant": "neutral", + "state": "hover", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(230, 230, 230)", + "color": "rgb(122, 122, 122)", + "borderTopWidth": "1px", + "borderTopColor": "rgb(94, 94, 94)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(122, 122, 122) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/light-neutral-hover.png", + "sha256": "4ea11385d506220e4ff18e7048584c9f2d9e0573ab113edfa4fc5548356650cf" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "4ea11385d506220e4ff18e7048584c9f2d9e0573ab113edfa4fc5548356650cf" + } + }, + { + "platform": "linux", + "theme": "light", + "name": "neutral-focus", + "variant": "neutral", + "state": "focus", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(122, 122, 122)", + "borderTopWidth": "1px", + "borderTopColor": "rgb(94, 94, 94)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "2px" + }, + "hostOpacity": "1", + "focusVisible": true, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/light-neutral-focus.png", + "sha256": "091595dfd829cc76df4ee6823457b7fd736e06edf2edb7aa886d6ae6246ea040" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "091595dfd829cc76df4ee6823457b7fd736e06edf2edb7aa886d6ae6246ea040" + } + }, + { + "platform": "linux", + "theme": "light", + "name": "neutral-disabled", + "variant": "neutral", + "state": "disabled", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "1px", + "borderTopColor": "rgb(204, 204, 204)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "0.5", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/light-neutral-disabled.png", + "sha256": "b26e48da53163b335064fffdef93f146bb0d05659462b64f3ee25be25783f96b" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "b26e48da53163b335064fffdef93f146bb0d05659462b64f3ee25be25783f96b" + } + }, + { + "platform": "linux", + "theme": "light", + "name": "neutral-active", + "variant": "neutral", + "state": "active", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(122, 122, 122)", + "borderTopWidth": "1px", + "borderTopColor": "rgb(94, 94, 94)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(122, 122, 122) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/light-neutral-active.png", + "sha256": "59cc5a2f4e19586f5d4bfc81e67dff43ed1ba0e4e70923bf2661e6ed9b61f01c" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "59cc5a2f4e19586f5d4bfc81e67dff43ed1ba0e4e70923bf2661e6ed9b61f01c" + } + }, + { + "platform": "linux", + "theme": "light", + "name": "danger-resting", + "variant": "danger", + "state": "resting", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(220, 49, 70)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/light-danger-resting.png", + "sha256": "a8e7b864a8dbb3a5aaceb31b8a5e5a239e5941d017c84274368c97236a136b37" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "a8e7b864a8dbb3a5aaceb31b8a5e5a239e5941d017c84274368c97236a136b37" + } + }, + { + "platform": "linux", + "theme": "light", + "name": "danger-hover", + "variant": "danger", + "state": "hover", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(179, 5, 50)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/light-danger-hover.png", + "sha256": "0a218de28cd00588886f3d44e15d55b79af7bd8740c09b641743535290e918ba" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "0a218de28cd00588886f3d44e15d55b79af7bd8740c09b641743535290e918ba" + } + }, + { + "platform": "linux", + "theme": "light", + "name": "danger-focus", + "variant": "danger", + "state": "focus", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(220, 49, 70)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "2px" + }, + "hostOpacity": "1", + "focusVisible": true, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/light-danger-focus.png", + "sha256": "1995b2a975492ab902089346da93c251726b6365eee884c1e5f618fa77bf818c" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "1995b2a975492ab902089346da93c251726b6365eee884c1e5f618fa77bf818c" + } + }, + { + "platform": "linux", + "theme": "light", + "name": "danger-disabled", + "variant": "danger", + "state": "disabled", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(204, 204, 204)", + "color": "rgb(243, 243, 243)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(243, 243, 243) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "0.5", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/light-danger-disabled.png", + "sha256": "a3e5384a6f4eec358b546a13be6cbb88ba0e9ad508525add683da81514664289" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "a3e5384a6f4eec358b546a13be6cbb88ba0e9ad508525add683da81514664289" + } + }, + { + "platform": "linux", + "theme": "light", + "name": "danger-active", + "variant": "danger", + "state": "active", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(220, 49, 70)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/light-danger-active.png", + "sha256": "a8e7b864a8dbb3a5aaceb31b8a5e5a239e5941d017c84274368c97236a136b37" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "a8e7b864a8dbb3a5aaceb31b8a5e5a239e5941d017c84274368c97236a136b37" + } + }, + { + "platform": "linux", + "theme": "light", + "name": "success-resting", + "variant": "success", + "state": "resting", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(0, 136, 60)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/light-success-resting.png", + "sha256": "e91d77823c25e1f18615b195c83a0466000477e1ed4070392bf642912985b79f" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "e91d77823c25e1f18615b195c83a0466000477e1ed4070392bf642912985b79f" + } + }, + { + "platform": "linux", + "theme": "light", + "name": "success-hover", + "variant": "success", + "state": "hover", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(3, 103, 48)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/light-success-hover.png", + "sha256": "91aac22e92135d6f5af3b08fb443d85e1e7058aaf2e21e03f827701adc7df71c" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "91aac22e92135d6f5af3b08fb443d85e1e7058aaf2e21e03f827701adc7df71c" + } + }, + { + "platform": "linux", + "theme": "light", + "name": "success-focus", + "variant": "success", + "state": "focus", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(0, 136, 60)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "2px" + }, + "hostOpacity": "1", + "focusVisible": true, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/light-success-focus.png", + "sha256": "60af8297b9a5f16b6a6af7445ba993a74fd0c2a5ac74541a4f2de58fd2be243d" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "60af8297b9a5f16b6a6af7445ba993a74fd0c2a5ac74541a4f2de58fd2be243d" + } + }, + { + "platform": "linux", + "theme": "light", + "name": "success-disabled", + "variant": "success", + "state": "disabled", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(204, 204, 204)", + "color": "rgb(243, 243, 243)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(243, 243, 243) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "0.5", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/light-success-disabled.png", + "sha256": "a3e5384a6f4eec358b546a13be6cbb88ba0e9ad508525add683da81514664289" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "a3e5384a6f4eec358b546a13be6cbb88ba0e9ad508525add683da81514664289" + } + }, + { + "platform": "linux", + "theme": "light", + "name": "success-active", + "variant": "success", + "state": "active", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(0, 136, 60)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/light-success-active.png", + "sha256": "e91d77823c25e1f18615b195c83a0466000477e1ed4070392bf642912985b79f" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "e91d77823c25e1f18615b195c83a0466000477e1ed4070392bf642912985b79f" + } + }, + { + "platform": "linux", + "theme": "light", + "name": "warning-resting", + "variant": "warning", + "state": "resting", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(255, 147, 66)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/light-warning-resting.png", + "sha256": "f76250447130b097a233d6f4545cbe391dd58ebf0a8079e467d1f44c20b083ac" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "f76250447130b097a233d6f4545cbe391dd58ebf0a8079e467d1f44c20b083ac" + } + }, + { + "platform": "linux", + "theme": "light", + "name": "warning-hover", + "variant": "warning", + "state": "hover", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(201, 78, 0)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/light-warning-hover.png", + "sha256": "e635970b9e5c83d1dbb935bede10a7f9a0157338878ec69234ee3d1cba9c33f7" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "e635970b9e5c83d1dbb935bede10a7f9a0157338878ec69234ee3d1cba9c33f7" + } + }, + { + "platform": "linux", + "theme": "light", + "name": "warning-focus", + "variant": "warning", + "state": "focus", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(255, 147, 66)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "2px" + }, + "hostOpacity": "1", + "focusVisible": true, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/light-warning-focus.png", + "sha256": "8f92f21d95a62f1acf2638c3064c6ca3bf176bfaedfb2f1ee5b213e04f91cd11" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "8f92f21d95a62f1acf2638c3064c6ca3bf176bfaedfb2f1ee5b213e04f91cd11" + } + }, + { + "platform": "linux", + "theme": "light", + "name": "warning-disabled", + "variant": "warning", + "state": "disabled", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(204, 204, 204)", + "color": "rgb(243, 243, 243)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(243, 243, 243) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "0.5", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/light-warning-disabled.png", + "sha256": "a3e5384a6f4eec358b546a13be6cbb88ba0e9ad508525add683da81514664289" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "a3e5384a6f4eec358b546a13be6cbb88ba0e9ad508525add683da81514664289" + } + }, + { + "platform": "linux", + "theme": "light", + "name": "warning-active", + "variant": "warning", + "state": "active", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(255, 147, 66)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/light-warning-active.png", + "sha256": "f76250447130b097a233d6f4545cbe391dd58ebf0a8079e467d1f44c20b083ac" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "f76250447130b097a233d6f4545cbe391dd58ebf0a8079e467d1f44c20b083ac" + } + }, + { + "platform": "linux", + "theme": "light", + "name": "plain-resting", + "variant": "plain", + "state": "resting", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(0, 154, 199)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/light-plain-resting.png", + "sha256": "a7886eb1baee47534d5dfc690707d05d6dbef2731201c0c0c10525ff5097e602" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "a7886eb1baee47534d5dfc690707d05d6dbef2731201c0c0c10525ff5097e602" + } + }, + { + "platform": "linux", + "theme": "light", + "name": "plain-hover", + "variant": "plain", + "state": "hover", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(223, 243, 252)", + "color": "rgb(0, 154, 199)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/light-plain-hover.png", + "sha256": "07d9e7566f5c99b2f81eb7d122c74b11f90fdd1e7354a85a0be753f7aa29c408" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "07d9e7566f5c99b2f81eb7d122c74b11f90fdd1e7354a85a0be753f7aa29c408" + } + }, + { + "platform": "linux", + "theme": "light", + "name": "plain-focus", + "variant": "plain", + "state": "focus", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(0, 154, 199)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "2px" + }, + "hostOpacity": "1", + "focusVisible": true, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/light-plain-focus.png", + "sha256": "05555eeedb9a31f7718da3b68e2d15209bdbc19a0110f6965a0df01019a077b3" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "05555eeedb9a31f7718da3b68e2d15209bdbc19a0110f6965a0df01019a077b3" + } + }, + { + "platform": "linux", + "theme": "light", + "name": "plain-disabled", + "variant": "plain", + "state": "disabled", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "0.5", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/light-plain-disabled.png", + "sha256": "bc43c1fdc9054db7ee46b6f7f556f4dbb8206b2163906937d2a4ccb92cf8b9a6" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "bc43c1fdc9054db7ee46b6f7f556f4dbb8206b2163906937d2a4ccb92cf8b9a6" + } + }, + { + "platform": "linux", + "theme": "light", + "name": "plain-active", + "variant": "plain", + "state": "active", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(239, 249, 254)", + "color": "rgb(0, 154, 199)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/light-plain-active.png", + "sha256": "a15427fac4d0a737e40ac0e28e964cc2add756906596f97f7b22bd35a9fc9650" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "a15427fac4d0a737e40ac0e28e964cc2add756906596f97f7b22bd35a9fc9650" + } + }, + { + "platform": "linux", + "theme": "light", + "name": "outlined-resting", + "variant": "outlined", + "state": "resting", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(24, 188, 242)", + "borderTopWidth": "1px", + "borderTopColor": "rgb(0, 154, 199)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(24, 188, 242) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/light-outlined-resting.png", + "sha256": "42d4f4b12bd1a16196fcecab1752d5e64743c3f5a7963abb9b9ff45de6a5d824" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "42d4f4b12bd1a16196fcecab1752d5e64743c3f5a7963abb9b9ff45de6a5d824" + } + }, + { + "platform": "linux", + "theme": "light", + "name": "outlined-hover", + "variant": "outlined", + "state": "hover", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(223, 243, 252)", + "color": "rgb(24, 188, 242)", + "borderTopWidth": "1px", + "borderTopColor": "rgb(0, 154, 199)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(24, 188, 242) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/light-outlined-hover.png", + "sha256": "feb0632d05555d188044e6829fd0f2dd614ad4da9540cb5e220a506916b9f1a0" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "feb0632d05555d188044e6829fd0f2dd614ad4da9540cb5e220a506916b9f1a0" + } + }, + { + "platform": "linux", + "theme": "light", + "name": "outlined-focus", + "variant": "outlined", + "state": "focus", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(24, 188, 242)", + "borderTopWidth": "1px", + "borderTopColor": "rgb(0, 154, 199)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "2px" + }, + "hostOpacity": "1", + "focusVisible": true, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/light-outlined-focus.png", + "sha256": "73f70dda72ff965fe697d011391c1477e8dd7dcbffd546fc6c01203a2bf3fc5b" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "73f70dda72ff965fe697d011391c1477e8dd7dcbffd546fc6c01203a2bf3fc5b" + } + }, + { + "platform": "linux", + "theme": "light", + "name": "outlined-disabled", + "variant": "outlined", + "state": "disabled", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "1px", + "borderTopColor": "rgb(204, 204, 204)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "0.5", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/light-outlined-disabled.png", + "sha256": "b26e48da53163b335064fffdef93f146bb0d05659462b64f3ee25be25783f96b" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "b26e48da53163b335064fffdef93f146bb0d05659462b64f3ee25be25783f96b" + } + }, + { + "platform": "linux", + "theme": "light", + "name": "outlined-active", + "variant": "outlined", + "state": "active", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(24, 188, 242)", + "borderTopWidth": "1px", + "borderTopColor": "rgb(0, 154, 199)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(24, 188, 242) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/light-outlined-active.png", + "sha256": "42d4f4b12bd1a16196fcecab1752d5e64743c3f5a7963abb9b9ff45de6a5d824" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "42d4f4b12bd1a16196fcecab1752d5e64743c3f5a7963abb9b9ff45de6a5d824" + } + }, + { + "platform": "linux", + "theme": "light", + "name": "filled-resting", + "variant": "filled", + "state": "resting", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(223, 243, 252)", + "color": "rgb(0, 154, 199)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/light-filled-resting.png", + "sha256": "07d9e7566f5c99b2f81eb7d122c74b11f90fdd1e7354a85a0be753f7aa29c408" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "07d9e7566f5c99b2f81eb7d122c74b11f90fdd1e7354a85a0be753f7aa29c408" + } + }, + { + "platform": "linux", + "theme": "light", + "name": "filled-hover", + "variant": "filled", + "state": "hover", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(185, 230, 252)", + "color": "rgb(0, 154, 199)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/light-filled-hover.png", + "sha256": "7c03442ed0572a35d8e30104edba9cd9e554b6cc77223530bb89d9b2679ada13" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "7c03442ed0572a35d8e30104edba9cd9e554b6cc77223530bb89d9b2679ada13" + } + }, + { + "platform": "linux", + "theme": "light", + "name": "filled-focus", + "variant": "filled", + "state": "focus", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(223, 243, 252)", + "color": "rgb(0, 154, 199)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "2px" + }, + "hostOpacity": "1", + "focusVisible": true, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/light-filled-focus.png", + "sha256": "5bea8b85e488e07aac670deee43c0f08fbe295911b06e2068ad74736498e33ba" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "5bea8b85e488e07aac670deee43c0f08fbe295911b06e2068ad74736498e33ba" + } + }, + { + "platform": "linux", + "theme": "light", + "name": "filled-disabled", + "variant": "filled", + "state": "disabled", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(243, 243, 243)", + "color": "rgb(177, 177, 177)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(177, 177, 177) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "0.5", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/light-filled-disabled.png", + "sha256": "281d7b003f4eed1cc5b7dfae0bf64f326b2273e8ea8253dc2d7e0633d6937613" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "281d7b003f4eed1cc5b7dfae0bf64f326b2273e8ea8253dc2d7e0633d6937613" + } + }, + { + "platform": "linux", + "theme": "light", + "name": "filled-active", + "variant": "filled", + "state": "active", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(223, 243, 252)", + "color": "rgb(0, 154, 199)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/light-filled-active.png", + "sha256": "07d9e7566f5c99b2f81eb7d122c74b11f90fdd1e7354a85a0be753f7aa29c408" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "07d9e7566f5c99b2f81eb7d122c74b11f90fdd1e7354a85a0be753f7aa29c408" + } + }, + { + "platform": "linux", + "theme": "light", + "name": "size-small", + "variant": "primary", + "state": "resting", + "size": "small", + "icon": null, + "box": { + "x": 8, + "y": 14, + "width": 87, + "height": 32 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 12px", + "backgroundColor": "rgb(0, 154, 199)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 21, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/light-size-small.png", + "sha256": "0dccce35c3a369ec473c540fea54c819f9155d8be1d0be84238f71151027d90d" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "0dccce35c3a369ec473c540fea54c819f9155d8be1d0be84238f71151027d90d" + } + }, + { + "platform": "linux", + "theme": "light", + "name": "size-large", + "variant": "primary", + "state": "resting", + "size": "large", + "icon": null, + "box": { + "x": 8, + "y": 8, + "width": 104, + "height": 48 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "500", + "lineHeight": "16px", + "padding": "0px 16px", + "backgroundColor": "rgb(0, 154, 199)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 70, + "height": 19 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/light-size-large.png", + "sha256": "daa7e703bc3e92894f99890c392153120be18140d817215d00c5eb30f78176b8" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "daa7e703bc3e92894f99890c392153120be18140d817215d00c5eb30f78176b8" + } + }, + { + "platform": "linux", + "theme": "light", + "name": "size-extra-large", + "variant": "primary", + "state": "resting", + "size": "extra-large", + "icon": null, + "box": { + "x": 8, + "y": 8, + "width": 104, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "500", + "lineHeight": "16px", + "padding": "0px 16px", + "backgroundColor": "rgb(0, 154, 199)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 26, + "width": 70, + "height": 19 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/light-size-extra-large.png", + "sha256": "93a9a7983b8156ab4528ce3c3c9871324d235c8c71d4dcd24146f62805a2c550" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "93a9a7983b8156ab4528ce3c3c9871324d235c8c71d4dcd24146f62805a2c550" + } + }, + { + "platform": "linux", + "theme": "light", + "name": "icon-leading", + "variant": "primary", + "state": "resting", + "size": "medium", + "icon": "leading", + "box": { + "x": 8, + "y": 10, + "width": 115, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px 0px 8px", + "backgroundColor": "rgb(0, 154, 199)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 45, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [ + { + "x": 17, + "y": 18, + "width": 24, + "height": 24 + } + ], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/light-icon-leading.png", + "sha256": "878999a0f27c107626ff26c0313f657703b137244a7b78f2c767d0986f061bce" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "878999a0f27c107626ff26c0313f657703b137244a7b78f2c767d0986f061bce" + } + }, + { + "platform": "linux", + "theme": "light", + "name": "icon-trailing", + "variant": "primary", + "state": "resting", + "size": "medium", + "icon": "trailing", + "box": { + "x": 8, + "y": 10, + "width": 115, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 8px 0px 16px", + "backgroundColor": "rgb(0, 154, 199)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [ + { + "x": 90, + "y": 18, + "width": 24, + "height": 24 + } + ], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/light-icon-trailing.png", + "sha256": "61fe16728e99b776fc617fc36e6e57f503467307e5e2056da38a0ba83f0062c7" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "61fe16728e99b776fc617fc36e6e57f503467307e5e2056da38a0ba83f0062c7" + } + }, + { + "platform": "linux", + "theme": "light", + "name": "icon-both", + "variant": "primary", + "state": "resting", + "size": "medium", + "icon": "both", + "box": { + "x": 8, + "y": 10, + "width": 135, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 8px", + "backgroundColor": "rgb(0, 154, 199)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 45, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [ + { + "x": 17, + "y": 18, + "width": 24, + "height": 24 + }, + { + "x": 110, + "y": 18, + "width": 24, + "height": 24 + } + ], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/light-icon-both.png", + "sha256": "3d41580a1a42de1244676523d13db4d6e2e8a11daf26e276005afc2c8c0de5e9" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "3d41580a1a42de1244676523d13db4d6e2e8a11daf26e276005afc2c8c0de5e9" + } + }, + { + "platform": "linux", + "theme": "light", + "name": "icon-only", + "variant": "primary", + "state": "resting", + "size": "medium", + "icon": "only", + "box": { + "x": 10, + "y": 10, + "width": 40, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px", + "backgroundColor": "rgb(0, 154, 199)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": null, + "icons": [ + { + "x": 18, + "y": 18, + "width": 24, + "height": 24 + } + ], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/light-icon-only.png", + "sha256": "e3b2df59a12a597fa6aa91e852ebdbbb89601d27923862c9b977d27645160885" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "e3b2df59a12a597fa6aa91e852ebdbbb89601d27923862c9b977d27645160885" + } + }, + { + "platform": "linux", + "theme": "light", + "name": "loading", + "variant": "primary", + "state": "loading", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(0, 154, 199)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "0", + "spinner": { + "box": { + "x": 48.5, + "y": 23, + "width": 14, + "height": 14 + } + }, + "image": { + "path": "tests/storybook/reference/ha-button/linux/light-loading.png", + "sha256": "613f0891a5023268eb0a1f8fc52a746415d916175fd5cd918f4f1995f078e2c1" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "613f0891a5023268eb0a1f8fc52a746415d916175fd5cd918f4f1995f078e2c1" + } + }, + { + "platform": "linux", + "theme": "dark", + "name": "primary-resting", + "variant": "primary", + "state": "resting", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(0, 154, 199)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/dark-primary-resting.png", + "sha256": "061d4d1a5b9f84643ade2a93601b980476b7bd9b7d90ee902d93ec765b404791" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "061d4d1a5b9f84643ade2a93601b980476b7bd9b7d90ee902d93ec765b404791" + } + }, + { + "platform": "linux", + "theme": "dark", + "name": "primary-hover", + "variant": "primary", + "state": "hover", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(0, 103, 135)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/dark-primary-hover.png", + "sha256": "e5fc26513953a7fa0e1482e8904e4932f8efbbad697fa54edd74e64af2f080e7" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "e5fc26513953a7fa0e1482e8904e4932f8efbbad697fa54edd74e64af2f080e7" + } + }, + { + "platform": "linux", + "theme": "dark", + "name": "primary-focus", + "variant": "primary", + "state": "focus", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(0, 154, 199)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "2px" + }, + "hostOpacity": "1", + "focusVisible": true, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/dark-primary-focus.png", + "sha256": "4ec78ba26942ee60b873075c612f41bb7947562ba3f16641b42af09e8c9c4767" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "4ec78ba26942ee60b873075c612f41bb7947562ba3f16641b42af09e8c9c4767" + } + }, + { + "platform": "linux", + "theme": "dark", + "name": "primary-disabled", + "variant": "primary", + "state": "disabled", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(74, 74, 74)", + "color": "rgb(122, 122, 122)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(122, 122, 122) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "0.5", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/dark-primary-disabled.png", + "sha256": "2a2a41275d9e8c2eaf8aabf11e55c3ec10cf30e4041bb0c301406dad22c4dd2b" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "2a2a41275d9e8c2eaf8aabf11e55c3ec10cf30e4041bb0c301406dad22c4dd2b" + } + }, + { + "platform": "linux", + "theme": "dark", + "name": "primary-active", + "variant": "primary", + "state": "active", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(0, 154, 199)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/dark-primary-active.png", + "sha256": "061d4d1a5b9f84643ade2a93601b980476b7bd9b7d90ee902d93ec765b404791" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "061d4d1a5b9f84643ade2a93601b980476b7bd9b7d90ee902d93ec765b404791" + } + }, + { + "platform": "linux", + "theme": "dark", + "name": "neutral-resting", + "variant": "neutral", + "state": "resting", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(177, 177, 177)", + "borderTopWidth": "1px", + "borderTopColor": "rgb(177, 177, 177)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(177, 177, 177) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/dark-neutral-resting.png", + "sha256": "3a91f7d5d48e599539053d5507eed613426b896bda500d61b7ea15fd559fd657" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "3a91f7d5d48e599539053d5507eed613426b896bda500d61b7ea15fd559fd657" + } + }, + { + "platform": "linux", + "theme": "dark", + "name": "neutral-hover", + "variant": "neutral", + "state": "hover", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(32, 32, 32)", + "color": "rgb(177, 177, 177)", + "borderTopWidth": "1px", + "borderTopColor": "rgb(177, 177, 177)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(177, 177, 177) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/dark-neutral-hover.png", + "sha256": "7dcfdf9ee61029c5130745206e5b8fed676b7d61e69fd04d7386b56539d8e9cb" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "7dcfdf9ee61029c5130745206e5b8fed676b7d61e69fd04d7386b56539d8e9cb" + } + }, + { + "platform": "linux", + "theme": "dark", + "name": "neutral-focus", + "variant": "neutral", + "state": "focus", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(177, 177, 177)", + "borderTopWidth": "1px", + "borderTopColor": "rgb(177, 177, 177)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "2px" + }, + "hostOpacity": "1", + "focusVisible": true, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/dark-neutral-focus.png", + "sha256": "65463d2de7d432e23ba65e82e0eefe9920e5e26e32c70c9de79817e81514c42b" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "65463d2de7d432e23ba65e82e0eefe9920e5e26e32c70c9de79817e81514c42b" + } + }, + { + "platform": "linux", + "theme": "dark", + "name": "neutral-disabled", + "variant": "neutral", + "state": "disabled", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "1px", + "borderTopColor": "rgb(94, 94, 94)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "0.5", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/dark-neutral-disabled.png", + "sha256": "af1802f605193c18d1de3766e3273b6b6628aceee06f1c32a20c89c9bd55a4c1" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "af1802f605193c18d1de3766e3273b6b6628aceee06f1c32a20c89c9bd55a4c1" + } + }, + { + "platform": "linux", + "theme": "dark", + "name": "neutral-active", + "variant": "neutral", + "state": "active", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(177, 177, 177)", + "borderTopWidth": "1px", + "borderTopColor": "rgb(177, 177, 177)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(177, 177, 177) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/dark-neutral-active.png", + "sha256": "3a91f7d5d48e599539053d5507eed613426b896bda500d61b7ea15fd559fd657" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "3a91f7d5d48e599539053d5507eed613426b896bda500d61b7ea15fd559fd657" + } + }, + { + "platform": "linux", + "theme": "dark", + "name": "danger-resting", + "variant": "danger", + "state": "resting", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(179, 5, 50)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/dark-danger-resting.png", + "sha256": "bb7c8bd121dd926366f09f78c636f16175f0f2ce3167f1edd3336ff68c91fec0" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "bb7c8bd121dd926366f09f78c636f16175f0f2ce3167f1edd3336ff68c91fec0" + } + }, + { + "platform": "linux", + "theme": "dark", + "name": "danger-hover", + "variant": "danger", + "state": "hover", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(138, 19, 44)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/dark-danger-hover.png", + "sha256": "2d5d4b35b856d3502741864d577a73770c01242ab16448d0fc50fce5b2d6f712" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "2d5d4b35b856d3502741864d577a73770c01242ab16448d0fc50fce5b2d6f712" + } + }, + { + "platform": "linux", + "theme": "dark", + "name": "danger-focus", + "variant": "danger", + "state": "focus", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(179, 5, 50)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "2px" + }, + "hostOpacity": "1", + "focusVisible": true, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/dark-danger-focus.png", + "sha256": "ca76f26034b8ab2de71afa71b4bf91a265f6c8ca5b0874c5ad115857dd68b581" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "ca76f26034b8ab2de71afa71b4bf91a265f6c8ca5b0874c5ad115857dd68b581" + } + }, + { + "platform": "linux", + "theme": "dark", + "name": "danger-disabled", + "variant": "danger", + "state": "disabled", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(74, 74, 74)", + "color": "rgb(122, 122, 122)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(122, 122, 122) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "0.5", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/dark-danger-disabled.png", + "sha256": "2a2a41275d9e8c2eaf8aabf11e55c3ec10cf30e4041bb0c301406dad22c4dd2b" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "2a2a41275d9e8c2eaf8aabf11e55c3ec10cf30e4041bb0c301406dad22c4dd2b" + } + }, + { + "platform": "linux", + "theme": "dark", + "name": "danger-active", + "variant": "danger", + "state": "active", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(179, 5, 50)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/dark-danger-active.png", + "sha256": "bb7c8bd121dd926366f09f78c636f16175f0f2ce3167f1edd3336ff68c91fec0" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "bb7c8bd121dd926366f09f78c636f16175f0f2ce3167f1edd3336ff68c91fec0" + } + }, + { + "platform": "linux", + "theme": "dark", + "name": "success-resting", + "variant": "success", + "state": "resting", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(3, 103, 48)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/dark-success-resting.png", + "sha256": "64c1df9ef1b4064b83d0791bd8abfdff0fdba38bdde0f5c7b94b5f78d0c7fd4e" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "64c1df9ef1b4064b83d0791bd8abfdff0fdba38bdde0f5c7b94b5f78d0c7fd4e" + } + }, + { + "platform": "linux", + "theme": "dark", + "name": "success-hover", + "variant": "success", + "state": "hover", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(10, 80, 39)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/dark-success-hover.png", + "sha256": "530f89d8fcaae8445e7420eaf2c2f26ad66f3212c01ae1c1f4700e2546704124" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "530f89d8fcaae8445e7420eaf2c2f26ad66f3212c01ae1c1f4700e2546704124" + } + }, + { + "platform": "linux", + "theme": "dark", + "name": "success-focus", + "variant": "success", + "state": "focus", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(3, 103, 48)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "2px" + }, + "hostOpacity": "1", + "focusVisible": true, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/dark-success-focus.png", + "sha256": "e9f6e4f239ad37e29b54f3f47f6f80f7e79b921ee4b180044d2d941bf7196f72" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "e9f6e4f239ad37e29b54f3f47f6f80f7e79b921ee4b180044d2d941bf7196f72" + } + }, + { + "platform": "linux", + "theme": "dark", + "name": "success-disabled", + "variant": "success", + "state": "disabled", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(74, 74, 74)", + "color": "rgb(122, 122, 122)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(122, 122, 122) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "0.5", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/dark-success-disabled.png", + "sha256": "2a2a41275d9e8c2eaf8aabf11e55c3ec10cf30e4041bb0c301406dad22c4dd2b" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "2a2a41275d9e8c2eaf8aabf11e55c3ec10cf30e4041bb0c301406dad22c4dd2b" + } + }, + { + "platform": "linux", + "theme": "dark", + "name": "success-active", + "variant": "success", + "state": "active", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(3, 103, 48)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/dark-success-active.png", + "sha256": "64c1df9ef1b4064b83d0791bd8abfdff0fdba38bdde0f5c7b94b5f78d0c7fd4e" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "64c1df9ef1b4064b83d0791bd8abfdff0fdba38bdde0f5c7b94b5f78d0c7fd4e" + } + }, + { + "platform": "linux", + "theme": "dark", + "name": "warning-resting", + "variant": "warning", + "state": "resting", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(157, 56, 0)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/dark-warning-resting.png", + "sha256": "87b97f8085e39b6dd0781f461ffbe45cea3cc7baffee2cbb92058900f2b747fa" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "87b97f8085e39b6dd0781f461ffbe45cea3cc7baffee2cbb92058900f2b747fa" + } + }, + { + "platform": "linux", + "theme": "dark", + "name": "warning-hover", + "variant": "warning", + "state": "hover", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(126, 41, 0)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/dark-warning-hover.png", + "sha256": "ded85d188381b7a88d0c95885df990b3e077b553367de991387589071a8e86fc" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "ded85d188381b7a88d0c95885df990b3e077b553367de991387589071a8e86fc" + } + }, + { + "platform": "linux", + "theme": "dark", + "name": "warning-focus", + "variant": "warning", + "state": "focus", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(157, 56, 0)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "2px" + }, + "hostOpacity": "1", + "focusVisible": true, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/dark-warning-focus.png", + "sha256": "804acb7c20ad8e008367cc6196b065272c55c7375971e71a487f8bef0633e489" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "804acb7c20ad8e008367cc6196b065272c55c7375971e71a487f8bef0633e489" + } + }, + { + "platform": "linux", + "theme": "dark", + "name": "warning-disabled", + "variant": "warning", + "state": "disabled", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(74, 74, 74)", + "color": "rgb(122, 122, 122)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(122, 122, 122) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "0.5", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/dark-warning-disabled.png", + "sha256": "2a2a41275d9e8c2eaf8aabf11e55c3ec10cf30e4041bb0c301406dad22c4dd2b" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "2a2a41275d9e8c2eaf8aabf11e55c3ec10cf30e4041bb0c301406dad22c4dd2b" + } + }, + { + "platform": "linux", + "theme": "dark", + "name": "warning-active", + "variant": "warning", + "state": "active", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(157, 56, 0)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/dark-warning-active.png", + "sha256": "87b97f8085e39b6dd0781f461ffbe45cea3cc7baffee2cbb92058900f2b747fa" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "87b97f8085e39b6dd0781f461ffbe45cea3cc7baffee2cbb92058900f2b747fa" + } + }, + { + "platform": "linux", + "theme": "dark", + "name": "plain-resting", + "variant": "plain", + "state": "resting", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(55, 200, 253)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/dark-plain-resting.png", + "sha256": "cf8c970d3cd097863823bd5792b90fa1f51ea8e3ed1a8565351c8c265947ed01" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "cf8c970d3cd097863823bd5792b90fa1f51ea8e3ed1a8565351c8c265947ed01" + } + }, + { + "platform": "linux", + "theme": "dark", + "name": "plain-hover", + "variant": "plain", + "state": "hover", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(0, 46, 62)", + "color": "rgb(55, 200, 253)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/dark-plain-hover.png", + "sha256": "0cd048c5c3761b40624d0cbc1952f89be76b1b543aa2efb9b35c3b4d52c3d183" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "0cd048c5c3761b40624d0cbc1952f89be76b1b543aa2efb9b35c3b4d52c3d183" + } + }, + { + "platform": "linux", + "theme": "dark", + "name": "plain-focus", + "variant": "plain", + "state": "focus", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(55, 200, 253)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "2px" + }, + "hostOpacity": "1", + "focusVisible": true, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/dark-plain-focus.png", + "sha256": "c13241639182d0d5ff8403d25eb133ffc2e1b48375d14edb13d57d1163e3c9fd" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "c13241639182d0d5ff8403d25eb133ffc2e1b48375d14edb13d57d1163e3c9fd" + } + }, + { + "platform": "linux", + "theme": "dark", + "name": "plain-disabled", + "variant": "plain", + "state": "disabled", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "0.5", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/dark-plain-disabled.png", + "sha256": "dff2a6717dfd0bba481418ef96eef67523f48882bf87f46a8f430a641f858617" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "dff2a6717dfd0bba481418ef96eef67523f48882bf87f46a8f430a641f858617" + } + }, + { + "platform": "linux", + "theme": "dark", + "name": "plain-active", + "variant": "plain", + "state": "active", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(0, 23, 33)", + "color": "rgb(55, 200, 253)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/dark-plain-active.png", + "sha256": "da3de92a722a6797041a4eea93a91181f39ad9976cd42724ae9cc6c898f36a76" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "da3de92a722a6797041a4eea93a91181f39ad9976cd42724ae9cc6c898f36a76" + } + }, + { + "platform": "linux", + "theme": "dark", + "name": "outlined-resting", + "variant": "outlined", + "state": "resting", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(123, 212, 251)", + "borderTopWidth": "1px", + "borderTopColor": "rgb(0, 154, 199)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(123, 212, 251) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/dark-outlined-resting.png", + "sha256": "b21aba249edefc92338f5e78a0e2224625e71e89024e29deb4efe3e48ea4c66b" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "b21aba249edefc92338f5e78a0e2224625e71e89024e29deb4efe3e48ea4c66b" + } + }, + { + "platform": "linux", + "theme": "dark", + "name": "outlined-hover", + "variant": "outlined", + "state": "hover", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(0, 46, 62)", + "color": "rgb(123, 212, 251)", + "borderTopWidth": "1px", + "borderTopColor": "rgb(0, 154, 199)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(123, 212, 251) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/dark-outlined-hover.png", + "sha256": "4e28a56be747cadb9f9cdca47a542582c4a71c1384123ebd35442b988a70883d" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "4e28a56be747cadb9f9cdca47a542582c4a71c1384123ebd35442b988a70883d" + } + }, + { + "platform": "linux", + "theme": "dark", + "name": "outlined-focus", + "variant": "outlined", + "state": "focus", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(123, 212, 251)", + "borderTopWidth": "1px", + "borderTopColor": "rgb(0, 154, 199)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "2px" + }, + "hostOpacity": "1", + "focusVisible": true, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/dark-outlined-focus.png", + "sha256": "ac4d659f917221e05e4085399bd0552c5f1beeefce1bc872fbe812ab07cec99e" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "ac4d659f917221e05e4085399bd0552c5f1beeefce1bc872fbe812ab07cec99e" + } + }, + { + "platform": "linux", + "theme": "dark", + "name": "outlined-disabled", + "variant": "outlined", + "state": "disabled", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "1px", + "borderTopColor": "rgb(94, 94, 94)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "0.5", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/dark-outlined-disabled.png", + "sha256": "af1802f605193c18d1de3766e3273b6b6628aceee06f1c32a20c89c9bd55a4c1" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "af1802f605193c18d1de3766e3273b6b6628aceee06f1c32a20c89c9bd55a4c1" + } + }, + { + "platform": "linux", + "theme": "dark", + "name": "outlined-active", + "variant": "outlined", + "state": "active", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(123, 212, 251)", + "borderTopWidth": "1px", + "borderTopColor": "rgb(0, 154, 199)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(123, 212, 251) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/dark-outlined-active.png", + "sha256": "b21aba249edefc92338f5e78a0e2224625e71e89024e29deb4efe3e48ea4c66b" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "b21aba249edefc92338f5e78a0e2224625e71e89024e29deb4efe3e48ea4c66b" + } + }, + { + "platform": "linux", + "theme": "dark", + "name": "filled-resting", + "variant": "filled", + "state": "resting", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(0, 46, 62)", + "color": "rgb(55, 200, 253)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/dark-filled-resting.png", + "sha256": "0cd048c5c3761b40624d0cbc1952f89be76b1b543aa2efb9b35c3b4d52c3d183" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "0cd048c5c3761b40624d0cbc1952f89be76b1b543aa2efb9b35c3b4d52c3d183" + } + }, + { + "platform": "linux", + "theme": "dark", + "name": "filled-hover", + "variant": "filled", + "state": "hover", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(0, 65, 86)", + "color": "rgb(55, 200, 253)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/dark-filled-hover.png", + "sha256": "6acb381fdf46fae991060f82dcdc971744f1236536d7d74fa5a23db2b02c45c9" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "6acb381fdf46fae991060f82dcdc971744f1236536d7d74fa5a23db2b02c45c9" + } + }, + { + "platform": "linux", + "theme": "dark", + "name": "filled-focus", + "variant": "filled", + "state": "focus", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(0, 46, 62)", + "color": "rgb(55, 200, 253)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "2px" + }, + "hostOpacity": "1", + "focusVisible": true, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/dark-filled-focus.png", + "sha256": "31abc7c6b27ac0df0324ecd0f2c12fa795c9cc9213840bb4dac775d4f5c7727b" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "31abc7c6b27ac0df0324ecd0f2c12fa795c9cc9213840bb4dac775d4f5c7727b" + } + }, + { + "platform": "linux", + "theme": "dark", + "name": "filled-disabled", + "variant": "filled", + "state": "disabled", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(54, 54, 54)", + "color": "rgb(122, 122, 122)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(122, 122, 122) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "0.5", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/dark-filled-disabled.png", + "sha256": "e694bcbfc24d50926465be29c9292a07cabd3f744df587bd79c09c27d7bd1551" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "e694bcbfc24d50926465be29c9292a07cabd3f744df587bd79c09c27d7bd1551" + } + }, + { + "platform": "linux", + "theme": "dark", + "name": "filled-active", + "variant": "filled", + "state": "active", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(0, 46, 62)", + "color": "rgb(55, 200, 253)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/dark-filled-active.png", + "sha256": "0cd048c5c3761b40624d0cbc1952f89be76b1b543aa2efb9b35c3b4d52c3d183" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "0cd048c5c3761b40624d0cbc1952f89be76b1b543aa2efb9b35c3b4d52c3d183" + } + }, + { + "platform": "linux", + "theme": "dark", + "name": "size-small", + "variant": "primary", + "state": "resting", + "size": "small", + "icon": null, + "box": { + "x": 8, + "y": 14, + "width": 87, + "height": 32 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 12px", + "backgroundColor": "rgb(0, 154, 199)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 21, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/dark-size-small.png", + "sha256": "ee1c256cebd6bf41ac54934e76aca9b0974367467d11992718d1a566738d3c21" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "ee1c256cebd6bf41ac54934e76aca9b0974367467d11992718d1a566738d3c21" + } + }, + { + "platform": "linux", + "theme": "dark", + "name": "size-large", + "variant": "primary", + "state": "resting", + "size": "large", + "icon": null, + "box": { + "x": 8, + "y": 8, + "width": 104, + "height": 48 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "500", + "lineHeight": "16px", + "padding": "0px 16px", + "backgroundColor": "rgb(0, 154, 199)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 70, + "height": 19 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/dark-size-large.png", + "sha256": "152c773b52217ed87f39c57826b68a4c4af2e29f192d2bc810695215189bb9db" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "152c773b52217ed87f39c57826b68a4c4af2e29f192d2bc810695215189bb9db" + } + }, + { + "platform": "linux", + "theme": "dark", + "name": "size-extra-large", + "variant": "primary", + "state": "resting", + "size": "extra-large", + "icon": null, + "box": { + "x": 8, + "y": 8, + "width": 104, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "500", + "lineHeight": "16px", + "padding": "0px 16px", + "backgroundColor": "rgb(0, 154, 199)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 26, + "width": 70, + "height": 19 + }, + "icons": [], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/dark-size-extra-large.png", + "sha256": "46cfe15f3e1e4fda6a1b98cfdf9e8f9b3910c90cde316d6509ff431f56a5e6b8" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "46cfe15f3e1e4fda6a1b98cfdf9e8f9b3910c90cde316d6509ff431f56a5e6b8" + } + }, + { + "platform": "linux", + "theme": "dark", + "name": "icon-leading", + "variant": "primary", + "state": "resting", + "size": "medium", + "icon": "leading", + "box": { + "x": 8, + "y": 10, + "width": 115, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px 0px 8px", + "backgroundColor": "rgb(0, 154, 199)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 45, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [ + { + "x": 17, + "y": 18, + "width": 24, + "height": 24 + } + ], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/dark-icon-leading.png", + "sha256": "c7b199a0f53003edaaaa9372747bbb99f985527baefbfff615e042ce3268572e" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "c7b199a0f53003edaaaa9372747bbb99f985527baefbfff615e042ce3268572e" + } + }, + { + "platform": "linux", + "theme": "dark", + "name": "icon-trailing", + "variant": "primary", + "state": "resting", + "size": "medium", + "icon": "trailing", + "box": { + "x": 8, + "y": 10, + "width": 115, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 8px 0px 16px", + "backgroundColor": "rgb(0, 154, 199)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [ + { + "x": 90, + "y": 18, + "width": 24, + "height": 24 + } + ], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/dark-icon-trailing.png", + "sha256": "c06e79a49bda26220f2d5354d99aa3f0b87911763f709b29365dd350c69b032d" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "c06e79a49bda26220f2d5354d99aa3f0b87911763f709b29365dd350c69b032d" + } + }, + { + "platform": "linux", + "theme": "dark", + "name": "icon-both", + "variant": "primary", + "state": "resting", + "size": "medium", + "icon": "both", + "box": { + "x": 8, + "y": 10, + "width": 135, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 8px", + "backgroundColor": "rgb(0, 154, 199)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 45, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [ + { + "x": 17, + "y": 18, + "width": 24, + "height": 24 + }, + { + "x": 110, + "y": 18, + "width": 24, + "height": 24 + } + ], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/dark-icon-both.png", + "sha256": "56ffb035ae524238fe938d59784ec6ff7d0e9bf0ada105b1ac663ad28a3871c7" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "56ffb035ae524238fe938d59784ec6ff7d0e9bf0ada105b1ac663ad28a3871c7" + } + }, + { + "platform": "linux", + "theme": "dark", + "name": "icon-only", + "variant": "primary", + "state": "resting", + "size": "medium", + "icon": "only", + "box": { + "x": 10, + "y": 10, + "width": 40, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px", + "backgroundColor": "rgb(0, 154, 199)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": null, + "icons": [ + { + "x": 18, + "y": 18, + "width": 24, + "height": 24 + } + ], + "labelOpacity": "1", + "spinner": null, + "image": { + "path": "tests/storybook/reference/ha-button/linux/dark-icon-only.png", + "sha256": "21b3a5f5b2022db56ac9670f128e93501bee4a7262dc01500f2f751365288263" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "21b3a5f5b2022db56ac9670f128e93501bee4a7262dc01500f2f751365288263" + } + }, + { + "platform": "linux", + "theme": "dark", + "name": "loading", + "variant": "primary", + "state": "loading", + "size": "medium", + "icon": null, + "box": { + "x": 8, + "y": 10, + "width": 95, + "height": 40 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "padding": "0px 16px", + "backgroundColor": "rgb(0, 154, 199)", + "color": "rgb(255, 255, 255)", + "borderTopWidth": "1px", + "borderTopColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px" + }, + "hostOpacity": "1", + "focusVisible": false, + "text": { + "x": 25, + "y": 22, + "width": 61, + "height": 16 + }, + "icons": [], + "labelOpacity": "0", + "spinner": { + "box": { + "x": 48.5, + "y": 23, + "width": 14, + "height": 14 + } + }, + "image": { + "path": "tests/storybook/reference/ha-button/linux/dark-loading.png", + "sha256": "811b0adf208efd14351e5e9f987d825482e74faf66fe7d157abf622fd479f72e" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "811b0adf208efd14351e5e9f987d825482e74faf66fe7d157abf622fd479f72e" + } + } + ], + "scope": "Unchanged original public component replay with exact fonts/themes and settled states. XL uses the public 56px height override with HA large typography. Icon-only uses the published HA icon-button part geometry on the original ha-button. A fictional 44px centering frame is used consistently; it does not change the original button.", + "recordedAtUTC": "2026-11-04T20:14:07.718626+00:00", + "captureScriptSha256": "d865a189dfb6bbb1a8a88e9684d21c2a47bcf53af3f53974f957812425e9ceda", + "publicInputsReference": "docs/evidence/ha-navigation-reference.json", + "webAwesomeArtifact": { + "url": "https://registry.npmjs.org/@home-assistant/webawesome/-/webawesome-3.14.0-ha.2.tgz", + "integrity": "sha512-EX1qiX5h3LAoTjuE3rgfuRlNq3Rds5tGrgDGlHoFbxhXaCSTTtuYU6tdR8vgOXKGUDi5gBDrcoNdLYKFXSrknA==", + "sha256": "421bc6de6db3a4ee3878b38a7e6aa09e432638aa092796328b06d71191d99f9e", + "bytes": 2717111, + "metadataGitHead": "8d81b1edf416b889fbbeaf9093c77300f30a68c2", + "sourceRepositoryAtThatHead": "GitHub contents API returned404; published package is the checked source input." + }, + "collectionIsIndependentOfCandidate": true, + "collection": "Each original state starts in a fresh document with unchanged recorded public HA modules, exact local Roboto and recorded theme tokens; three to six frames and two consecutive equal rasters required. Two independently repeated original campaigns per platform produce byte-identical images for all 192 states. No candidate image supplies an expected reference.", + "historyRegression": "The original HA light primary focus raster changes by 44 gray antialias pixels when a document retains earlier component states. A fresh original focus capture exactly reproduces the candidate raster. Earlier captures and paint diagnostics are retained as evidence; fresh-document original campaigns agree independently. No production isolation/transform workaround or increased raster tolerance is used.", + "originalLightTextContrast": [ + { + "variant": "primary", + "foreground": "rgb(255, 255, 255)", + "background": "rgb(0, 154, 199)", + "ratio": 3.26 + }, + { + "variant": "neutral", + "foreground": "rgb(122, 122, 122)", + "background": "#fff", + "ratio": 4.29 + }, + { + "variant": "danger", + "foreground": "rgb(255, 255, 255)", + "background": "rgb(220, 49, 70)", + "ratio": 4.59 + }, + { + "variant": "success", + "foreground": "rgb(255, 255, 255)", + "background": "rgb(0, 136, 60)", + "ratio": 4.58 + }, + { + "variant": "warning", + "foreground": "rgb(255, 255, 255)", + "background": "rgb(255, 147, 66)", + "ratio": 2.21 + }, + { + "variant": "plain", + "foreground": "rgb(0, 154, 199)", + "background": "#fff", + "ratio": 3.26 + }, + { + "variant": "outlined", + "foreground": "rgb(24, 188, 242)", + "background": "#fff", + "ratio": 2.21 + }, + { + "variant": "filled", + "foreground": "rgb(0, 154, 199)", + "background": "rgb(223, 243, 252)", + "ratio": 2.85 + } + ], + "sourceIdentities": { + "ha-button-original.ts": "bd9d1815063d6cd9ed5eb4dfb67e6f0cc83adac917e31fe328ffeea0c79312fe", + "webawesome-button.js": "ff3159825827f43802b3a192b1d1cb6f0d8ef4ff606f6d0fba9bba002bf4ccf8", + "webawesome-button.styles.js": "920e24bc83952bc62952093a3e1ec865bd70660ec6db292ffb3df8c22d89d6ce" + } +} diff --git a/docs/evidence/ha-card-reference.json b/docs/evidence/ha-card-reference.json new file mode 100644 index 0000000..2580f1f --- /dev/null +++ b/docs/evidence/ha-card-reference.json @@ -0,0 +1,6736 @@ +{ + "scope": "Actual public Home Assistant ha-card renders on three Chromium platform targets, captured independently of the shared renderer.", + "referenceSource": "https://github.com/home-assistant/frontend/blob/027d9578ec9663b8aa22f50c24274a7cd9d001c1/src/components/ha-card.ts", + "referenceSourceNote": "This reviewed source revision documents the styling contract. The installed release is identified separately by the public app and module bytes.", + "publicChunk": "47578.fba66e0739297711.js", + "harness": "Load only recorded public frontend modules and theme tokens, substitute the application bootstrap with an exposed loader, render fictional card content, then require matching consecutive compositor frames and a second independent run. Byte-identical baseline images share a path; each platform measurement and capture is retained in the manifest. The original and candidate use the same pinned Arabic fallback for RTL captures.", + "appSha256": "7b0d03a0c75c971cd3084c988430c512414209ca2c8bba8d506724d3be2827ec", + "modules": [ + 95788 + ], + "fonts": { + "regular": "47107401d0adb375ab9aa167f9d62489a849d510e740a307b5a4db60e5db3562", + "medium": "96025fe9db6578d8bc7f4b8be739750b1490e07221c2b1f16acde2ea7669cedf", + "arabic": "bdff3e5659d67e67def05b33f749683b9376ae819d65d3dd62ac4640b3aaef48" + }, + "themes": { + "light": { + "--ha-space-8": "32px", + "--wa-color-brand-on-normal": "#009ac7", + "--state-inactive-color": "#9e9e9e", + "--safe-width": "calc(100vw - 0px - 0px)", + "--success-color": "#43a047", + "--input-outlined-disabled-border-color": "#0000000f", + "--color-29": "#97ee3f", + "--purple-color": "#926bc7", + "--ha-color-fill-primary-normal-resting": "#dff3fc", + "--mdc-theme-background": "#fafafa", + "--mdc-theme-text-primary-on-background": "#141414", + "--ha-space-15": "60px", + "--state-binary_sensor-active-color": "#ffc107", + "--state-valve-active-color": "#2196f3", + "--mdc-text-field-fill-color": "#f5f5f5", + "--ha-font-family-code": "monospace", + "--wa-form-control-value-line-height": "1.2", + "--safe-height": "calc(100vh - 0px - 0px)", + "--state-weather-windy_variant-color": "#4caf50", + "--dark-primary-opacity": ".87", + "--state-binary_sensor-safety-on-color": "#f44336", + "--mdc-select-outlined-disabled-border-color": "#0000000f", + "--ha-font-size-s": "calc(12px * 1)", + "--ha-color-primary-30": "#006787", + "--state-sensor-battery-high-color": "#4caf50", + "--ha-color-red-60": "#f3676c", + "--ha-border-radius-pill": "9999px", + "--ha-color-form-background": "#f3f3f3", + "--mdc-text-field-disabled-ink-color": "#0000005e", + "--state-fan-active-color": "#00bcd4", + "--sidebar-selected-text-color": "#009ac7", + "--state-weather-hail-color": "#00bcd4", + "--ha-color-on-neutral-normal": "#5e5e5e", + "--ha-color-fill-disabled-loud-hover": "#b1b1b1", + "--md-list-item-supporting-text-font": "Roboto, Noto, sans-serif", + "--wa-color-warning-on-loud": "#fff", + "--state-weather-exceptional-color": "#f44336", + "--ha-color-shadow-scrollable-fade": "#00000014", + "--ha-color-orange-50": "#c94e00", + "--black-color": "#000", + "--wa-color-brand-border-quiet": "#dff3fc", + "--ha-color-fill-primary-quiet-active": "#eff9fe", + "--state-media_player-active-color": "#03a9f4", + "--cyan-color": "#00bcd4", + "--state-alarm_control_panel-disarming-color": "#ff9800", + "--mdc-text-field-label-ink-color": "#0009", + "--ha-color-white": "#fff", + "--wa-color-warning-fill-normal": "#ffe0c8", + "--margin-title-ltr": "0 0 0 24px", + "--ha-color-on-warning-loud": "#fff", + "--ha-color-red-70": "#fd8f90", + "--color-9": "#01ab63", + "--ha-color-border-danger-loud": "#b30532", + "--state-weather-rainy-color": "#2196f3", + "--wa-focus-ring-style": "solid", + "--input-idle-line-color": "#0000006b", + "--mdc-select-outlined-idle-border-color": "#00000061", + "--input-disabled-fill-color": "#fafafa", + "--ha-font-weight-heading": "700", + "--state-alarm_control_panel-armed_night-color": "#4caf50", + "--input-label-ink-color": "#0009", + "--ha-color-orange-05": "#280700", + "--rgb-accent-color": "255, 152, 0", + "--ha-font-weight-normal": "400", + "--color-28": "#927acc", + "--wa-color-surface-default": "#fff", + "--mdc-text-field-ink-color": "#000000de", + "--ha-space-9": "36px", + "--dark-divider-opacity": ".12", + "--ha-color-primary-60": "#37c8fd", + "--wa-form-control-height": "40px", + "--state-vacuum-error-color": "#f44336", + "--color-17": "#7599d1", + "--state-siren-active-color": "#f44336", + "--wa-color-brand-border-loud": "#009ac7", + "--wa-focus-ring-offset": "2px", + "--ha-border-width-sm": "1px", + "--wa-color-neutral-border-normal": "#989898", + "--wa-color-warning-on-quiet": "#c94e00", + "--state-climate-heat-color": "#ff6f22", + "--ha-border-width-md": "2px", + "--secondary-background-color": "#e5e5e5", + "--ha-color-green-80": "#93da98", + "--text-light-primary-color": "#212121", + "--ha-color-on-danger-quiet": "#dc3146", + "--ha-color-neutral-90": "#e6e6e6", + "--ha-border-width-lg": "3px", + "--color-46": "#c27eb6", + "--ha-color-fill-primary-normal-hover": "#b9e6fc", + "--ha-color-orange-60": "#f36d00", + "--wa-color-danger-on-loud": "#fff", + "--wa-color-surface-border": "#e6e6e6", + "--wa-form-control-border-radius": "12px", + "--wa-form-control-placeholder-color": "#5e5e5e", + "--wa-color-success-border-normal": "#5dc36f", + "--wa-form-control-border-color": "#989898", + "--state-climate-auto-color": "#4caf50", + "--dark-secondary-opacity": ".54", + "--ha-font-size-5xl": "calc(40px * 1)", + "--state-active-color": "#ffc107", + "--ha-color-green-20": "#0a3a1d", + "--ha-color-border-primary-normal": "#7bd4fb", + "--color-18": "#7a4c31", + "--outline-color": "#0000001f", + "--state-sensor-battery-medium-color": "#ff9800", + "--color-25": "#c884ff", + "--ha-color-focus": "#989898", + "--energy-battery-in-color": "#f06292", + "--safe-area-offset-right": "calc(max(0px - 0px, 0px) / 2)", + "--state-alarm_control_panel-arming-color": "#ff9800", + "--state-water_heater-eco-color": "#4caf50", + "--input-fill-color": "#f5f5f5", + "--ha-color-fill-neutral-quiet-hover": "#e6e6e6", + "--state-water_heater-heat_pump-color": "#ff9800", + "--ha-color-primary-70": "#7bd4fb", + "--light-primary-opacity": "1", + "--ha-color-fill-warning-loud-resting": "#ff9342", + "--ha-color-fill-primary-loud-active": "#009ac7", + "--color-2": "#f4bd4a", + "--ha-font-size-3xl": "calc(28px * 1)", + "--ha-assist-chip-filled-container-color": "rgba(33, 33, 33, .15)", + "--color-24": "#ffadda", + "--ha-font-size-xs": "calc(10px * 1)", + "--ha-animation-duration-normal": "1ms", + "--wa-color-danger-on-normal": "#b30532", + "--sidebar-text-color": "#141414", + "--mdc-theme-text-secondary-on-background": "#5e5e5e", + "--wa-form-control-border-width": "1px", + "--wa-color-neutral-on-normal": "#5e5e5e", + "--ha-border-radius-md": "8px", + "--energy-gas-color": "#8e021b", + "--color-15": "#d96895", + "--ha-color-surface-low-inverted": "#141414", + "--ha-color-on-disabled-loud": "#f3f3f3", + "--state-alarm_control_panel-armed_away-color": "#4caf50", + "--wa-focus-ring-width": "2px", + "--table-header-background-color": "#f5f5f5", + "--ha-color-neutral-80": "#ccc", + "--ha-color-orange-70": "#ff9342", + "--ha-font-weight-light": "300", + "--wa-color-warning-fill-quiet": "#ffe0c8", + "--wa-color-brand-fill-normal": "#dff3fc", + "--ha-color-on-primary-normal": "#009ac7", + "--color-32": "#f48758", + "--ha-line-height-expanded": "2", + "--wa-border-radius-pill": "9999px", + "--color-51": "#f48800", + "--ha-color-green-50": "#00883c", + "--state-weather-windy-color": "#4caf50", + "--ha-border-radius-5xl": "32px", + "--ha-border-radius-circle": "50%", + "--ha-color-primary-10": "#002e3e", + "--ha-color-text-disabled": "#989898", + "--scrollbar-thumb-color": "#c2c2c2", + "--mdc-theme-secondary": "#ff9800", + "--ha-color-fill-success-loud-resting": "#00883c", + "--mdc-select-ink-color": "#000000de", + "--ha-color-border-success-quiet": "#c2f2c1", + "--state-light-active-color": "#ffc107", + "--wa-border-radius-s": "4px", + "--label-badge-green": "#43a047", + "--state-binary_sensor-lock-on-color": "#f44336", + "--wa-color-neutral-on-quiet": "#7a7a7a", + "--wa-form-control-padding-inline": "12px", + "--mdc-text-field-disabled-fill-color": "#fafafa", + "--ha-color-on-success-loud": "#fff", + "--color-27": "#bf8b6d", + "--history-unknown-color": "#606060", + "--state-weather-cloudy-color": "#bdbdbd", + "--state-lock-open-color": "#f44336", + "--wa-color-brand-on-quiet": "#18bcf2", + "--state-water_heater-performance-color": "#ff6f22", + "--energy-grid-consumption-color": "#488fc2", + "--ha-color-fill-neutral-normal-resting": "#e6e6e6", + "--ha-color-fill-danger-quiet-hover": "#ffdedc", + "--wa-transition-easing": "ease", + "--wa-focus-ring": "solid 2px #989898", + "--wa-transition-normal": "1ms", + "--ha-font-size-scale": "1", + "--wa-color-neutral-fill-loud": "#5e5e5e", + "--ha-color-text-primary": "#141414", + "--ha-color-primary-95": "#eff9fe", + "--mdc-button-disabled-ink-color": "#bdbdbd", + "--table-row-background-color": "#fafafa", + "--ha-animation-duration-instant": "1ms", + "--wa-panel-border-width": "1px", + "--ha-box-shadow-l": "0 6px 12px -3px #0000001f, 0 16px 32px -6px #0003", + "--wa-form-control-required-content-offset": ".1rem", + "--mdc-radio-unchecked-color": "rgba(33, 33, 33, .54)", + "--wa-color-danger-border-quiet": "#ffdedc", + "--sidebar-selected-icon-color": "#009ac7", + "--ha-color-fill-warning-normal-resting": "#ffe0c8", + "--ha-color-fill-danger-quiet-active": "#fff0ef", + "--ha-color-on-primary-loud": "#fff", + "--ha-font-family-heading": "Roboto, Noto, sans-serif", + "--ha-color-orange-40": "#9d3800", + "--color-36": "#e43872", + "--state-climate-fan_only-color": "#00bcd4", + "--input-disabled-line-color": "#0000000f", + "--ha-space-20": "80px", + "--color-6": "#ff8ab7", + "--wa-space-xs": "8px", + "--ha-color-primary-20": "#004156", + "--mdc-select-label-ink-color": "#0009", + "--ha-space-6": "24px", + "--ha-color-fill-neutral-quiet-active": "#f3f3f3", + "--ha-color-fill-primary-quiet-resting": "#eff9fe", + "--ha-font-size-m": "calc(14px * 1)", + "--color-50": "#a49100", + "--float-end": "right", + "--wa-color-danger-border-normal": "#fd8f90", + "--ha-color-fill-danger-loud-resting": "#dc3146", + "--state-alarm_control_panel-pending-color": "#ff9800", + "--checked-icon-color": "#fff", + "--mdc-checkbox-unchecked-color": "rgba(33, 33, 33, .54)", + "--color-19": "#6989f4", + "--ha-space-19": "76px", + "--ha-font-family-body": "Roboto, Noto, sans-serif", + "--rgb-text-primary-color": "255, 255, 255", + "--ha-color-border-warning-normal": "#ff9342", + "--shadow-color": "#00000029", + "--state-icon-color": "#44739e", + "--ha-color-fill-warning-quiet-hover": "#ffe0c8", + "--ha-color-fill-primary-normal-active": "#dff3fc", + "--mdc-theme-primary": "#009ac7", + "--color-34": "#f2b94f", + "--ha-space-4": "16px", + "--mdc-dialog-heading-ink-color": "#141414", + "--disabled-color": "#bdbdbd", + "--state-plant-active-color": "#f44336", + "--ha-color-neutral-40": "#5e5e5e", + "--orange-color": "#ff9800", + "--energy-water-color": "#00bcd4", + "--ha-font-weight-body": "400", + "--wa-form-control-required-content": "\"*\"", + "--ha-color-fill-danger-normal-hover": "#ffb8b6", + "--wa-font-weight-body": "400", + "--color-45": "#fecddf", + "--color-4": "#6cc5b0", + "--wa-line-height-condensed": "1.2", + "--lime-color": "#cddc39", + "--wa-color-warning-border-normal": "#ff9342", + "--mdc-tab-text-label-color-default": "#141414", + "--mdc-select-disabled-fill-color": "#fafafa", + "--light-green-color": "#8bc34a", + "--wa-color-brand-border-normal": "#18bcf2", + "--wa-color-neutral-fill-normal": "#e6e6e6", + "--label-badge-red": "#db4437", + "--ha-color-on-danger-normal": "#b30532", + "--state-device_tracker-home-color": "#4caf50", + "--state-cover-active-color": "#926bc7", + "--state-binary_sensor-problem-on-color": "#f44336", + "--state-binary_sensor-sound-on-color": "#f44336", + "--ha-color-neutral-60": "#989898", + "--input-dropdown-icon-color": "#0000008a", + "--ha-color-fill-disabled-quiet-hover": "#e6e6e6", + "--app-header-border-bottom": "1px solid #0000001f", + "--blue-color": "#2196f3", + "--wa-color-danger-fill-quiet": "#ffdedc", + "--state-weather-lightning-color": "#ffeb3b", + "--color-8": "#97bbf5", + "--safe-area-inset-x": "calc(0px + 0px)", + "--color-42": "#009f82", + "--mdc-select-dropdown-icon-color": "#0000008a", + "--mdc-theme-text-disabled-on-light": "#bdbdbd", + "--wa-color-brand-fill-loud": "#009ac7", + "--ha-color-green-70": "#5dc36f", + "--state-weather-snowy_rainy-color": "#03a9f4", + "--mdc-text-field-outlined-disabled-border-color": "#0000000f", + "--darker-primary-color": "#016194", + "--ha-color-orange-20": "#5e1c00", + "--state-update-active-color": "#ff9800", + "--ha-color-on-neutral-quiet": "#7a7a7a", + "--wa-color-neutral-border-loud": "#5e5e5e", + "--state-lock-locking-color": "#ff9800", + "--mdc-text-field-hover-line-color": "#000000de", + "--ha-moz-osx-font-smoothing": "grayscale", + "--state-alarm_control_panel-triggered-color": "#f44336", + "--wa-color-surface-raised": "#fff", + "--safe-area-inset-top": "0px", + "--safe-area-offset-top": "calc(max(0px - 0px, 0px) / 2)", + "--ha-color-fill-danger-loud-active": "#dc3146", + "--mdc-text-field-idle-line-color": "#0000006b", + "--dark-disabled-opacity": ".38", + "--state-climate-dry-color": "#ff9800", + "--ha-space-14": "56px", + "--state-sensor-battery-low-color": "#f44336", + "--history-unavailable-color": "transparent", + "--color-44": "#cbe8ff", + "--ha-color-red-30": "#8a132c", + "--safe-area-inset-left": "0px", + "--wa-form-control-value-color": "#141414", + "--ha-font-size-2xl": "calc(24px * 1)", + "--ha-color-on-primary-quiet": "#18bcf2", + "--wa-color-warning-fill-loud": "#ff9342", + "--wa-font-size-s": "calc(12px * 1)", + "--table-row-alternative-background-color": "#e5e5e5", + "--ha-color-red-20": "#631323", + "--ha-color-fill-neutral-loud-active": "#5e5e5e", + "--color-10": "#094bad", + "--ha-color-on-disabled-quiet": "#ccc", + "--ha-color-on-warning-quiet": "#c94e00", + "--ha-color-text-secondary": "#5e5e5e", + "--state-water_heater-gas-color": "#ff9800", + "--ha-color-green-10": "#052310", + "--label-badge-background-color": "#fff", + "--ha-color-form-background-hover": "#e6e6e6", + "--ha-color-fill-danger-normal-active": "#ffdedc", + "--ha-color-border-primary-quiet": "#dff3fc", + "--ha-animation-duration-fast": "1ms", + "--state-lock-locked-color": "#4caf50", + "--wa-panel-border-style": "solid", + "--ha-space-16": "64px", + "--safe-area-inset-y": "calc(0px + 0px)", + "--ha-color-primary-80": "#b9e6fc", + "--deep-purple-color": "#6e41ab", + "--ha-color-neutral-05": "#141414", + "--light-blue-color": "#03a9f4", + "--ha-border-radius-6xl": "36px", + "--mdc-theme-surface": "#fff", + "--brown-color": "#795548", + "--ha-color-on-warning-normal": "#9d3800", + "--ha-color-primary-40": "#009ac7", + "--state-weather-sunny-color": "#ffc107", + "--ha-color-fill-warning-normal-hover": "#ffbb89", + "--slider-color": "#009ac7", + "--color-52": "#27d0df", + "--ha-color-border-warning-quiet": "#ffe0c8", + "--color-53": "#a04a9b", + "--state-weather-clear_night-color": "#6e41ab", + "--bar-box-shadow": "0 2px 12px #00000029", + "--rgb-warning-color": "255, 166, 0", + "--ha-color-neutral-95": "#f3f3f3", + "--ha-color-fill-success-normal-active": "#c2f2c1", + "--ha-border-radius-xl": "16px", + "--color-37": "#d9b100", + "--white-color": "#fff", + "--ha-color-fill-neutral-quiet-resting": "#f3f3f3", + "--header-height": "56px", + "--amber-color": "#ffc107", + "--state-water_heater-electric-color": "#ff9800", + "--state-person-home-color": "#4caf50", + "--energy-non-fossil-color": "#0f9d58", + "--wa-color-danger-border-loud": "#b30532", + "--wa-color-success-fill-normal": "#c2f2c1", + "--state-lock-unlocked-color": "#f44336", + "--green-color": "#4caf50", + "--state-lock-jammed-color": "#f44336", + "--scale-direction": "1", + "--ha-color-border-neutral-quiet": "#e6e6e6", + "--mdc-theme-on-secondary": "#fff", + "--safe-area-inset-bottom": "0px", + "--ha-color-fill-success-quiet-active": "#e3f9e3", + "--slider-secondary-color": "#b3e5fc", + "--wa-color-brand-on-loud": "#fff", + "--color-33": "#8caed6", + "--color-26": "#badeff", + "--color-11": "#c99000", + "--ha-color-fill-disabled-normal-hover": "#e6e6e6", + "--wa-panel-border-radius": "24px", + "--ha-color-neutral-30": "#4a4a4a", + "--ha-color-fill-primary-loud-resting": "#009ac7", + "--color-5": "#a463f2", + "--ha-border-radius-sm": "4px", + "--wa-color-neutral-fill-quiet": "#e6e6e6", + "--ha-color-fill-neutral-normal-active": "#e6e6e6", + "--ha-color-red-05": "#2a040b", + "--ha-space-7": "28px", + "--ha-line-height-normal": "1.6", + "--energy-solar-color": "#ff9800", + "--mdc-button-outline-color": "#0000001f", + "--disabled-text-color": "#bdbdbd", + "--ha-color-red-80": "#ffb8b6", + "--ha-color-fill-success-quiet-hover": "#c2f2c1", + "--light-grey-color": "#bdbdbd", + "--energy-grid-return-color": "#8353d1", + "--state-alert-on-color": "#f44336", + "--ha-border-radius-4xl": "28px", + "--state-humidifier-on-color": "#2196f3", + "--ha-font-size-4xl": "calc(32px * 1)", + "--ha-color-green-60": "#00ac49", + "--state-binary_sensor-battery-on-color": "#f44336", + "--state-water_heater-high_demand-color": "#ff6f22", + "--ha-color-fill-success-quiet-resting": "#e3f9e3", + "--input-disabled-ink-color": "#0000005e", + "--divider-color": "#0000001f", + "--checked-icon-scale": ".9", + "--ha-color-fill-success-loud-hover": "#036730", + "--ha-color-on-success-normal": "#036730", + "--ha-color-primary-05": "#001721", + "--ha-color-on-danger-loud": "#fff", + "--wa-color-warning-border-quiet": "#ffe0c8", + "--blue-grey-color": "#607d8b", + "--ha-border-radius-lg": "12px", + "--ha-color-fill-neutral-loud-resting": "#5e5e5e", + "--ha-color-text-secondary-inverted": "#363636", + "--mdc-select-disabled-dropdown-icon-color": "#0000005e", + "--ha-color-primary-50": "#18bcf2", + "--color-3": "#ff725c", + "--state-climate-heat-cool-color": "#ffc107", + "--wa-color-warning-border-loud": "#9d3800", + "--wa-color-text-quiet": "#5e5e5e", + "--state-switch-active-color": "#ffc107", + "--ha-color-green-30": "#0a5027", + "--ha-color-fill-warning-quiet-active": "#fff0e4", + "--ha-color-text-primary-inverted": "#fff", + "--ha-space-11": "44px", + "--ha-color-red-40": "#b30532", + "--mdc-dialog-content-ink-color": "#141414", + "--wa-color-neutral-border-quiet": "#e6e6e6", + "--sidebar-background-color": "#fff", + "--wa-form-control-value-font-weight": "400", + "--primary-color": "#009ac7", + "--color-35": "#eff26e", + "--ha-assist-chip-active-container-color": "rgba(0, 154, 199, .15)", + "--wa-color-success-on-loud": "#fff", + "--markdown-code-background-color": "#fafafa", + "--ha-space-10": "40px", + "--primary-background-color": "#fafafa", + "--wa-form-control-activated-color": "#009ac7", + "--ha-space-17": "68px", + "--label-badge-blue": "#039be5", + "--warning-color": "#ffa600", + "--ha-font-weight-action": "500", + "--wa-color-success-on-quiet": "#00883c", + "--input-outlined-idle-border-color": "#00000061", + "--wa-color-success-fill-quiet": "#c2f2c1", + "--ha-color-red-95": "#fff0ef", + "--ha-color-black": "#000", + "--ha-color-surface-lower-inverted": "#000", + "--ha-color-fill-success-normal-hover": "#93da98", + "--ha-space-13": "52px", + "--state-sun-below_horizon-color": "#3f51b5", + "--app-theme-color": "#fff", + "--color-47": "#8cd2ce", + "--wa-form-control-padding-block": ".75em", + "--ha-color-fill-success-normal-resting": "#c2f2c1", + "--wa-font-size-l": "calc(16px * 1)", + "--rgb-info-color": "3, 155, 229", + "--state-lawn_mower-active-color": "#009688", + "--ha-color-fill-success-loud-active": "#00883c", + "--ha-color-green-05": "#031608", + "--ha-color-neutral-20": "#363636", + "--ha-color-fill-warning-normal-active": "#ffe0c8", + "--rgb-secondary-text-color": "114, 114, 114", + "--state-binary_sensor-carbon_monoxide-on-color": "#f44336", + "--energy-battery-out-color": "#4db6ac", + "--sidebar-icon-color": "rgba(33, 33, 33, .6)", + "--color-41": "#d06800", + "--margin-title-rtl": "0 24px 0 0", + "--ha-color-border-success-loud": "#036730", + "--ha-color-fill-warning-loud-active": "#ff9342", + "--ha-color-fill-disabled-loud-resting": "#ccc", + "--ha-space-1": "4px", + "--mdc-checkbox-disabled-color": "#bdbdbd", + "--ha-space-3": "12px", + "--ha-color-neutral-50": "#7a7a7a", + "--state-binary_sensor-heat-on-color": "#f44336", + "--rgb-primary-color": "0, 154, 199", + "--red-color": "#f44336", + "--ha-color-green-95": "#e3f9e3", + "--state-alarm_control_panel-armed_custom_bypass-color": "#4caf50", + "--wa-color-text-normal": "#141414", + "--ha-space-5": "20px", + "--rgb-success-color": "67, 160, 71", + "--ha-color-orange-10": "#3b0f00", + "--color-30": "#bf3947", + "--state-weather-pouring-color": "#3f51b5", + "--ha-color-fill-neutral-loud-hover": "#4a4a4a", + "--state-unavailable-color": "#bdbdbd", + "--wa-color-brand-fill-quiet": "#dff3fc", + "--ha-color-orange-90": "#ffe0c8", + "--state-binary_sensor-tamper-on-color": "#f44336", + "--ha-color-fill-disabled-normal-resting": "#f3f3f3", + "--mdc-text-field-disabled-line-color": "#0000000f", + "--wa-space-m": "16px", + "--ha-line-height-condensed": "1.2", + "--wa-form-control-background-color": "", + "--state-device_tracker-active-color": "#2196f3", + "--input-hover-line-color": "#000000de", + "--ha-font-size-xl": "calc(20px * 1)", + "--ha-color-border-neutral-normal": "#989898", + "--wa-border-width-s": "1px", + "--color-49": "#f883b0", + "--wa-shadow-l": "0 6px 12px -3px #0000001f, 0 16px 32px -6px #0003", + "--wa-font-size-m": "calc(14px * 1)", + "--ha-font-weight-medium": "500", + "--state-vacuum-active-color": "#009688", + "--ha-color-fill-disabled-quiet-resting": "#f3f3f3", + "--mdc-text-field-outlined-idle-border-color": "#00000061", + "--ha-border-radius-3xl": "24px", + "--color-48": "#c4b8d9", + "--ha-color-border-danger-normal": "#fd8f90", + "--accent-color": "#ff9800", + "--outline-hover-color": "#0000003d", + "--ha-color-on-disabled-normal": "#b1b1b1", + "--ha-font-size-l": "calc(16px * 1)", + "--color-38": "#9d7a00", + "--state-weather-partlycloudy-color": "#607d8b", + "--ha-color-orange-80": "#ffbb89", + "--wa-border-radius-m": "8px", + "--state-binary_sensor-glass_break-on-color": "#f44336", + "--deep-orange-color": "#ff6f22", + "--ha-color-form-background-disabled": "#ccc", + "--wa-color-success-border-loud": "#036730", + "--ha-color-orange-95": "#fff0e4", + "--mdc-theme-error": "#db4437", + "--ha-color-primary-90": "#dff3fc", + "--ha-color-border-neutral-loud": "#5e5e5e", + "--state-weather-fog-color": "#9e9e9e", + "--color-40": "#00d27e", + "--wa-space-xl": "32px", + "--secondary-text-color": "#5e5e5e", + "--error-color": "#db4437", + "--mdc-dialog-scroll-divider-color": "#0000001f", + "--state-weather-snowy-color": "#c0e0ff", + "--ha-font-weight-bold": "700", + "--ha-space-12": "48px", + "--wa-border-radius-l": "12px", + "--wa-color-danger-fill-loud": "#dc3146", + "--color-16": "#8043ce", + "--color-22": "#8fe9d3", + "--ha-color-red-50": "#dc3146", + "--state-alarm_control_panel-armed_vacation-color": "#4caf50", + "--mdc-select-outlined-hover-border-color": "#000000de", + "--wa-border-style": "solid", + "--ha-color-surface-default": "#fff", + "--app-header-background-color": "#fff", + "--card-background-color": "#fff", + "--state-alert-off-color": "#ff9800", + "--mdc-theme-on-surface": "#141414", + "--ha-color-border-success-normal": "#5dc36f", + "--state-climate-cool-color": "#2196f3", + "--label-badge-text-color": "rgba(33, 33, 33, .8)", + "--state-binary_sensor-smoke-on-color": "#f44336", + "--wa-color-warning-on-normal": "#9d3800", + "--mdc-text-field-outlined-hover-border-color": "#000000de", + "--color-21": "#ff957c", + "--indigo-color": "#3f51b5", + "--wa-focus-ring-color": "#989898", + "--mdc-radio-disabled-color": "#bdbdbd", + "--color-13": "#49a28f", + "--state-alarm_control_panel-armed_home-color": "#4caf50", + "--ha-color-text-link": "#009ac7", + "--mdc-select-fill-color": "#f5f5f5", + "--ha-color-fill-primary-quiet-hover": "#dff3fc", + "--ha-color-fill-danger-quiet-resting": "#fff0ef", + "--label-badge-grey": "#9e9e9e", + "--wa-transition-fast": "1ms", + "--label-badge-yellow": "#ffa600", + "--data-table-background-color": "#fff", + "--state-icon-error-color": "#db4437", + "--color-39": "#698cff", + "--ha-box-shadow-s": "0 1px 2px 0 #00000014, 0 1px 3px 0 #0000001f", + "--ha-border-radius-2xl": "20px", + "--wa-shadow-m": "0 3px 6px -1px #0000001a, 0 8px 16px -2px #00000026", + "--ha-color-surface-low": "#f3f3f3", + "--ha-animation-duration-slow": "1ms", + "--color-31": "#9f5b00", + "--ha-font-smoothing": "antialiased", + "--color-14": "#048732", + "--color-20": "#ffd444", + "--ha-color-fill-warning-quiet-resting": "#fff0e4", + "--wa-border-width-m": "2px", + "--ha-color-green-90": "#c2f2c1", + "--state-lawn_mower-error-color": "#f44336", + "--mdc-select-idle-line-color": "#0000006b", + "--color-23": "#62cc71", + "--mdc-select-hover-line-color": "#000000de", + "--ha-dialog-scrim-backdrop-filter": "brightness(68%)", + "--safe-area-inset-right": "0px", + "--clear-background-color": "#fff", + "--state-sun-above_horizon-color": "#ffc107", + "--state-lock-unlocking-color": "#ff9800", + "--ha-animation-duration-none": "1ms", + "--light-primary-color": "#b3e5fc", + "--state-lock-opening-color": "#ff9800", + "--color-7": "#9c6b4e", + "--wa-form-control-toggle-size": "20px", + "--ha-color-fill-danger-normal-resting": "#ffdedc", + "--mdc-theme-on-primary": "#fff", + "--input-outlined-hover-border-color": "#000000de", + "--chip-background-color": "rgba(33, 33, 33, .15)", + "--ha-color-on-success-quiet": "#00883c", + "--ha-color-on-surface-default": "#141414", + "--md-list-item-label-text-font": "Roboto, Noto, sans-serif", + "--ha-color-red-90": "#ffdedc", + "--input-ink-color": "#000000de", + "--direction": "ltr", + "--rgb-card-background-color": "255, 255, 255", + "--float-start": "left", + "--light-secondary-opacity": ".7", + "--ha-space-2": "8px", + "--ha-color-fill-primary-loud-hover": "#006787", + "--slider-track-color": "#c2c2c2", + "--md-list-item-trailing-supporting-text-font": "Roboto, Noto, sans-serif", + "--ha-color-red-10": "#3e0913", + "--safe-area-offset-left": "calc(max(0px - 0px, 0px) / 2)", + "--wa-color-neutral-on-loud": "#fff", + "--text-primary-color": "#fff", + "--ha-color-surface-lower": "#e6e6e6", + "--ha-font-family-longform": "ui-sans-serif, system-ui, sans-serif", + "--light-divider-opacity": ".12", + "--state-weather-lightning_rainy-color": "#cddc39", + "--ha-border-radius-square": "0", + "--safe-area-offset-bottom": "calc(max(0px - 0px, 0px) / 2)", + "--wa-font-weight-action": "500", + "--ha-color-on-neutral-loud": "#fff", + "--wa-color-success-fill-loud": "#00883c", + "--primary-text-color": "#141414", + "--info-color": "#039be5", + "--color-54": "#4269d0", + "--teal-color": "#009688", + "--ha-color-fill-warning-loud-hover": "#c94e00", + "--color-12": "#d84f3e", + "--pink-color": "#e91e63", + "--wa-form-control-border-style": "solid", + "--ha-color-border-warning-loud": "#9d3800", + "--light-disabled-opacity": ".3", + "--mdc-select-disabled-ink-color": "#0000005e", + "--mdc-theme-text-icon-on-background": "#5e5e5e", + "--wa-color-success-border-quiet": "#c2f2c1", + "--wa-color-success-on-normal": "#036730", + "--ha-space-18": "72px", + "--wa-space-l": "24px", + "--rgb-primary-text-color": "33, 33, 33", + "--wa-border-width-l": "3px", + "--ha-color-neutral-10": "#202020", + "--state-person-active-color": "#2196f3", + "--ha-box-shadow-m": "0 3px 6px -1px #0000001a, 0 8px 16px -2px #00000026", + "--ha-color-border-danger-quiet": "#ffdedc", + "--app-header-text-color": "#141414", + "--ha-color-orange-30": "#7e2900", + "--ha-color-surface-default-inverted": "#202020", + "--ha-color-fill-danger-loud-hover": "#b30532", + "--ha-color-neutral-70": "#b1b1b1", + "--wa-shadow-s": "0 1px 2px 0 #00000014, 0 1px 3px 0 #0000001f", + "--color-43": "#c49200", + "--dark-primary-color": "#0288d1", + "--ha-color-green-40": "#036730", + "--color-1": "#4269d0", + "--dark-grey-color": "#606060", + "--rgb-error-color": "219, 68, 55", + "--ha-color-fill-neutral-normal-hover": "#ccc", + "--ha-color-border-primary-loud": "#009ac7", + "--wa-color-danger-on-quiet": "#dc3146", + "--state-binary_sensor-gas-on-color": "#f44336", + "--grey-color": "#9e9e9e", + "--mdc-theme-text-hint-on-background": "#5e5e5e", + "--wa-color-danger-fill-normal": "#ffdedc", + "--state-binary_sensor-moisture-on-color": "#f44336", + "--yellow-color": "#ffeb3b" + }, + "dark": { + "--ha-space-8": "32px", + "--wa-color-brand-on-normal": "#37c8fd", + "--state-inactive-color": "#9e9e9e", + "--codemirror-type": "#decb6b", + "--safe-width": "calc(100vw - 0px - 0px)", + "--success-color": "#43a047", + "--input-outlined-disabled-border-color": "#ffffff0f", + "--color-29": "#97ee3f", + "--purple-color": "#926bc7", + "--ha-color-fill-primary-normal-resting": "#002e3e", + "--mdc-theme-background": "#111", + "--ha-space-15": "60px", + "--mdc-theme-text-primary-on-background": "#e1e1e1", + "--state-binary_sensor-active-color": "#ffc107", + "--state-valve-active-color": "#2196f3", + "--mdc-text-field-fill-color": "#ffffff0d", + "--ha-font-family-code": "monospace", + "--wa-form-control-value-line-height": "1.2", + "--safe-height": "calc(100vh - 0px - 0px)", + "--state-weather-windy_variant-color": "#4caf50", + "--dark-primary-opacity": ".87", + "--state-binary_sensor-safety-on-color": "#f44336", + "--mdc-select-outlined-disabled-border-color": "#ffffff0f", + "--ha-font-size-s": "calc(12px * 1)", + "--rgb-ha-button-warning-light-color": "145,123,84", + "--ha-color-primary-30": "#006787", + "--state-sensor-battery-high-color": "#4caf50", + "--ha-color-red-60": "#f3676c", + "--ha-border-radius-pill": "9999px", + "--ha-color-form-background": "#363636", + "--mdc-text-field-disabled-ink-color": "#ffffff5e", + "--state-fan-active-color": "#00bcd4", + "--rgb-disabled-text-color": "111,111,111", + "--sidebar-selected-text-color": "#009ac7", + "--state-weather-hail-color": "#00bcd4", + "--ha-color-fill-disabled-loud-hover": "#5e5e5e", + "--ha-color-on-neutral-normal": "#989898", + "--md-list-item-supporting-text-font": "Roboto, Noto, sans-serif", + "--wa-color-warning-on-loud": "#fff", + "--ha-color-shadow-scrollable-fade": "#00000014", + "--state-weather-exceptional-color": "#f44336", + "--ha-color-orange-50": "#c94e00", + "--black-color": "#000", + "--wa-color-brand-border-quiet": "#dff3fc", + "--ha-color-fill-primary-quiet-active": "#001721", + "--state-media_player-active-color": "#03a9f4", + "--cyan-color": "#00bcd4", + "--state-alarm_control_panel-disarming-color": "#ff9800", + "--ha-color-white": "#fff", + "--mdc-text-field-label-ink-color": "#fff9", + "--wa-color-warning-fill-normal": "#3b0f00", + "--margin-title-ltr": "0 0 0 24px", + "--ha-color-on-warning-loud": "#fff", + "--ha-color-red-70": "#fd8f90", + "--rgb-clear-background-color": "17,17,17", + "--codemirror-variable": "#f07178", + "--color-9": "#01ab63", + "--map-filter": "invert(.9) hue-rotate(170deg) brightness(1.5) contrast(1.2) saturate(.3)", + "--ha-color-border-danger-loud": "#dc3146", + "--state-weather-rainy-color": "#2196f3", + "--wa-focus-ring-style": "solid", + "--input-idle-line-color": "#ffffff6b", + "--mdc-select-outlined-idle-border-color": "#ffffff61", + "--input-disabled-fill-color": "#ffffff05", + "--ha-font-weight-heading": "700", + "--state-alarm_control_panel-armed_night-color": "#4caf50", + "--input-label-ink-color": "#fff9", + "--ha-color-orange-05": "#280700", + "--rgb-accent-color": "255, 152, 0", + "--ha-font-weight-normal": "400", + "--color-28": "#927acc", + "--wa-color-surface-default": "#1c1c1c", + "--ha-color-primary-60": "#37c8fd", + "--ha-space-9": "36px", + "--dark-divider-opacity": ".12", + "--mdc-text-field-ink-color": "#ffffffde", + "--wa-form-control-height": "40px", + "--state-vacuum-error-color": "#f44336", + "--color-17": "#7599d1", + "--state-siren-active-color": "#f44336", + "--wa-focus-ring-offset": "2px", + "--wa-color-brand-border-loud": "#009ac7", + "--ha-border-width-sm": "1px", + "--wa-color-neutral-border-normal": "#7a7a7a", + "--wa-color-warning-on-quiet": "#ff9342", + "--ha-border-width-md": "2px", + "--state-climate-heat-color": "#ff6f22", + "--secondary-background-color": "#282828", + "--ha-color-green-80": "#93da98", + "--text-light-primary-color": "#212121", + "--color-46": "#c27eb6", + "--ha-color-neutral-90": "#e6e6e6", + "--ha-border-width-lg": "3px", + "--ha-color-fill-primary-normal-hover": "#004156", + "--ha-color-on-danger-quiet": "#fd8f90", + "--ha-color-orange-60": "#f36d00", + "--wa-color-danger-on-loud": "#fff", + "--wa-color-surface-border": "#5e5e5e", + "--wa-form-control-border-radius": "12px", + "--wa-form-control-placeholder-color": "#ccc", + "--wa-color-success-border-normal": "#5dc36f", + "--wa-form-control-border-color": "#7a7a7a", + "--state-climate-auto-color": "#4caf50", + "--ha-color-green-20": "#0a3a1d", + "--ha-font-size-5xl": "calc(40px * 1)", + "--ha-color-border-primary-normal": "#7bd4fb", + "--dark-secondary-opacity": ".54", + "--outline-color": "#e1e1e11f", + "--state-active-color": "#ffc107", + "--color-18": "#7a4c31", + "--state-sensor-battery-medium-color": "#ff9800", + "--color-25": "#c884ff", + "--ha-color-focus": "#989898", + "--energy-battery-in-color": "#f06292", + "--safe-area-offset-right": "calc(max(0px - 0px, 0px) / 2)", + "--state-alarm_control_panel-arming-color": "#ff9800", + "--state-water_heater-eco-color": "#4caf50", + "--input-fill-color": "#ffffff0d", + "--codemirror-qualifier": "#decb6b", + "--ha-color-fill-neutral-quiet-hover": "#202020", + "--state-water_heater-heat_pump-color": "#ff9800", + "--ha-color-primary-70": "#7bd4fb", + "--light-primary-opacity": "1", + "--ha-color-fill-warning-loud-resting": "#9d3800", + "--ha-color-fill-primary-loud-active": "#009ac7", + "--color-2": "#f4bd4a", + "--rgb-primary-background-color": "17,17,17", + "--ha-font-size-3xl": "calc(28px * 1)", + "--ha-assist-chip-filled-container-color": "rgba(225,225,225, .15)", + "--color-24": "#ffadda", + "--ha-font-size-xs": "calc(10px * 1)", + "--ha-animation-duration-normal": "1ms", + "--wa-color-danger-on-normal": "#f3676c", + "--sidebar-text-color": "#e1e1e1", + "--color-15": "#d96895", + "--wa-form-control-border-width": "1px", + "--wa-color-neutral-on-normal": "#989898", + "--ha-border-radius-md": "8px", + "--energy-gas-color": "#8e021b", + "--mdc-theme-text-secondary-on-background": "#9b9b9b", + "--ha-color-surface-low-inverted": "#f3f3f3", + "--ha-color-on-disabled-loud": "#7a7a7a", + "--state-alarm_control_panel-armed_away-color": "#4caf50", + "--rgb-input-ink-color": "255,255,255", + "--codemirror-variable-2": "#eff", + "--wa-focus-ring-width": "2px", + "--table-header-background-color": "#ffffff0d", + "--ha-color-neutral-80": "#ccc", + "--ha-color-orange-70": "#ff9342", + "--wa-color-brand-fill-normal": "#002e3e", + "--wa-color-warning-fill-quiet": "#3b0f00", + "--codemirror-comment": "#545454", + "--ha-font-weight-light": "300", + "--ha-color-on-primary-normal": "#37c8fd", + "--ha-line-height-expanded": "2", + "--color-32": "#f48758", + "--wa-border-radius-pill": "9999px", + "--color-51": "#f48800", + "--ha-color-green-50": "#00883c", + "--rgb-input-disabled-ink-color": "255,255,255", + "--state-weather-windy-color": "#4caf50", + "--ha-border-radius-5xl": "32px", + "--ha-border-radius-circle": "50%", + "--ha-color-primary-10": "#002e3e", + "--ha-color-text-disabled": "#989898", + "--scrollbar-thumb-color": "#6e6e6e", + "--mdc-theme-secondary": "#ff9800", + "--ha-color-fill-success-loud-resting": "#036730", + "--ha-color-border-success-quiet": "#c2f2c1", + "--mdc-select-ink-color": "#ffffffde", + "--state-light-active-color": "#ffc107", + "--wa-border-radius-s": "4px", + "--ha-color-on-success-loud": "#fff", + "--state-binary_sensor-lock-on-color": "#f44336", + "--label-badge-green": "#43a047", + "--wa-color-neutral-on-quiet": "#b1b1b1", + "--rgb-codemirror-operator": "137,221,255", + "--mdc-text-field-disabled-fill-color": "#ffffff05", + "--wa-form-control-padding-inline": "12px@layer wa-utilities{@supports (scrollbar-gutter", + "--color-27": "#bf8b6d", + "--history-unknown-color": "#606060", + "--state-weather-cloudy-color": "#bdbdbd", + "--state-lock-open-color": "#f44336", + "--wa-color-brand-on-quiet": "#7bd4fb", + "--state-water_heater-performance-color": "#ff6f22", + "--energy-grid-consumption-color": "#488fc2", + "--ha-color-fill-danger-quiet-hover": "#3e0913", + "--ha-button-neutral-light-color": "#6a7081", + "--wa-transition-easing": "ease", + "--wa-focus-ring": "solid 2px #989898", + "--ha-color-fill-neutral-normal-resting": "#202020", + "--wa-transition-normal": "1ms", + "--ha-font-size-scale": "1", + "--ha-color-text-primary": "#fff", + "--wa-color-neutral-fill-loud": "#989898", + "--ha-color-primary-95": "#eff9fe", + "--mdc-button-disabled-ink-color": "#6f6f6f", + "--table-row-background-color": "#111", + "--rgb-codemirror-comment": "84,84,84", + "--ha-button-primary-light-color": "#4082a040", + "--ha-animation-duration-instant": "1ms", + "--wa-panel-border-width": "1px", + "--ha-box-shadow-l": "0 6px 12px -3px #0006, 0 16px 32px -6px #0000008c", + "--rgb-input-dropdown-icon-color": "255,255,255", + "--wa-form-control-required-content-offset": ".1rem", + "--mdc-radio-unchecked-color": "rgba(225,225,225, .54)", + "--wa-color-danger-border-quiet": "#ffdedc", + "--sidebar-selected-icon-color": "#009ac7", + "--ha-color-fill-warning-normal-resting": "#3b0f00", + "--ha-color-fill-danger-quiet-active": "#2a040b", + "--ha-color-on-primary-loud": "#fff", + "--ha-font-family-heading": "Roboto, Noto, sans-serif", + "--ha-color-orange-40": "#9d3800", + "--color-36": "#e43872", + "--state-climate-fan_only-color": "#00bcd4", + "--input-disabled-line-color": "#ffffff0f", + "--ha-space-20": "80px", + "--color-6": "#ff8ab7", + "--wa-space-xs": "8px", + "--ha-color-primary-20": "#004156", + "--mdc-select-label-ink-color": "#fff9", + "--ha-space-6": "24px", + "--ha-color-fill-neutral-quiet-active": "", + "--ha-color-fill-primary-quiet-resting": "#001721", + "--rgb-codemirror-atom": "247,140,108", + "--ha-font-size-m": "calc(14px * 1)", + "--color-50": "#a49100", + "--float-end": "right", + "--rgb-disabled-color": "70,70,70", + "--ha-color-fill-danger-loud-resting": "#b30532", + "--wa-color-danger-border-normal": "#dc3146", + "--state-alarm_control_panel-pending-color": "#ff9800", + "--checked-icon-color": "#fff", + "--mdc-checkbox-unchecked-color": "rgba(225,225,225, .54)", + "--color-19": "#6989f4", + "--ha-space-19": "76px", + "--ha-font-family-body": "Roboto, Noto, sans-serif", + "--rgb-text-primary-color": "255, 255, 255", + "--ha-color-border-warning-normal": "#c94e00", + "--shadow-color": "#0000007a", + "--state-icon-color": "#44739e", + "--rgb-ha-button-neutral-color": "217,218,224", + "--ha-color-fill-warning-quiet-hover": "#3b0f00", + "--rgb-outline-hover-color": "225,225,225", + "--ha-color-fill-primary-normal-active": "#002e3e", + "--mdc-theme-primary": "#009ac7", + "--color-34": "#f2b94f", + "--rgb-input-outlined-idle-border-color": "255,255,255", + "--mdc-dialog-heading-ink-color": "#e1e1e1", + "--disabled-color": "#464646", + "--ha-space-4": "16px", + "--state-plant-active-color": "#f44336", + "--ha-color-neutral-40": "#5e5e5e", + "--energy-water-color": "#00bcd4", + "--orange-color": "#ff9800", + "--ha-font-weight-body": "400", + "--wa-form-control-required-content": "\"*\"", + "--ha-color-fill-danger-normal-hover": "#631323", + "--wa-font-weight-body": "400", + "--color-45": "#fecddf", + "--color-4": "#6cc5b0", + "--wa-line-height-condensed": "1.2", + "--lime-color": "#cddc39", + "--wa-color-warning-border-normal": "#c94e00", + "--mdc-tab-text-label-color-default": "#e1e1e1", + "--mdc-select-disabled-fill-color": "#ffffff05", + "--rgb-codemirror-variable-2": "238,255,255", + "--light-green-color": "#8bc34a", + "--wa-color-brand-border-normal": "#18bcf2", + "--wa-color-neutral-fill-normal": "#202020", + "--ha-color-on-danger-normal": "#f3676c", + "--label-badge-red": "#db4437", + "--state-device_tracker-home-color": "#4caf50", + "--state-cover-active-color": "#926bc7", + "--state-binary_sensor-problem-on-color": "#f44336", + "--state-binary_sensor-sound-on-color": "#f44336", + "--ha-color-neutral-60": "#989898", + "--input-dropdown-icon-color": "#ffffff8a", + "--ha-color-fill-disabled-quiet-hover": "#363636", + "--app-header-border-bottom": "1px solid #e1e1e11f", + "--blue-color": "#2196f3", + "--wa-color-danger-fill-quiet": "#3e0913", + "--state-weather-lightning-color": "#ffeb3b", + "--color-8": "#97bbf5", + "--rgb-codemirror-number": "255,83,112", + "--safe-area-inset-x": "calc(0px + 0px)", + "--color-42": "#009f82", + "--mdc-select-dropdown-icon-color": "#ffffff8a", + "--ha-button-warning-light-color": "#917b54c1", + "--mdc-theme-text-disabled-on-light": "#6f6f6f", + "--wa-color-brand-fill-loud": "#009ac7", + "--ha-color-green-70": "#5dc36f", + "--mdc-text-field-outlined-disabled-border-color": "#ffffff0f", + "--state-weather-snowy_rainy-color": "#03a9f4", + "--darker-primary-color": "#016194", + "--ha-color-orange-20": "#5e1c00", + "--state-update-active-color": "#ff9800", + "--ha-color-on-neutral-quiet": "#b1b1b1", + "--wa-color-neutral-border-loud": "#b1b1b1", + "--state-lock-locking-color": "#ff9800", + "--rgb-codemirror-variable-3": "222,203,107", + "--mdc-text-field-hover-line-color": "#ffffffde", + "--ha-moz-osx-font-smoothing": "grayscale", + "--codemirror-number": "#ff5370", + "--state-alarm_control_panel-triggered-color": "#f44336", + "--wa-color-surface-raised": "#1c1c1c", + "--safe-area-inset-top": "0px", + "--safe-area-offset-top": "calc(max(0px - 0px, 0px) / 2)", + "--ha-color-fill-danger-loud-active": "#b30532", + "--mdc-text-field-idle-line-color": "#ffffff6b", + "--dark-disabled-opacity": ".38", + "--state-climate-dry-color": "#ff9800", + "--codemirror-attribute": "#c792ea", + "--ha-space-14": "56px", + "--mdc-linear-progress-buffer-color": "#ffffff1a", + "--state-sensor-battery-low-color": "#f44336", + "--history-unavailable-color": "transparent", + "--color-44": "#cbe8ff", + "--ha-color-red-30": "#8a132c", + "--safe-area-inset-left": "0px", + "--wa-form-control-value-color": "#e1e1e1", + "--ha-font-size-2xl": "calc(24px * 1)", + "--ha-color-on-primary-quiet": "#7bd4fb", + "--wa-color-warning-fill-loud": "#9d3800", + "--wa-font-size-s": "calc(12px * 1)", + "--table-row-alternative-background-color": "#282828", + "--ha-color-red-20": "#631323", + "--ha-color-fill-neutral-loud-active": "#989898", + "--rgb-input-outlined-hover-border-color": "255,255,255", + "--color-10": "#094bad", + "--ha-color-on-disabled-quiet": "#5e5e5e", + "--ha-color-on-warning-quiet": "#ff9342", + "--ha-color-text-secondary": "#ccc", + "--state-water_heater-gas-color": "#ff9800", + "--ha-color-green-10": "#052310", + "--label-badge-background-color": "#1c1c1c", + "--ha-color-form-background-hover": "#4a4a4a", + "--ha-color-fill-danger-normal-active": "#3e0913", + "--ha-color-border-primary-quiet": "#dff3fc", + "--ha-animation-duration-fast": "1ms", + "--state-lock-locked-color": "#4caf50", + "--wa-panel-border-style": "solid", + "--ha-space-16": "64px", + "--safe-area-inset-y": "calc(0px + 0px)", + "--ha-color-primary-80": "#b9e6fc", + "--deep-purple-color": "#6e41ab", + "--ha-color-neutral-05": "#141414", + "--rgb-input-disabled-line-color": "255,255,255", + "--light-blue-color": "#03a9f4", + "--ha-border-radius-6xl": "36px", + "--mdc-theme-surface": "#1c1c1c", + "--state-weather-sunny-color": "#ffc107", + "--brown-color": "#795548", + "--ha-color-on-warning-normal": "#f36d00", + "--ha-color-primary-40": "#009ac7", + "--ha-color-fill-warning-normal-hover": "#5e1c00", + "--rgb-codemirror-meta": "255,203,107", + "--slider-color": "#009ac7", + "--color-52": "#27d0df", + "--ha-color-border-warning-quiet": "#ffe0c8", + "--codemirror-tag": "#ff5370", + "--color-53": "#a04a9b", + "--state-weather-clear_night-color": "#6e41ab", + "--bar-box-shadow": "0 2px 12px #0000007a", + "--rgb-mdc-ripple-color": "170,170,170", + "--rgb-input-outlined-disabled-border-color": "255,255,255", + "--rgb-warning-color": "255, 166, 0", + "--ha-color-fill-success-normal-active": "#052310", + "--ha-color-neutral-95": "#f3f3f3", + "--ha-border-radius-xl": "16px", + "--color-37": "#d9b100", + "--white-color": "#fff", + "--ha-color-fill-neutral-quiet-resting": "#141414", + "--codemirror-variable-3": "#decb6b", + "--header-height": "56px", + "--amber-color": "#ffc107", + "--state-water_heater-electric-color": "#ff9800", + "--rgb-ha-button-primary-light-color": "64,130,160", + "--state-person-home-color": "#4caf50", + "--energy-non-fossil-color": "#0f9d58", + "--wa-color-danger-border-loud": "#dc3146", + "--wa-color-success-fill-normal": "#052310", + "--scale-direction": "1", + "--state-lock-unlocked-color": "#f44336", + "--state-lock-jammed-color": "#f44336", + "--green-color": "#4caf50", + "--ha-color-border-neutral-quiet": "#5e5e5e", + "--mdc-theme-on-secondary": "#fff", + "--safe-area-inset-bottom": "0px", + "--codemirror-atom": "#f78c6c", + "--rgb-ha-button-neutral-light-color": "106,112,129", + "--slider-secondary-color": "#b3e5fc", + "--wa-color-brand-on-loud": "#fff", + "--color-33": "#8caed6", + "--color-26": "#badeff", + "--color-11": "#c99000", + "--rgb-divider-color": "225,225,225", + "--ha-color-fill-disabled-normal-hover": "#4a4a4a", + "--color-5": "#a463f2", + "--ha-color-neutral-30": "#4a4a4a", + "--ha-color-fill-primary-loud-resting": "#009ac7", + "--wa-panel-border-radius": "24px", + "--ha-border-radius-sm": "4px", + "--wa-color-neutral-fill-quiet": "#202020", + "--ha-color-fill-neutral-normal-active": "#202020", + "--ha-color-fill-success-quiet-active": "#031608", + "--ha-color-red-05": "#2a040b", + "--ha-space-7": "28px", + "--mdc-button-outline-color": "#e1e1e11f", + "--energy-solar-color": "#ff9800", + "--disabled-text-color": "#6f6f6f", + "--ha-line-height-normal": "1.6", + "--codemirror-builtin": "#ffcb6b", + "--ha-color-red-80": "#ffb8b6", + "--ha-color-fill-success-quiet-hover": "#052310", + "--light-grey-color": "#bdbdbd", + "--rgb-codemirror-property": "199,146,234", + "--energy-grid-return-color": "#a280db", + "--state-alert-on-color": "#f44336", + "--ha-border-radius-4xl": "28px", + "--state-humidifier-on-color": "#2196f3", + "--ha-font-size-4xl": "calc(32px * 1)", + "--state-binary_sensor-battery-on-color": "#f44336", + "--ha-color-green-60": "#00ac49", + "--codemirror-string": "#c3e88d", + "--ha-color-fill-success-quiet-resting": "#031608", + "--divider-color": "#e1e1e11f", + "--ha-color-on-danger-loud": "#fff", + "--input-disabled-ink-color": "#ffffff5e", + "--codemirror-meta": "#ffcb6b", + "--ha-color-fill-success-loud-hover": "#0a5027", + "--checked-icon-scale": ".9", + "--rgb-energy-grid-return-color": "162,128,219", + "--ha-color-on-success-normal": "#00ac49", + "--ha-color-border-normal": "#18bcf2", + "--wa-color-warning-border-quiet": "#ffe0c8", + "--rgb-codemirror-qualifier": "222,203,107", + "--ha-color-primary-05": "#001721", + "--blue-grey-color": "#607d8b", + "--state-water_heater-high_demand-color": "#ff6f22", + "--ha-border-radius-lg": "12px", + "--ha-color-fill-neutral-loud-resting": "#989898", + "--ha-color-text-secondary-inverted": "#5e5e5e", + "--mdc-select-disabled-dropdown-icon-color": "#ffffff5e", + "--ha-color-primary-50": "#18bcf2", + "--color-3": "#ff725c", + "--state-climate-heat-cool-color": "#ffc107", + "--codemirror-def": "#82aaff", + "--rgb-mdc-linear-progress-buffer-color": "255,255,255", + "--wa-color-warning-border-loud": "#c94e00", + "--mdc-ripple-color": "#aaa", + "--wa-color-text-quiet": "#ccc", + "--state-switch-active-color": "#ffc107", + "--rgb-codemirror-variable": "240,113,120", + "--ha-color-green-30": "#0a5027", + "--ha-color-fill-warning-quiet-active": "#280700", + "--ha-color-text-primary-inverted": "#000", + "--ha-space-11": "44px", + "--ha-color-red-40": "#b30532", + "--mdc-dialog-content-ink-color": "#e1e1e1", + "--wa-color-neutral-border-quiet": "#5e5e5e", + "--sidebar-background-color": "#1c1c1c", + "--wa-form-control-value-font-weight": "400", + "--primary-color": "#009ac7", + "--color-35": "#eff26e", + "--ha-assist-chip-active-container-color": "rgba(0, 154, 199, .15)", + "--codemirror-operator": "#89ddff", + "--wa-color-success-on-loud": "#fff", + "--markdown-code-background-color": "#111", + "--ha-space-10": "40px", + "--primary-background-color": "#111", + "--wa-form-control-activated-color": "#009ac7", + "--ha-space-17": "68px", + "--label-badge-blue": "#039be5", + "--warning-color": "#ffa600", + "--ha-font-weight-action": "500", + "--ha-color-red-95": "#fff0ef", + "--wa-color-success-on-quiet": "#5dc36f", + "--input-outlined-idle-border-color": "#ffffff61", + "--wa-color-success-fill-quiet": "#052310", + "--codemirror-property": "#c792ea", + "--ha-color-black": "#000", + "--rgb-codemirror-attribute": "199,146,234", + "--ha-color-surface-lower-inverted": "", + "--ha-color-fill-success-normal-hover": "#0a3a1d", + "--ha-space-13": "52px", + "--state-sun-below_horizon-color": "#3f51b5", + "--app-theme-color": "#1c1c1c", + "--color-47": "#8cd2ce", + "--wa-form-control-padding-block": ".75em", + "--ha-color-fill-success-normal-resting": "#052310", + "--wa-font-size-l": "calc(16px * 1)", + "--rgb-info-color": "3, 155, 229", + "--state-lawn_mower-active-color": "#009688", + "--ha-color-fill-success-loud-active": "#036730", + "--codemirror-keyword": "#c792ea", + "--ha-color-green-05": "#031608", + "--ha-color-neutral-20": "#363636", + "--rgb-codemirror-keyword": "199,146,234", + "--ha-color-fill-warning-normal-active": "#3b0f00", + "--rgb-input-fill-color": "255,255,255", + "--rgb-secondary-text-color": "155,155,155", + "--state-binary_sensor-carbon_monoxide-on-color": "#f44336", + "--sidebar-icon-color": "rgba(225,225,225, .6)", + "--energy-battery-out-color": "#4db6ac", + "--color-41": "#d06800", + "--margin-title-rtl": "0 24px 0 0", + "--ha-color-border-success-loud": "#036730", + "--ha-color-fill-warning-loud-active": "#9d3800", + "--ha-color-fill-disabled-loud-resting": "#4a4a4a", + "--ha-space-1": "4px", + "--mdc-checkbox-disabled-color": "#6f6f6f", + "--ha-space-3": "12px", + "--ha-color-neutral-50": "#7a7a7a", + "--state-binary_sensor-heat-on-color": "#f44336", + "--rgb-primary-color": "0, 154, 199", + "--red-color": "#f44336", + "--ha-color-green-95": "#e3f9e3", + "--state-alarm_control_panel-armed_custom_bypass-color": "#4caf50", + "--wa-color-text-normal": "#e1e1e1", + "--ha-space-5": "20px", + "--rgb-success-color": "67, 160, 71", + "--ha-color-orange-10": "#3b0f00", + "--color-30": "#bf3947", + "--state-weather-pouring-color": "#3f51b5", + "--ha-color-fill-neutral-loud-hover": "#b1b1b1", + "--state-unavailable-color": "#6f6f6f", + "--wa-color-brand-fill-quiet": "#002e3e", + "--ha-color-orange-90": "#ffe0c8", + "--state-binary_sensor-tamper-on-color": "#f44336", + "--ha-color-fill-disabled-normal-resting": "#363636", + "--mdc-text-field-disabled-line-color": "#ffffff0f", + "--wa-space-m": "16px", + "--ha-line-height-condensed": "1.2", + "--wa-form-control-background-color": "", + "--state-device_tracker-active-color": "#2196f3", + "--input-hover-line-color": "#ffffffde", + "--ha-font-size-xl": "calc(20px * 1)", + "--ha-color-border-neutral-normal": "#7a7a7a", + "--wa-border-width-s": "1px", + "--color-49": "#f883b0", + "--wa-shadow-l": "0 6px 12px -3px #0006, 0 16px 32px -6px #0000008c", + "--wa-font-size-m": "calc(14px * 1)", + "--ha-font-weight-medium": "500", + "--rgb-outline-color": "225,225,225", + "--state-vacuum-active-color": "#009688", + "--rgb-secondary-background-color": "40,40,40", + "--ha-color-fill-disabled-quiet-resting": "#202020", + "--mdc-text-field-outlined-idle-border-color": "#ffffff61", + "--ha-border-radius-3xl": "24px", + "--color-48": "#c4b8d9", + "--ha-color-border-danger-normal": "#dc3146", + "--accent-color": "#ff9800", + "--outline-hover-color": "#e1e1e13d", + "--ha-color-on-disabled-normal": "#7a7a7a", + "--ha-font-size-l": "calc(16px * 1)", + "--color-38": "#9d7a00", + "--state-weather-partlycloudy-color": "#607d8b", + "--ha-color-orange-80": "#ffbb89", + "--wa-border-radius-m": "8px", + "--state-binary_sensor-glass_break-on-color": "#f44336", + "--deep-orange-color": "#ff6f22", + "--codemirror-string-2": "#f07178", + "--ha-color-form-background-disabled": "#363636", + "--wa-color-success-border-loud": "#036730", + "--ha-color-orange-95": "#fff0e4", + "--rgb-scrollbar-thumb-color": "110,110,110", + "--mdc-theme-error": "#db4437", + "--ha-color-primary-90": "#dff3fc", + "--ha-color-border-neutral-loud": "#b1b1b1", + "--state-weather-fog-color": "#9e9e9e", + "--color-40": "#00d27e", + "--rgb-input-disabled-fill-color": "255,255,255", + "--wa-space-xl": "32px", + "--secondary-text-color": "#9b9b9b", + "--rgb-codemirror-tag": "255,83,112", + "--error-color": "#db4437", + "--state-weather-snowy-color": "#c0e0ff", + "--mdc-dialog-scroll-divider-color": "#e1e1e11f", + "--ha-font-weight-bold": "700", + "--ha-space-12": "48px", + "--wa-border-radius-l": "12px", + "--wa-color-danger-fill-loud": "#b30532", + "--state-alarm_control_panel-armed_vacation-color": "#4caf50", + "--color-22": "#8fe9d3", + "--color-16": "#8043ce", + "--rgb-codemirror-string-2": "240,113,120", + "--ha-color-red-50": "#dc3146", + "--mdc-select-outlined-hover-border-color": "#ffffffde", + "--ha-color-surface-default": "#202020", + "--wa-border-style": "solid", + "--app-header-background-color": "#1c1c1c", + "--card-background-color": "#1c1c1c", + "--state-alert-off-color": "#ff9800", + "--mdc-theme-on-surface": "#e1e1e1", + "--ha-color-border-success-normal": "#5dc36f", + "--state-binary_sensor-smoke-on-color": "#f44336", + "--label-badge-text-color": "rgba(225,225,225, .8)", + "--state-climate-cool-color": "#2196f3", + "--wa-color-warning-on-normal": "#f36d00", + "--mdc-text-field-outlined-hover-border-color": "#ffffffde", + "--color-21": "#ff957c", + "--indigo-color": "#3f51b5", + "--wa-focus-ring-color": "#989898", + "--mdc-radio-disabled-color": "#6f6f6f", + "--color-13": "#49a28f", + "--state-alarm_control_panel-armed_home-color": "#4caf50", + "--ha-color-text-link": "#37c8fd", + "--ha-button-neutral-color": "#d9dae0", + "--rgb-codemirror-type": "222,203,107", + "--mdc-select-fill-color": "#ffffff0d", + "--ha-color-fill-primary-quiet-hover": "#002e3e", + "--ha-color-fill-danger-quiet-resting": "#2a040b", + "--label-badge-grey": "#9e9e9e", + "--wa-transition-fast": "1ms", + "--label-badge-yellow": "#ffa600", + "--data-table-background-color": "#1c1c1c", + "--state-icon-error-color": "#db4437", + "--color-39": "#698cff", + "--rgb-input-idle-line-color": "255,255,255", + "--ha-box-shadow-s": "0 1px 2px 0 #0006, 0 1px 3px 0 #00000080", + "--ha-border-radius-2xl": "20px", + "--wa-shadow-m": "0 3px 6px -1px #00000059, 0 8px 16px -2px #00000073", + "--color-14": "#048732", + "--color-31": "#9f5b00", + "--ha-animation-duration-slow": "1ms", + "--ha-font-smoothing": "antialiased", + "--ha-color-surface-low": "#141414", + "--color-20": "#ffd444", + "--ha-color-fill-warning-quiet-resting": "#280700", + "--wa-border-width-m": "2px", + "--ha-color-green-90": "#c2f2c1", + "--state-lawn_mower-error-color": "#f44336", + "--mdc-select-idle-line-color": "#ffffff6b", + "--color-23": "#62cc71", + "--mdc-select-hover-line-color": "#ffffffde", + "--ha-dialog-scrim-backdrop-filter": "brightness(68%)", + "--safe-area-inset-right": "0px", + "--clear-background-color": "#111", + "--state-lock-unlocking-color": "#ff9800", + "--state-sun-above_horizon-color": "#ffc107", + "--ha-animation-duration-none": "1ms", + "--color-7": "#9c6b4e", + "--light-primary-color": "#b3e5fc", + "--state-lock-opening-color": "#ff9800", + "--wa-form-control-toggle-size": "20px", + "--ha-color-fill-danger-normal-resting": "#3e0913", + "--mdc-theme-on-primary": "#fff", + "--input-outlined-hover-border-color": "#ffffffde", + "--chip-background-color": "rgba(225,225,225, .15)", + "--rgb-shadow-color": "0,0,0", + "--ha-color-on-surface-default": "#f3f3f3", + "--ha-color-on-success-quiet": "#5dc36f", + "--md-list-item-label-text-font": "Roboto, Noto, sans-serif", + "--ha-color-red-90": "#ffdedc", + "--rgb-input-label-ink-color": "255,255,255", + "--input-ink-color": "#ffffffde", + "--direction": "ltr", + "--rgb-card-background-color": "28,28,28", + "--float-start": "left", + "--light-secondary-opacity": ".7", + "--ha-space-2": "8px", + "--ha-color-fill-primary-loud-hover": "#006787", + "--md-list-item-trailing-supporting-text-font": "Roboto, Noto, sans-serif", + "--slider-track-color": "#6e6e6e", + "--ha-color-red-10": "#3e0913", + "--safe-area-offset-left": "calc(max(0px - 0px, 0px) / 2)", + "--wa-color-neutral-on-loud": "#fff", + "--ha-color-surface-lower": "#000", + "--text-primary-color": "#fff", + "--ha-font-family-longform": "ui-sans-serif, system-ui, sans-serif", + "--light-divider-opacity": ".12", + "--state-weather-lightning_rainy-color": "#cddc39", + "--ha-border-radius-square": "0", + "--safe-area-offset-bottom": "calc(max(0px - 0px, 0px) / 2)", + "--wa-font-weight-action": "500", + "--ha-color-on-neutral-loud": "#fff", + "--wa-color-success-fill-loud": "#036730", + "--primary-text-color": "#e1e1e1", + "--info-color": "#039be5", + "--color-54": "#4269d0", + "--teal-color": "#009688", + "--color-12": "#d84f3e", + "--ha-color-fill-warning-loud-hover": "#7e2900", + "--pink-color": "#e91e63", + "--wa-form-control-border-style": "solid", + "--ha-color-border-warning-loud": "#c94e00", + "--light-disabled-opacity": ".3", + "--mdc-select-disabled-ink-color": "#ffffff5e", + "--mdc-theme-text-icon-on-background": "#9b9b9b", + "--wa-color-success-border-quiet": "#c2f2c1", + "--wa-color-success-on-normal": "#00ac49", + "--wa-space-l": "24px", + "--ha-space-18": "72px", + "--rgb-primary-text-color": "225,225,225", + "--wa-border-width-l": "3px", + "--ha-color-neutral-10": "#202020", + "--state-person-active-color": "#2196f3", + "--ha-box-shadow-m": "0 3px 6px -1px #00000059, 0 8px 16px -2px #00000073", + "--ha-color-border-danger-quiet": "#ffdedc", + "--app-header-text-color": "#e1e1e1", + "--ha-color-orange-30": "#7e2900", + "--ha-color-surface-default-inverted": "#fff", + "--ha-color-fill-danger-loud-hover": "#8a132c", + "--wa-shadow-s": "0 1px 2px 0 #0006, 0 1px 3px 0 #00000080", + "--ha-color-neutral-70": "#b1b1b1", + "--color-43": "#c49200", + "--dark-primary-color": "#0288d1", + "--rgb-input-hover-line-color": "255,255,255", + "--ha-color-green-40": "#036730", + "--color-1": "#4269d0", + "--dark-grey-color": "#606060", + "--rgb-error-color": "219, 68, 55", + "--ha-color-fill-neutral-normal-hover": "#363636", + "--rgb-codemirror-def": "130,170,255", + "--rgb-codemirror-string": "195,232,141", + "--rgb-codemirror-builtin": "255,203,107", + "--ha-color-border-primary-loud": "#009ac7", + "--wa-color-danger-on-quiet": "#fd8f90", + "--state-binary_sensor-gas-on-color": "#f44336", + "--grey-color": "#9e9e9e", + "--mdc-theme-text-hint-on-background": "#9b9b9b", + "--wa-color-danger-fill-normal": "#3e0913", + "--state-binary_sensor-moisture-on-color": "#f44336", + "--yellow-color": "#ffeb3b" + } + }, + "assets": { + "/frontend_latest/app.d6c28fc2e48aeea4.js": { + "sha256": "7b0d03a0c75c971cd3084c988430c512414209ca2c8bba8d506724d3be2827ec", + "bytes": 577102 + }, + "/frontend_latest/79871.0cd7505014fef7fb.js": { + "sha256": "3a613295ac4ee48fc19ddadff4baa1c147e98108731f224d1d640906e5b1df65", + "bytes": 8829 + }, + "/frontend_latest/57539.27d7cefd99dace6a.js": { + "sha256": "8be1aa5585c10687ef9b740ca03edbd7d03f2dce527d98bcb392bf98c2a27a9f", + "bytes": 30004 + }, + "/frontend_latest/54353.5437d2f3817bda05.js": { + "sha256": "46837596efa4541d206731639acd701c312dc4e256dbbe1b47f490023d26fd35", + "bytes": 28665 + }, + "/frontend_latest/40523.1e09f4c93f125c24.js": { + "sha256": "926458359cfc4067dea446422401e81fcc82e9e2a127c7c066a48bb1dfe2acb8", + "bytes": 14720 + }, + "/frontend_latest/37532.79d0d1bb37c67bc0.js": { + "sha256": "4a73e707cfcacda888e13fc3dd8a849e78b9f987ef7c5f006ee4624ce0f70f38", + "bytes": 7382 + }, + "/frontend_latest/9287.09045b2bbbaec3ff.js": { + "sha256": "458ff250f1f58d0f3353e5e4db02ecd81c18d5118da63784e4460ad350f0479b", + "bytes": 16586 + }, + "/frontend_latest/83083.fe45ed5de283dceb.js": { + "sha256": "c0387a9445b6540bdbb9248fa7f36654d6efbbd4822b14d77ee1257ce0f2653c", + "bytes": 26848 + }, + "/frontend_latest/8099.739711f91e051b08.js": { + "sha256": "085891bfde6d7bcc99feee1d23bd218811559da0524fbd716a341834729f5610", + "bytes": 24201 + }, + "/frontend_latest/24519.eb7116b32c634736.js": { + "sha256": "bfc6f1fc208db0980494f7fce3d7cf66fdb56b49b7aebe6d7dc81a11f8ad0294", + "bytes": 10948 + }, + "/frontend_latest/49227.905c893829033053.js": { + "sha256": "d81915b48e9020c18239e551210bb9f688acc13ea161097b6d6b237eeb5aff97", + "bytes": 16153 + }, + "/frontend_latest/15204.4ba98d3a7e1188ba.js": { + "sha256": "af5ac046919202876888a099621d3f4ac232409a2c06e0fad53ae5ca10e9c9d7", + "bytes": 11586 + }, + "/frontend_latest/75395.cc5150b9b2a1eaab.js": { + "sha256": "8106a40d2e3422a76c07862bd704905ed7e17ce5c293ed86dc2b29cd45bddda5", + "bytes": 43325 + }, + "/frontend_latest/85803.5b2b792a7300e3b1.js": { + "sha256": "0d120e26671cf33a96ed8cb7c49d9a49d0d94510d4b799edd4bc91350509cfaa", + "bytes": 9833 + }, + "/frontend_latest/88836.82d8c061e321f700.js": { + "sha256": "f0f86b486ac1bc1a4317ab31652d751442431d6c71dc4fef9132e4d784351e30", + "bytes": 20779 + }, + "/frontend_latest/41649.246763083c75df64.js": { + "sha256": "c57a1d6ad874fe05971ce2f5e2be0f64e3a64b56fd80c1d8c17a846908fe8d52", + "bytes": 5853 + }, + "/frontend_latest/54076.4e72607dd775669c.js": { + "sha256": "aed795f3496c91f8ed83d792866430784e226d71141da3a286c3db82ae139bd7", + "bytes": 334098 + }, + "/frontend_latest/51808.00d17dbc5c336819.js": { + "sha256": "c77cc7ee51ed09359b42e90a45c7b94bd5162fa9187481fd85faa8352a84152b", + "bytes": 56168 + }, + "/frontend_latest/19662.02bfe987bcf02fae.js": { + "sha256": "a961b6fc841d4d3e3ca4fab591bf737d3c6186b67ada466944f67a138d2827ea", + "bytes": 37879 + }, + "/frontend_latest/86151.a018324031dccf64.js": { + "sha256": "b066cb7d0b813ba3963068c795c83b667e1623743ffe8116aeca52620e8237cc", + "bytes": 21981 + }, + "/frontend_latest/44518.60aafb0dd7361a8a.js": { + "sha256": "51fb962c1f10b8b55e33240aafcae94bbf08d29c11c8d4ba5e11735cc25b1963", + "bytes": 12454 + }, + "/frontend_latest/53047.2ff52aed1ea1d58d.js": { + "sha256": "a07fa2ea375bbc9d9c48d9f23cc41c9021d93bdb8b1fd85f2d473c32722b8e04", + "bytes": 22445 + }, + "/frontend_latest/53224.cf6a4ce6a1632ae3.js": { + "sha256": "159d3c58f915157201dbeb8a03bd85627bd132e86d62a157dfd14fc512e0d114", + "bytes": 22424 + }, + "/frontend_latest/27885.b2722f12c8ea5f0d.js": { + "sha256": "9b50005b75b8ae380f82ac4b152acd05b93fa6f63b72db015a76f7e1a634634e", + "bytes": 14763 + }, + "/frontend_latest/91441.f4e291d27370bd0e.js": { + "sha256": "6cb720571975c708cb319a6edaf59add5976981b71e6f9a2deff4f5f51f12b05", + "bytes": 9318 + }, + "/frontend_latest/23322.127ad1a39e017ad1.js": { + "sha256": "b75ec9e8e58297341494a01cb136719ad2ade2ef581dce65dce3fcd4d22e5b74", + "bytes": 15104 + }, + "/frontend_latest/2066.619086da7335e894.js": { + "sha256": "9fa71dd59b3d55070ecd5e1a54d20cff4662f77d3216403e2288738647fcd517", + "bytes": 14652 + }, + "/frontend_latest/17332.cfc44d92e55e41b1.js": { + "sha256": "e4774bb25ac5042926b065e281949267503b1764d88f2a96218a5209f9006948", + "bytes": 14891 + }, + "/frontend_latest/4274.9a41952ea24b0c35.js": { + "sha256": "44379e6950a12f261bb118e88bc81694308ea6e807965acd8a68552da0bf8886", + "bytes": 14848 + }, + "/frontend_latest/65819.c67beedb2569fde2.js": { + "sha256": "3b849b691fc05ffcf8b0275bacafb417d9ca2df774638d431a6022c3617fb78b", + "bytes": 14389 + }, + "/frontend_latest/38402.e30322de1fd7e232.js": { + "sha256": "a04e3e4608e892f4b2dc44e2a4c3279170c94c352523764546fb1b9aa4268634", + "bytes": 20205 + }, + "/frontend_latest/90488.1801cdc1bce0d252.js": { + "sha256": "4b42a382c681c8045a19d4f004ce9e508ea709fe9b27ef2845cbfcd103a8e43a", + "bytes": 19522 + }, + "/frontend_latest/56327.669df9212b1bbd57.js": { + "sha256": "379f817c3ef286f94fa228adea8bf2a3abbe7e9ca115a8eab9772bee1697e35b", + "bytes": 23575 + }, + "/frontend_latest/11164.4007f39963ca53fe.js": { + "sha256": "cbe80d4a20c692baac50bcd2f4f25a11532722be4f3a2bc74afc36fc0e87d251", + "bytes": 13671 + }, + "/frontend_latest/63105.5db3fbaa75461e58.js": { + "sha256": "ff7a67cfa7f9a8262c33e13ba9bb54ac0e38727ff88eb464d93d620aa6a97b4d", + "bytes": 13739 + }, + "/frontend_latest/4556.3b8bc343b186ac7f.js": { + "sha256": "ab338cdf594607256a05dec14798f81914c38c1009d5f718824be3ea22ee5702", + "bytes": 28448 + }, + "/frontend_latest/89316.4c8a52fd9476e18d.js": { + "sha256": "4a7a2d0a04ec62c54234bfbe575f3c90334f5be8dadb992271c1d4d04e5cb91b", + "bytes": 18823 + }, + "/frontend_latest/59392.7c213f7ec058e53a.js": { + "sha256": "ac168d5e749cde3f0f858b13765766f769b336f375a5296b37f3898c789db167", + "bytes": 13547 + }, + "/frontend_latest/79358.df250c7f378eb741.js": { + "sha256": "47504e1e798d1299996a11832d08c73b4ac5508d3f7cc54671f1f376ec227ea8", + "bytes": 20790 + }, + "/frontend_latest/61346.23c39a21bb727e57.js": { + "sha256": "e3bca0f2e4b1159beead5846f8dc8cac5def8038251be7509268450cb127fa6f", + "bytes": 35839 + }, + "/frontend_latest/37877.3e4fcac2e2136e85.js": { + "sha256": "acda63df1944dadb1d1021f10aa1667f88439c8d3df2185ac4167b2364e9218b", + "bytes": 12199 + }, + "/frontend_latest/58068.496636f152f989b6.js": { + "sha256": "2f60fa77098d87558e7c2ad463eb98261ec35fcf3a830030131d98c4689a5554", + "bytes": 14843 + }, + "/frontend_latest/78918.284a9604258fe27b.js": { + "sha256": "d9136df59278b2364da59b5ae4be98b6f83017ce94bcfc6f9879aae7c07a4bd0", + "bytes": 10950 + }, + "/frontend_latest/1027.26a15473845250e8.js": { + "sha256": "06f76e762bfb07360abae7abe3b1dc1ab239472c8445f131b9c41fa234366208", + "bytes": 14240 + }, + "/frontend_latest/4558.e20b3760d07801a7.js": { + "sha256": "43fa2969e6ba2676d21e0e5ae9a887e05a4857d7640c4537faaaf3a6793897a5", + "bytes": 48720 + }, + "/frontend_latest/97769.cb1c5172b385ed95.js": { + "sha256": "56d7d415776d66dda6b00c284eecb8d5284374ec43147e986fde88e3f52ce1a6", + "bytes": 12926 + }, + "/frontend_latest/64334.af08239c2ebb5f72.js": { + "sha256": "8a9bb136f5a75989c0249652d2437f71c95c56c5e57c552423bd7634ded28592", + "bytes": 62089 + }, + "/frontend_latest/89437.7a0c267598dbedf7.js": { + "sha256": "93b97f57d2103714bd6b000d84d66a6e5eb1abcb0e3d70ced5b68a778574452e", + "bytes": 31196 + }, + "/frontend_latest/84656.b37270a3ef77878d.js": { + "sha256": "b5520eaac50bef5c56bf9c34f78248bfffe859d2660b69a0c2bb092401972047", + "bytes": 35511 + }, + "/frontend_latest/30295.44550b6ede673685.js": { + "sha256": "c05dd5e1a5fadc0e367a1fdd726ba106f9b7ec2f2e9141b5f9278a34ec61d295", + "bytes": 18250 + }, + "/frontend_latest/75312.5646a5160728e6b0.js": { + "sha256": "487b478ae0fd9a627d755b3e0ebff32d4fd389db2f3e790fbe1ba7f8922d7a12", + "bytes": 13589 + }, + "/frontend_latest/8885.0d1314825734b9ba.js": { + "sha256": "f96524fc829f4ca06a65671dfb65343fc4ac5fc3a0775fc9fcdda4ec9b31ef1f", + "bytes": 10824 + }, + "/frontend_latest/84962.17ced8e504bf6331.js": { + "sha256": "c672f4824f9a91b1a349f85f1960ded234e32349dc48916ee32e3a2b1eb7b6f3", + "bytes": 12868 + }, + "/frontend_latest/50560.8660644d0f8ae049.js": { + "sha256": "8988a5ade0606c481a3febf6a572a4bd54848a7f8f03be75813e3a7b6c70fb5d", + "bytes": 26364 + }, + "/frontend_latest/38416.72b67af26ef89a66.js": { + "sha256": "b0acadf75c26ae79ef27521207f5e625b98225f4cfd627211b9054339ed3ca41", + "bytes": 15700 + }, + "/frontend_latest/32425.69983054c1ddb489.js": { + "sha256": "7bcdf7b58c77c00baf193a8b30b012d08e031682f7cd8ddbacd16e7e3c3e9c94", + "bytes": 418581 + }, + "/frontend_latest/16507.a01c0a650d7bdf12.js": { + "sha256": "3cd1825b5822cc44025ba52b950bfcba634795ff078bc4ef7bd1867bd6c8a794", + "bytes": 39680 + }, + "/frontend_latest/84956.2ab0e4e5dfbc712c.js": { + "sha256": "e5c0f30aa9c533d4a6c98f08e290080e523844d9e83323a80f186d1cd90fb0f8", + "bytes": 14278 + }, + "/frontend_latest/92811.0f15037d3b10a2c3.js": { + "sha256": "cd7255a05902ce487ea9763a06b3d3a7a2dddcaf01a068415eb0b7239a0d30ed", + "bytes": 13267 + }, + "/frontend_latest/54537.f4833c5913c76cf2.js": { + "sha256": "097d10625d7cfefcf5f45646e1abe71e189870ac62677b8ff655189ffa818d52", + "bytes": 9818 + }, + "/frontend_latest/25481.23ddd5d2ec866816.js": { + "sha256": "eff9c4785b1b13110a6c8d2dd9d06d0abb5038e05f3ee78af0144ac5cda41b4f", + "bytes": 14691 + }, + "/frontend_latest/46565.e3d80a51d865ed5c.js": { + "sha256": "5f911bddaecb5761fb312d30ee6d5c54c0729681d67a6938510743a92461bdda", + "bytes": 12790 + }, + "/frontend_latest/94121.0e44a112e95ac8c8.js": { + "sha256": "b8867abd42ff8397dfb27af640d00be262547b6dc1476bdc3a9d907b520bf020", + "bytes": 14742 + }, + "/frontend_latest/58992.1d29f9136bc3c796.js": { + "sha256": "403801a586fc76ed2c42c7a246d318cf115f9f8dc3e6b51736770fb0d27eab0d", + "bytes": 20956 + }, + "/frontend_latest/28858.17df029135a17ae3.js": { + "sha256": "cb20a7108b88881b05d9cb192f6e668bbdd02be64b5d594d3ce0caeac7439ffd", + "bytes": 12216 + }, + "/frontend_latest/47578.fba66e0739297711.js": { + "sha256": "c8f7aa9acf22e7f4d9a18a32015ee5ad62b9f383a80a96144bda5005be7c0d60", + "bytes": 27140 + }, + "/frontend_latest/90012.9945d8238ffa5a3a.js": { + "sha256": "bf1e417679e1f11a69f523da19d45b7a286f69cfff3e17a1b715081b412cde7f", + "bytes": 32550 + }, + "/frontend_latest/14883.0a68bf6c727a2e22.js": { + "sha256": "10c72f142d4b19619a223e1d67cbe3b1e5e079605903afda730c5df1f96b9ffe", + "bytes": 38920 + }, + "/frontend_latest/5496.c0eba59802d17a07.js": { + "sha256": "6d9a293389b0632626eec6f452dabf8172953aa4238f70b111aa9b43088e777e", + "bytes": 9450 + }, + "/frontend_latest/49589.23a2870d61954701.js": { + "sha256": "2fda7fb7e84778e196807fa82ba3f657f14ce335e9f8f3795b551d485a6641eb", + "bytes": 13433 + }, + "/static/locale-data/intl-displaynames/en.json": { + "sha256": "de6876c5e48244c0a6ec4a189e0c27293674bfb8fda6fe4deae4083cf319937e", + "bytes": 43298 + } + }, + "browsers": [ + { + "platform": "macos", + "architecture": "arm64", + "chromium": "156.0.8078.4", + "independentCaptures": 32, + "repeatedPngsIdentical": true + }, + { + "platform": "linux", + "architecture": "arm64", + "chromium": "156.0.8078.80", + "independentCaptures": 32, + "repeatedPngsIdentical": true + }, + { + "platform": "linux", + "architecture": "x64", + "chromium": "156.0.8078.4", + "independentCaptures": 32, + "repeatedPngsIdentical": true + } + ], + "states": [ + { + "platform": "macos", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "content" + }, + "geometry": { + "host": { + "box": { + "x": 24, + "y": 24, + "width": 320, + "height": 56.390625 + }, + "glyph": null, + "style": { + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgba(0, 0, 0, 0.12)", + "borderRadius": "12px", + "boxShadow": "none", + "padding": "0px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(20, 20, 20)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "1px solid rgba(0, 0, 0, 0.12)" + } + }, + "header": null, + "content": { + "box": { + "x": 25, + "y": 25, + "width": 318, + "height": 54.390625 + }, + "glyph": { + "x": 41, + "y": 44, + "width": 279.84375, + "height": 16 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "16px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(20, 20, 20)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(20, 20, 20)" + } + }, + "actions": null, + "button": null + }, + "image": { + "path": "tests/storybook/reference/ha-card/macos-arm64/light-content.png", + "sha256": "68e51af74a2b8ca0ee8db203b23989a497c0755cf24fa679c7cb47d294b5bdf2" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "header", + "header": "Household tasks" + }, + "geometry": { + "host": { + "box": { + "x": 24, + "y": 24, + "width": 320, + "height": 105.1875 + }, + "glyph": null, + "style": { + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgba(0, 0, 0, 0.12)", + "borderRadius": "12px", + "boxShadow": "none", + "padding": "0px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(20, 20, 20)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "1px solid rgba(0, 0, 0, 0.12)" + } + }, + "header": { + "box": { + "x": 25, + "y": 25, + "width": 318, + "height": 72.796875 + }, + "glyph": { + "x": 41, + "y": 45, + "width": 174.828125, + "height": 28 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "20px 16px 24px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "24px", + "fontWeight": "400", + "color": "rgb(20, 20, 20)", + "lineHeight": "28.8px", + "letterSpacing": "-0.288px", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(20, 20, 20)" + } + }, + "content": { + "box": { + "x": 25, + "y": 89.796875, + "width": 318, + "height": 38.390625 + }, + "glyph": { + "x": 41, + "y": 92.796875, + "width": 279.84375, + "height": 16 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "0px 16px 16px", + "margin": "-8px 0px 0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(20, 20, 20)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(20, 20, 20)" + } + }, + "actions": null, + "button": null + }, + "image": { + "path": "tests/storybook/reference/ha-card/macos-arm64/light-header.png", + "sha256": "db799280e5c269f410c2fc80de365cc3c95be4b03d2b2b92f7dfee8071e0d7e6" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "raised", + "header": "Household tasks", + "raised": true + }, + "geometry": { + "host": { + "box": { + "x": 24, + "y": 24, + "width": 320, + "height": 103.1875 + }, + "glyph": null, + "style": { + "backgroundColor": "rgb(255, 255, 255)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "12px", + "boxShadow": "rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px", + "padding": "0px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(20, 20, 20)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(20, 20, 20)" + } + }, + "header": { + "box": { + "x": 24, + "y": 24, + "width": 320, + "height": 72.796875 + }, + "glyph": { + "x": 40, + "y": 44, + "width": 174.828125, + "height": 28 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "20px 16px 24px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "24px", + "fontWeight": "400", + "color": "rgb(20, 20, 20)", + "lineHeight": "28.8px", + "letterSpacing": "-0.288px", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(20, 20, 20)" + } + }, + "content": { + "box": { + "x": 24, + "y": 88.796875, + "width": 320, + "height": 38.390625 + }, + "glyph": { + "x": 40, + "y": 91.796875, + "width": 279.84375, + "height": 16 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "0px 16px 16px", + "margin": "-8px 0px 0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(20, 20, 20)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(20, 20, 20)" + } + }, + "actions": null, + "button": null + }, + "image": { + "path": "tests/storybook/reference/ha-card/macos-arm64/light-raised.png", + "sha256": "c7cb7edd1297d8ac47e033fb070c302712fc6093b2871ed6dac4b46468eb0039" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "actions", + "header": "Household tasks", + "actions": true + }, + "geometry": { + "host": { + "box": { + "x": 24, + "y": 24, + "width": 320, + "height": 162.1875 + }, + "glyph": null, + "style": { + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgba(0, 0, 0, 0.12)", + "borderRadius": "12px", + "boxShadow": "none", + "padding": "0px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(20, 20, 20)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "1px solid rgba(0, 0, 0, 0.12)" + } + }, + "header": { + "box": { + "x": 25, + "y": 25, + "width": 318, + "height": 72.796875 + }, + "glyph": { + "x": 41, + "y": 45, + "width": 174.828125, + "height": 28 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "20px 16px 24px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "24px", + "fontWeight": "400", + "color": "rgb(20, 20, 20)", + "lineHeight": "28.8px", + "letterSpacing": "-0.288px", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(20, 20, 20)" + } + }, + "content": { + "box": { + "x": 25, + "y": 89.796875, + "width": 318, + "height": 38.390625 + }, + "glyph": { + "x": 41, + "y": 92.796875, + "width": 279.84375, + "height": 16 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "0px 16px 16px", + "margin": "-8px 0px 0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(20, 20, 20)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(20, 20, 20)" + } + }, + "actions": { + "box": { + "x": 25, + "y": 128.1875, + "width": 318, + "height": 57 + }, + "glyph": null, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "8px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(20, 20, 20)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "1px solid rgba(0, 0, 0, 0.12)" + } + }, + "button": { + "box": { + "x": 33, + "y": 137.1875, + "width": 108.828125, + "height": 40 + }, + "glyph": null, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "padding": "0px 16px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "color": "rgb(0, 154, 199)", + "lineHeight": "14px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "center", + "borderTop": "1px solid rgba(0, 0, 0, 0)" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-card/macos-arm64/light-actions.png", + "sha256": "6135d174da90e93e0342855673a615b76cd64fe1ecd95dee27a1b4682f50d6e5" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "narrow", + "header": "Maintenance and supplies for the shared household", + "width": 180 + }, + "geometry": { + "host": { + "box": { + "x": 24, + "y": 24, + "width": 180, + "height": 236.359375 + }, + "glyph": null, + "style": { + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgba(0, 0, 0, 0.12)", + "borderRadius": "12px", + "boxShadow": "none", + "padding": "0px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(20, 20, 20)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "1px solid rgba(0, 0, 0, 0.12)" + } + }, + "header": { + "box": { + "x": 25, + "y": 25, + "width": 178, + "height": 159.1875 + }, + "glyph": { + "x": 41, + "y": 45, + "width": 144.5625, + "height": 114.390625 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "20px 16px 24px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "24px", + "fontWeight": "400", + "color": "rgb(20, 20, 20)", + "lineHeight": "28.8px", + "letterSpacing": "-0.288px", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(20, 20, 20)" + } + }, + "content": { + "box": { + "x": 25, + "y": 176.1875, + "width": 178, + "height": 83.171875 + }, + "glyph": { + "x": 41, + "y": 179.1875, + "width": 115.953125, + "height": 60.78125 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "0px 16px 16px", + "margin": "-8px 0px 0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(20, 20, 20)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(20, 20, 20)" + } + }, + "actions": null, + "button": null + }, + "image": { + "path": "tests/storybook/reference/ha-card/macos-arm64/light-narrow.png", + "sha256": "850bc131b74fdfed00638c4c9dad36bee2790d17734a41381a388539ce49d007" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "rtl", + "header": "مهام المنزل", + "dir": "rtl", + "copy": "راجع قائمة اللوازم." + }, + "geometry": { + "host": { + "box": { + "x": 24, + "y": 24, + "width": 320, + "height": 105.1875 + }, + "glyph": null, + "style": { + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgba(0, 0, 0, 0.12)", + "borderRadius": "12px", + "boxShadow": "none", + "padding": "0px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(20, 20, 20)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "rtl", + "textAlign": "start", + "borderTop": "1px solid rgba(0, 0, 0, 0.12)" + } + }, + "header": { + "box": { + "x": 25, + "y": 25, + "width": 318, + "height": 72.796875 + }, + "glyph": { + "x": 217.734375, + "y": 45, + "width": 109.265625, + "height": 28 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "20px 16px 24px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "24px", + "fontWeight": "400", + "color": "rgb(20, 20, 20)", + "lineHeight": "28.8px", + "letterSpacing": "-0.288px", + "direction": "rtl", + "textAlign": "start", + "borderTop": "0px none rgb(20, 20, 20)" + } + }, + "content": { + "box": { + "x": 25, + "y": 89.796875, + "width": 318, + "height": 38.390625 + }, + "glyph": { + "x": 231.109375, + "y": 92.796875, + "width": 95.890625, + "height": 16 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "0px 16px 16px", + "margin": "-8px 0px 0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(20, 20, 20)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "rtl", + "textAlign": "start", + "borderTop": "0px none rgb(20, 20, 20)" + } + }, + "actions": null, + "button": null + }, + "image": { + "path": "tests/storybook/reference/ha-card/macos-arm64/light-rtl.png", + "sha256": "1d0237e67474c19acab755eab6409cb20d3a4dac0e9104eaa382885d3ca7a912" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "theme", + "header": "Household tasks", + "custom": true + }, + "geometry": { + "host": { + "box": { + "x": 24, + "y": 24, + "width": 320, + "height": 107.1875 + }, + "glyph": null, + "style": { + "backgroundColor": "rgb(229, 229, 229)", + "border": "2px solid rgba(0, 0, 0, 0.12)", + "borderRadius": "4px", + "boxShadow": "none", + "padding": "0px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(20, 20, 20)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "2px solid rgba(0, 0, 0, 0.12)" + } + }, + "header": { + "box": { + "x": 26, + "y": 26, + "width": 316, + "height": 72.796875 + }, + "glyph": { + "x": 42, + "y": 46, + "width": 174.828125, + "height": 28 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "20px 16px 24px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "24px", + "fontWeight": "400", + "color": "rgb(20, 20, 20)", + "lineHeight": "28.8px", + "letterSpacing": "-0.288px", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(20, 20, 20)" + } + }, + "content": { + "box": { + "x": 26, + "y": 90.796875, + "width": 316, + "height": 38.390625 + }, + "glyph": { + "x": 42, + "y": 93.796875, + "width": 279.84375, + "height": 16 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "0px 16px 16px", + "margin": "-8px 0px 0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(20, 20, 20)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(20, 20, 20)" + } + }, + "actions": null, + "button": null + }, + "image": { + "path": "tests/storybook/reference/ha-card/macos-arm64/light-theme.png", + "sha256": "5f770c549ec248b55228d75a9c271f53328ca4e6ade82313294f119980034f01" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "empty", + "header": "Household tasks", + "empty": true + }, + "geometry": { + "host": { + "box": { + "x": 24, + "y": 24, + "width": 320, + "height": 74.796875 + }, + "glyph": null, + "style": { + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgba(0, 0, 0, 0.12)", + "borderRadius": "12px", + "boxShadow": "none", + "padding": "0px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(20, 20, 20)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "1px solid rgba(0, 0, 0, 0.12)" + } + }, + "header": { + "box": { + "x": 25, + "y": 25, + "width": 318, + "height": 72.796875 + }, + "glyph": { + "x": 41, + "y": 45, + "width": 174.828125, + "height": 28 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "20px 16px 24px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "24px", + "fontWeight": "400", + "color": "rgb(20, 20, 20)", + "lineHeight": "28.8px", + "letterSpacing": "-0.288px", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(20, 20, 20)" + } + }, + "content": null, + "actions": null, + "button": null + }, + "image": { + "path": "tests/storybook/reference/ha-card/macos-arm64/light-empty.png", + "sha256": "f5c954a03a9418dfe4b7f6a7fbc9aad3fa5bf709515e8b7124996dc4854a9591" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "content" + }, + "geometry": { + "host": { + "box": { + "x": 24, + "y": 24, + "width": 320, + "height": 56.390625 + }, + "glyph": null, + "style": { + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgba(225, 225, 225, 0.12)", + "borderRadius": "12px", + "boxShadow": "none", + "padding": "0px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(225, 225, 225)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "1px solid rgba(225, 225, 225, 0.12)" + } + }, + "header": null, + "content": { + "box": { + "x": 25, + "y": 25, + "width": 318, + "height": 54.390625 + }, + "glyph": { + "x": 41, + "y": 44, + "width": 279.84375, + "height": 16 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "16px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(225, 225, 225)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(225, 225, 225)" + } + }, + "actions": null, + "button": null + }, + "image": { + "path": "tests/storybook/reference/ha-card/macos-arm64/dark-content.png", + "sha256": "619939d59e4248efc21ec2e95e980b8fcd6bd8ef765bbe6c72d0fac646d7a1b4" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "header", + "header": "Household tasks" + }, + "geometry": { + "host": { + "box": { + "x": 24, + "y": 24, + "width": 320, + "height": 105.1875 + }, + "glyph": null, + "style": { + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgba(225, 225, 225, 0.12)", + "borderRadius": "12px", + "boxShadow": "none", + "padding": "0px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(225, 225, 225)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "1px solid rgba(225, 225, 225, 0.12)" + } + }, + "header": { + "box": { + "x": 25, + "y": 25, + "width": 318, + "height": 72.796875 + }, + "glyph": { + "x": 41, + "y": 45, + "width": 174.828125, + "height": 28 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "20px 16px 24px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "24px", + "fontWeight": "400", + "color": "rgb(225, 225, 225)", + "lineHeight": "28.8px", + "letterSpacing": "-0.288px", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(225, 225, 225)" + } + }, + "content": { + "box": { + "x": 25, + "y": 89.796875, + "width": 318, + "height": 38.390625 + }, + "glyph": { + "x": 41, + "y": 92.796875, + "width": 279.84375, + "height": 16 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "0px 16px 16px", + "margin": "-8px 0px 0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(225, 225, 225)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(225, 225, 225)" + } + }, + "actions": null, + "button": null + }, + "image": { + "path": "tests/storybook/reference/ha-card/macos-arm64/dark-header.png", + "sha256": "1bd7b71a37f9bb57cd8823a39158112ad1fe6be2779b06efa5c8bc0fb3dd9894" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "raised", + "header": "Household tasks", + "raised": true + }, + "geometry": { + "host": { + "box": { + "x": 24, + "y": 24, + "width": 320, + "height": 103.1875 + }, + "glyph": null, + "style": { + "backgroundColor": "rgb(28, 28, 28)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "12px", + "boxShadow": "rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px", + "padding": "0px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(225, 225, 225)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(225, 225, 225)" + } + }, + "header": { + "box": { + "x": 24, + "y": 24, + "width": 320, + "height": 72.796875 + }, + "glyph": { + "x": 40, + "y": 44, + "width": 174.828125, + "height": 28 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "20px 16px 24px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "24px", + "fontWeight": "400", + "color": "rgb(225, 225, 225)", + "lineHeight": "28.8px", + "letterSpacing": "-0.288px", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(225, 225, 225)" + } + }, + "content": { + "box": { + "x": 24, + "y": 88.796875, + "width": 320, + "height": 38.390625 + }, + "glyph": { + "x": 40, + "y": 91.796875, + "width": 279.84375, + "height": 16 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "0px 16px 16px", + "margin": "-8px 0px 0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(225, 225, 225)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(225, 225, 225)" + } + }, + "actions": null, + "button": null + }, + "image": { + "path": "tests/storybook/reference/ha-card/macos-arm64/dark-raised.png", + "sha256": "5169e2ca0edba2d5c9e938181484cca2bf5053203c94ad0f94488ce2c4814eac" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "actions", + "header": "Household tasks", + "actions": true + }, + "geometry": { + "host": { + "box": { + "x": 24, + "y": 24, + "width": 320, + "height": 162.1875 + }, + "glyph": null, + "style": { + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgba(225, 225, 225, 0.12)", + "borderRadius": "12px", + "boxShadow": "none", + "padding": "0px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(225, 225, 225)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "1px solid rgba(225, 225, 225, 0.12)" + } + }, + "header": { + "box": { + "x": 25, + "y": 25, + "width": 318, + "height": 72.796875 + }, + "glyph": { + "x": 41, + "y": 45, + "width": 174.828125, + "height": 28 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "20px 16px 24px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "24px", + "fontWeight": "400", + "color": "rgb(225, 225, 225)", + "lineHeight": "28.8px", + "letterSpacing": "-0.288px", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(225, 225, 225)" + } + }, + "content": { + "box": { + "x": 25, + "y": 89.796875, + "width": 318, + "height": 38.390625 + }, + "glyph": { + "x": 41, + "y": 92.796875, + "width": 279.84375, + "height": 16 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "0px 16px 16px", + "margin": "-8px 0px 0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(225, 225, 225)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(225, 225, 225)" + } + }, + "actions": { + "box": { + "x": 25, + "y": 128.1875, + "width": 318, + "height": 57 + }, + "glyph": null, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "8px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(225, 225, 225)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "1px solid rgba(225, 225, 225, 0.12)" + } + }, + "button": { + "box": { + "x": 33, + "y": 137.1875, + "width": 108.828125, + "height": 40 + }, + "glyph": null, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "padding": "0px 16px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "color": "rgb(55, 200, 253)", + "lineHeight": "14px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "center", + "borderTop": "1px solid rgba(0, 0, 0, 0)" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-card/macos-arm64/dark-actions.png", + "sha256": "b4a56b7f1b6811901ea13f5cc60e1ca3627066940e57301c0859df46d29c0a8c" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "narrow", + "header": "Maintenance and supplies for the shared household", + "width": 180 + }, + "geometry": { + "host": { + "box": { + "x": 24, + "y": 24, + "width": 180, + "height": 236.359375 + }, + "glyph": null, + "style": { + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgba(225, 225, 225, 0.12)", + "borderRadius": "12px", + "boxShadow": "none", + "padding": "0px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(225, 225, 225)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "1px solid rgba(225, 225, 225, 0.12)" + } + }, + "header": { + "box": { + "x": 25, + "y": 25, + "width": 178, + "height": 159.1875 + }, + "glyph": { + "x": 41, + "y": 45, + "width": 144.5625, + "height": 114.390625 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "20px 16px 24px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "24px", + "fontWeight": "400", + "color": "rgb(225, 225, 225)", + "lineHeight": "28.8px", + "letterSpacing": "-0.288px", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(225, 225, 225)" + } + }, + "content": { + "box": { + "x": 25, + "y": 176.1875, + "width": 178, + "height": 83.171875 + }, + "glyph": { + "x": 41, + "y": 179.1875, + "width": 115.953125, + "height": 60.78125 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "0px 16px 16px", + "margin": "-8px 0px 0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(225, 225, 225)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(225, 225, 225)" + } + }, + "actions": null, + "button": null + }, + "image": { + "path": "tests/storybook/reference/ha-card/macos-arm64/dark-narrow.png", + "sha256": "715c87957ad67992853cd8ae54aea2446907a7380db2b28987343e8cc133dd41" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "rtl", + "header": "مهام المنزل", + "dir": "rtl", + "copy": "راجع قائمة اللوازم." + }, + "geometry": { + "host": { + "box": { + "x": 24, + "y": 24, + "width": 320, + "height": 105.1875 + }, + "glyph": null, + "style": { + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgba(225, 225, 225, 0.12)", + "borderRadius": "12px", + "boxShadow": "none", + "padding": "0px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(225, 225, 225)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "rtl", + "textAlign": "start", + "borderTop": "1px solid rgba(225, 225, 225, 0.12)" + } + }, + "header": { + "box": { + "x": 25, + "y": 25, + "width": 318, + "height": 72.796875 + }, + "glyph": { + "x": 217.734375, + "y": 45, + "width": 109.265625, + "height": 28 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "20px 16px 24px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "24px", + "fontWeight": "400", + "color": "rgb(225, 225, 225)", + "lineHeight": "28.8px", + "letterSpacing": "-0.288px", + "direction": "rtl", + "textAlign": "start", + "borderTop": "0px none rgb(225, 225, 225)" + } + }, + "content": { + "box": { + "x": 25, + "y": 89.796875, + "width": 318, + "height": 38.390625 + }, + "glyph": { + "x": 231.109375, + "y": 92.796875, + "width": 95.890625, + "height": 16 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "0px 16px 16px", + "margin": "-8px 0px 0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(225, 225, 225)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "rtl", + "textAlign": "start", + "borderTop": "0px none rgb(225, 225, 225)" + } + }, + "actions": null, + "button": null + }, + "image": { + "path": "tests/storybook/reference/ha-card/macos-arm64/dark-rtl.png", + "sha256": "eff945984913970884d0d4a6f011d38d818d27f3b20b96fe9ace720ef7bfae15" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "theme", + "header": "Household tasks", + "custom": true + }, + "geometry": { + "host": { + "box": { + "x": 24, + "y": 24, + "width": 320, + "height": 107.1875 + }, + "glyph": null, + "style": { + "backgroundColor": "rgb(40, 40, 40)", + "border": "2px solid rgba(225, 225, 225, 0.12)", + "borderRadius": "4px", + "boxShadow": "none", + "padding": "0px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(225, 225, 225)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "2px solid rgba(225, 225, 225, 0.12)" + } + }, + "header": { + "box": { + "x": 26, + "y": 26, + "width": 316, + "height": 72.796875 + }, + "glyph": { + "x": 42, + "y": 46, + "width": 174.828125, + "height": 28 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "20px 16px 24px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "24px", + "fontWeight": "400", + "color": "rgb(225, 225, 225)", + "lineHeight": "28.8px", + "letterSpacing": "-0.288px", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(225, 225, 225)" + } + }, + "content": { + "box": { + "x": 26, + "y": 90.796875, + "width": 316, + "height": 38.390625 + }, + "glyph": { + "x": 42, + "y": 93.796875, + "width": 279.84375, + "height": 16 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "0px 16px 16px", + "margin": "-8px 0px 0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(225, 225, 225)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(225, 225, 225)" + } + }, + "actions": null, + "button": null + }, + "image": { + "path": "tests/storybook/reference/ha-card/macos-arm64/dark-theme.png", + "sha256": "d385ad16dca3a597c3b20b6dcca9a1a56117243ca6a4d574475d2610fa707dd3" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "empty", + "header": "Household tasks", + "empty": true + }, + "geometry": { + "host": { + "box": { + "x": 24, + "y": 24, + "width": 320, + "height": 74.796875 + }, + "glyph": null, + "style": { + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgba(225, 225, 225, 0.12)", + "borderRadius": "12px", + "boxShadow": "none", + "padding": "0px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(225, 225, 225)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "1px solid rgba(225, 225, 225, 0.12)" + } + }, + "header": { + "box": { + "x": 25, + "y": 25, + "width": 318, + "height": 72.796875 + }, + "glyph": { + "x": 41, + "y": 45, + "width": 174.828125, + "height": 28 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "20px 16px 24px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "24px", + "fontWeight": "400", + "color": "rgb(225, 225, 225)", + "lineHeight": "28.8px", + "letterSpacing": "-0.288px", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(225, 225, 225)" + } + }, + "content": null, + "actions": null, + "button": null + }, + "image": { + "path": "tests/storybook/reference/ha-card/macos-arm64/dark-empty.png", + "sha256": "a8ddf116fbce4c085dd45acdd1443cf3ff14813182c6953438a56d439c76f90c" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "content" + }, + "geometry": { + "host": { + "box": { + "x": 24, + "y": 24, + "width": 320, + "height": 56.390625 + }, + "glyph": null, + "style": { + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgba(0, 0, 0, 0.12)", + "borderRadius": "12px", + "boxShadow": "none", + "padding": "0px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(20, 20, 20)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "1px solid rgba(0, 0, 0, 0.12)" + } + }, + "header": null, + "content": { + "box": { + "x": 25, + "y": 25, + "width": 318, + "height": 54.390625 + }, + "glyph": { + "x": 41, + "y": 44, + "width": 277, + "height": 16 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "16px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(20, 20, 20)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(20, 20, 20)" + } + }, + "actions": null, + "button": null + }, + "image": { + "path": "tests/storybook/reference/ha-card/linux-arm64/light-content.png", + "sha256": "178df165e8584c204509cfd6e362655d728ad3416cc775b9f3a56fc109c3c4e8" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "header", + "header": "Household tasks" + }, + "geometry": { + "host": { + "box": { + "x": 24, + "y": 24, + "width": 320, + "height": 105.1875 + }, + "glyph": null, + "style": { + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgba(0, 0, 0, 0.12)", + "borderRadius": "12px", + "boxShadow": "none", + "padding": "0px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(20, 20, 20)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "1px solid rgba(0, 0, 0, 0.12)" + } + }, + "header": { + "box": { + "x": 25, + "y": 25, + "width": 318, + "height": 72.796875 + }, + "glyph": { + "x": 41, + "y": 45, + "width": 174.6875, + "height": 28 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "20px 16px 24px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "24px", + "fontWeight": "400", + "color": "rgb(20, 20, 20)", + "lineHeight": "28.8px", + "letterSpacing": "-0.288px", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(20, 20, 20)" + } + }, + "content": { + "box": { + "x": 25, + "y": 89.796875, + "width": 318, + "height": 38.390625 + }, + "glyph": { + "x": 41, + "y": 92.796875, + "width": 277, + "height": 16 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "0px 16px 16px", + "margin": "-8px 0px 0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(20, 20, 20)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(20, 20, 20)" + } + }, + "actions": null, + "button": null + }, + "image": { + "path": "tests/storybook/reference/ha-card/linux-arm64/light-header.png", + "sha256": "f03a16231f206ddde644207cee9cf851be6e154a53aded369b9d3441e4881b4a" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "raised", + "header": "Household tasks", + "raised": true + }, + "geometry": { + "host": { + "box": { + "x": 24, + "y": 24, + "width": 320, + "height": 103.1875 + }, + "glyph": null, + "style": { + "backgroundColor": "rgb(255, 255, 255)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "12px", + "boxShadow": "rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px", + "padding": "0px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(20, 20, 20)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(20, 20, 20)" + } + }, + "header": { + "box": { + "x": 24, + "y": 24, + "width": 320, + "height": 72.796875 + }, + "glyph": { + "x": 40, + "y": 44, + "width": 174.6875, + "height": 28 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "20px 16px 24px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "24px", + "fontWeight": "400", + "color": "rgb(20, 20, 20)", + "lineHeight": "28.8px", + "letterSpacing": "-0.288px", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(20, 20, 20)" + } + }, + "content": { + "box": { + "x": 24, + "y": 88.796875, + "width": 320, + "height": 38.390625 + }, + "glyph": { + "x": 40, + "y": 91.796875, + "width": 277, + "height": 16 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "0px 16px 16px", + "margin": "-8px 0px 0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(20, 20, 20)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(20, 20, 20)" + } + }, + "actions": null, + "button": null + }, + "image": { + "path": "tests/storybook/reference/ha-card/linux-arm64/light-raised.png", + "sha256": "7067ca284476dc9d9a21ad13e018fe7e337b931e3d1530951cb786623dfae73f" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "actions", + "header": "Household tasks", + "actions": true + }, + "geometry": { + "host": { + "box": { + "x": 24, + "y": 24, + "width": 320, + "height": 162.1875 + }, + "glyph": null, + "style": { + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgba(0, 0, 0, 0.12)", + "borderRadius": "12px", + "boxShadow": "none", + "padding": "0px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(20, 20, 20)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "1px solid rgba(0, 0, 0, 0.12)" + } + }, + "header": { + "box": { + "x": 25, + "y": 25, + "width": 318, + "height": 72.796875 + }, + "glyph": { + "x": 41, + "y": 45, + "width": 174.6875, + "height": 28 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "20px 16px 24px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "24px", + "fontWeight": "400", + "color": "rgb(20, 20, 20)", + "lineHeight": "28.8px", + "letterSpacing": "-0.288px", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(20, 20, 20)" + } + }, + "content": { + "box": { + "x": 25, + "y": 89.796875, + "width": 318, + "height": 38.390625 + }, + "glyph": { + "x": 41, + "y": 92.796875, + "width": 277, + "height": 16 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "0px 16px 16px", + "margin": "-8px 0px 0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(20, 20, 20)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(20, 20, 20)" + } + }, + "actions": { + "box": { + "x": 25, + "y": 128.1875, + "width": 318, + "height": 57 + }, + "glyph": null, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "8px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(20, 20, 20)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "1px solid rgba(0, 0, 0, 0.12)" + } + }, + "button": { + "box": { + "x": 33, + "y": 137.1875, + "width": 110, + "height": 40 + }, + "glyph": null, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "padding": "0px 16px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "color": "rgb(0, 154, 199)", + "lineHeight": "14px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "center", + "borderTop": "1px solid rgba(0, 0, 0, 0)" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-card/linux-arm64/light-actions.png", + "sha256": "17aaeedb57af4006d99f1b70dc1b3775f3b807a7221b731f5159014a12cb6dc7" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "narrow", + "header": "Maintenance and supplies for the shared household", + "width": 180 + }, + "geometry": { + "host": { + "box": { + "x": 24, + "y": 24, + "width": 180, + "height": 236.359375 + }, + "glyph": null, + "style": { + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgba(0, 0, 0, 0.12)", + "borderRadius": "12px", + "boxShadow": "none", + "padding": "0px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(20, 20, 20)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "1px solid rgba(0, 0, 0, 0.12)" + } + }, + "header": { + "box": { + "x": 25, + "y": 25, + "width": 178, + "height": 159.1875 + }, + "glyph": { + "x": 41, + "y": 45, + "width": 144.96875, + "height": 114.390625 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "20px 16px 24px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "24px", + "fontWeight": "400", + "color": "rgb(20, 20, 20)", + "lineHeight": "28.8px", + "letterSpacing": "-0.288px", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(20, 20, 20)" + } + }, + "content": { + "box": { + "x": 25, + "y": 176.1875, + "width": 178, + "height": 83.171875 + }, + "glyph": { + "x": 41, + "y": 179.1875, + "width": 115, + "height": 60.78125 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "0px 16px 16px", + "margin": "-8px 0px 0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(20, 20, 20)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(20, 20, 20)" + } + }, + "actions": null, + "button": null + }, + "image": { + "path": "tests/storybook/reference/ha-card/linux-arm64/light-narrow.png", + "sha256": "9881a96454306113f4ee41fa72002be0788490eb8c5091404a2147fa91c8b048" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "rtl", + "header": "مهام المنزل", + "dir": "rtl", + "copy": "راجع قائمة اللوازم." + }, + "geometry": { + "host": { + "box": { + "x": 24, + "y": 24, + "width": 320, + "height": 105.1875 + }, + "glyph": null, + "style": { + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgba(0, 0, 0, 0.12)", + "borderRadius": "12px", + "boxShadow": "none", + "padding": "0px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(20, 20, 20)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "rtl", + "textAlign": "start", + "borderTop": "1px solid rgba(0, 0, 0, 0.12)" + } + }, + "header": { + "box": { + "x": 25, + "y": 25, + "width": 318, + "height": 72.796875 + }, + "glyph": { + "x": 216.28125, + "y": 45, + "width": 110.71875, + "height": 28 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "20px 16px 24px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "24px", + "fontWeight": "400", + "color": "rgb(20, 20, 20)", + "lineHeight": "28.8px", + "letterSpacing": "-0.288px", + "direction": "rtl", + "textAlign": "start", + "borderTop": "0px none rgb(20, 20, 20)" + } + }, + "content": { + "box": { + "x": 25, + "y": 89.796875, + "width": 318, + "height": 38.390625 + }, + "glyph": { + "x": 233, + "y": 92.796875, + "width": 94, + "height": 16 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "0px 16px 16px", + "margin": "-8px 0px 0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(20, 20, 20)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "rtl", + "textAlign": "start", + "borderTop": "0px none rgb(20, 20, 20)" + } + }, + "actions": null, + "button": null + }, + "image": { + "path": "tests/storybook/reference/ha-card/linux-arm64/light-rtl.png", + "sha256": "aff4927c99493fd77bc0257e3005af9e464e5cc118ddbe0540adf52e52938c64" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "theme", + "header": "Household tasks", + "custom": true + }, + "geometry": { + "host": { + "box": { + "x": 24, + "y": 24, + "width": 320, + "height": 107.1875 + }, + "glyph": null, + "style": { + "backgroundColor": "rgb(229, 229, 229)", + "border": "2px solid rgba(0, 0, 0, 0.12)", + "borderRadius": "4px", + "boxShadow": "none", + "padding": "0px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(20, 20, 20)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "2px solid rgba(0, 0, 0, 0.12)" + } + }, + "header": { + "box": { + "x": 26, + "y": 26, + "width": 316, + "height": 72.796875 + }, + "glyph": { + "x": 42, + "y": 46, + "width": 174.6875, + "height": 28 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "20px 16px 24px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "24px", + "fontWeight": "400", + "color": "rgb(20, 20, 20)", + "lineHeight": "28.8px", + "letterSpacing": "-0.288px", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(20, 20, 20)" + } + }, + "content": { + "box": { + "x": 26, + "y": 90.796875, + "width": 316, + "height": 38.390625 + }, + "glyph": { + "x": 42, + "y": 93.796875, + "width": 277, + "height": 16 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "0px 16px 16px", + "margin": "-8px 0px 0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(20, 20, 20)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(20, 20, 20)" + } + }, + "actions": null, + "button": null + }, + "image": { + "path": "tests/storybook/reference/ha-card/linux-arm64/light-theme.png", + "sha256": "0b972c2333960474897209a4713bf2922a4f133c5d9613a6ee1e6ea415b61e32" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "empty", + "header": "Household tasks", + "empty": true + }, + "geometry": { + "host": { + "box": { + "x": 24, + "y": 24, + "width": 320, + "height": 74.796875 + }, + "glyph": null, + "style": { + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgba(0, 0, 0, 0.12)", + "borderRadius": "12px", + "boxShadow": "none", + "padding": "0px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(20, 20, 20)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "1px solid rgba(0, 0, 0, 0.12)" + } + }, + "header": { + "box": { + "x": 25, + "y": 25, + "width": 318, + "height": 72.796875 + }, + "glyph": { + "x": 41, + "y": 45, + "width": 174.6875, + "height": 28 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "20px 16px 24px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "24px", + "fontWeight": "400", + "color": "rgb(20, 20, 20)", + "lineHeight": "28.8px", + "letterSpacing": "-0.288px", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(20, 20, 20)" + } + }, + "content": null, + "actions": null, + "button": null + }, + "image": { + "path": "tests/storybook/reference/ha-card/linux-arm64/light-empty.png", + "sha256": "19cc5593a545e4bca7a1e17dbaaba7a553a9150664d659fd9629efe0ab626a5e" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "content" + }, + "geometry": { + "host": { + "box": { + "x": 24, + "y": 24, + "width": 320, + "height": 56.390625 + }, + "glyph": null, + "style": { + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgba(225, 225, 225, 0.12)", + "borderRadius": "12px", + "boxShadow": "none", + "padding": "0px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(225, 225, 225)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "1px solid rgba(225, 225, 225, 0.12)" + } + }, + "header": null, + "content": { + "box": { + "x": 25, + "y": 25, + "width": 318, + "height": 54.390625 + }, + "glyph": { + "x": 41, + "y": 44, + "width": 277, + "height": 16 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "16px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(225, 225, 225)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(225, 225, 225)" + } + }, + "actions": null, + "button": null + }, + "image": { + "path": "tests/storybook/reference/ha-card/linux-arm64/dark-content.png", + "sha256": "99668fd48c639b76baccf23904a2a8b6a2fbfdab0eb60de0a20f42c2f642ca82" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "header", + "header": "Household tasks" + }, + "geometry": { + "host": { + "box": { + "x": 24, + "y": 24, + "width": 320, + "height": 105.1875 + }, + "glyph": null, + "style": { + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgba(225, 225, 225, 0.12)", + "borderRadius": "12px", + "boxShadow": "none", + "padding": "0px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(225, 225, 225)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "1px solid rgba(225, 225, 225, 0.12)" + } + }, + "header": { + "box": { + "x": 25, + "y": 25, + "width": 318, + "height": 72.796875 + }, + "glyph": { + "x": 41, + "y": 45, + "width": 174.6875, + "height": 28 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "20px 16px 24px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "24px", + "fontWeight": "400", + "color": "rgb(225, 225, 225)", + "lineHeight": "28.8px", + "letterSpacing": "-0.288px", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(225, 225, 225)" + } + }, + "content": { + "box": { + "x": 25, + "y": 89.796875, + "width": 318, + "height": 38.390625 + }, + "glyph": { + "x": 41, + "y": 92.796875, + "width": 277, + "height": 16 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "0px 16px 16px", + "margin": "-8px 0px 0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(225, 225, 225)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(225, 225, 225)" + } + }, + "actions": null, + "button": null + }, + "image": { + "path": "tests/storybook/reference/ha-card/linux-arm64/dark-header.png", + "sha256": "f46e0dfc935c915afdd66714b4327c8b7e35c2b96ff54c23974f967edafac915" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "raised", + "header": "Household tasks", + "raised": true + }, + "geometry": { + "host": { + "box": { + "x": 24, + "y": 24, + "width": 320, + "height": 103.1875 + }, + "glyph": null, + "style": { + "backgroundColor": "rgb(28, 28, 28)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "12px", + "boxShadow": "rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px", + "padding": "0px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(225, 225, 225)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(225, 225, 225)" + } + }, + "header": { + "box": { + "x": 24, + "y": 24, + "width": 320, + "height": 72.796875 + }, + "glyph": { + "x": 40, + "y": 44, + "width": 174.6875, + "height": 28 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "20px 16px 24px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "24px", + "fontWeight": "400", + "color": "rgb(225, 225, 225)", + "lineHeight": "28.8px", + "letterSpacing": "-0.288px", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(225, 225, 225)" + } + }, + "content": { + "box": { + "x": 24, + "y": 88.796875, + "width": 320, + "height": 38.390625 + }, + "glyph": { + "x": 40, + "y": 91.796875, + "width": 277, + "height": 16 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "0px 16px 16px", + "margin": "-8px 0px 0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(225, 225, 225)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(225, 225, 225)" + } + }, + "actions": null, + "button": null + }, + "image": { + "path": "tests/storybook/reference/ha-card/linux-arm64/dark-raised.png", + "sha256": "bf7d1d1cf36ecb7c08414b9b0cfc900badec2f86e3a994878760cbb9df72bf54" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "actions", + "header": "Household tasks", + "actions": true + }, + "geometry": { + "host": { + "box": { + "x": 24, + "y": 24, + "width": 320, + "height": 162.1875 + }, + "glyph": null, + "style": { + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgba(225, 225, 225, 0.12)", + "borderRadius": "12px", + "boxShadow": "none", + "padding": "0px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(225, 225, 225)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "1px solid rgba(225, 225, 225, 0.12)" + } + }, + "header": { + "box": { + "x": 25, + "y": 25, + "width": 318, + "height": 72.796875 + }, + "glyph": { + "x": 41, + "y": 45, + "width": 174.6875, + "height": 28 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "20px 16px 24px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "24px", + "fontWeight": "400", + "color": "rgb(225, 225, 225)", + "lineHeight": "28.8px", + "letterSpacing": "-0.288px", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(225, 225, 225)" + } + }, + "content": { + "box": { + "x": 25, + "y": 89.796875, + "width": 318, + "height": 38.390625 + }, + "glyph": { + "x": 41, + "y": 92.796875, + "width": 277, + "height": 16 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "0px 16px 16px", + "margin": "-8px 0px 0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(225, 225, 225)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(225, 225, 225)" + } + }, + "actions": { + "box": { + "x": 25, + "y": 128.1875, + "width": 318, + "height": 57 + }, + "glyph": null, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "8px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(225, 225, 225)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "1px solid rgba(225, 225, 225, 0.12)" + } + }, + "button": { + "box": { + "x": 33, + "y": 137.1875, + "width": 110, + "height": 40 + }, + "glyph": null, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "padding": "0px 16px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "color": "rgb(55, 200, 253)", + "lineHeight": "14px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "center", + "borderTop": "1px solid rgba(0, 0, 0, 0)" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-card/linux-arm64/dark-actions.png", + "sha256": "bb691c5caa87f0b243ba71c769209449a72b1ca62292ce3d7442ba37293eebb5" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "narrow", + "header": "Maintenance and supplies for the shared household", + "width": 180 + }, + "geometry": { + "host": { + "box": { + "x": 24, + "y": 24, + "width": 180, + "height": 236.359375 + }, + "glyph": null, + "style": { + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgba(225, 225, 225, 0.12)", + "borderRadius": "12px", + "boxShadow": "none", + "padding": "0px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(225, 225, 225)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "1px solid rgba(225, 225, 225, 0.12)" + } + }, + "header": { + "box": { + "x": 25, + "y": 25, + "width": 178, + "height": 159.1875 + }, + "glyph": { + "x": 41, + "y": 45, + "width": 144.96875, + "height": 114.390625 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "20px 16px 24px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "24px", + "fontWeight": "400", + "color": "rgb(225, 225, 225)", + "lineHeight": "28.8px", + "letterSpacing": "-0.288px", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(225, 225, 225)" + } + }, + "content": { + "box": { + "x": 25, + "y": 176.1875, + "width": 178, + "height": 83.171875 + }, + "glyph": { + "x": 41, + "y": 179.1875, + "width": 115, + "height": 60.78125 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "0px 16px 16px", + "margin": "-8px 0px 0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(225, 225, 225)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(225, 225, 225)" + } + }, + "actions": null, + "button": null + }, + "image": { + "path": "tests/storybook/reference/ha-card/linux-arm64/dark-narrow.png", + "sha256": "dabb6e5f593e86f3f8982591413318e6c9c14f744b2513cd55b5013f713b58b2" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "rtl", + "header": "مهام المنزل", + "dir": "rtl", + "copy": "راجع قائمة اللوازم." + }, + "geometry": { + "host": { + "box": { + "x": 24, + "y": 24, + "width": 320, + "height": 105.1875 + }, + "glyph": null, + "style": { + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgba(225, 225, 225, 0.12)", + "borderRadius": "12px", + "boxShadow": "none", + "padding": "0px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(225, 225, 225)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "rtl", + "textAlign": "start", + "borderTop": "1px solid rgba(225, 225, 225, 0.12)" + } + }, + "header": { + "box": { + "x": 25, + "y": 25, + "width": 318, + "height": 72.796875 + }, + "glyph": { + "x": 216.28125, + "y": 45, + "width": 110.71875, + "height": 28 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "20px 16px 24px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "24px", + "fontWeight": "400", + "color": "rgb(225, 225, 225)", + "lineHeight": "28.8px", + "letterSpacing": "-0.288px", + "direction": "rtl", + "textAlign": "start", + "borderTop": "0px none rgb(225, 225, 225)" + } + }, + "content": { + "box": { + "x": 25, + "y": 89.796875, + "width": 318, + "height": 38.390625 + }, + "glyph": { + "x": 233, + "y": 92.796875, + "width": 94, + "height": 16 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "0px 16px 16px", + "margin": "-8px 0px 0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(225, 225, 225)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "rtl", + "textAlign": "start", + "borderTop": "0px none rgb(225, 225, 225)" + } + }, + "actions": null, + "button": null + }, + "image": { + "path": "tests/storybook/reference/ha-card/linux-arm64/dark-rtl.png", + "sha256": "1d3c98432c8ae625850c6dd73bd27a54b61de6e6514be7b5d40399ad92ff8fd3" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "theme", + "header": "Household tasks", + "custom": true + }, + "geometry": { + "host": { + "box": { + "x": 24, + "y": 24, + "width": 320, + "height": 107.1875 + }, + "glyph": null, + "style": { + "backgroundColor": "rgb(40, 40, 40)", + "border": "2px solid rgba(225, 225, 225, 0.12)", + "borderRadius": "4px", + "boxShadow": "none", + "padding": "0px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(225, 225, 225)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "2px solid rgba(225, 225, 225, 0.12)" + } + }, + "header": { + "box": { + "x": 26, + "y": 26, + "width": 316, + "height": 72.796875 + }, + "glyph": { + "x": 42, + "y": 46, + "width": 174.6875, + "height": 28 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "20px 16px 24px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "24px", + "fontWeight": "400", + "color": "rgb(225, 225, 225)", + "lineHeight": "28.8px", + "letterSpacing": "-0.288px", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(225, 225, 225)" + } + }, + "content": { + "box": { + "x": 26, + "y": 90.796875, + "width": 316, + "height": 38.390625 + }, + "glyph": { + "x": 42, + "y": 93.796875, + "width": 277, + "height": 16 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "0px 16px 16px", + "margin": "-8px 0px 0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(225, 225, 225)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(225, 225, 225)" + } + }, + "actions": null, + "button": null + }, + "image": { + "path": "tests/storybook/reference/ha-card/linux-arm64/dark-theme.png", + "sha256": "d34b743ac8bb9f03928a8bb703c4baf47be9791ba1e4e1216c1722017b3e70cf" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "empty", + "header": "Household tasks", + "empty": true + }, + "geometry": { + "host": { + "box": { + "x": 24, + "y": 24, + "width": 320, + "height": 74.796875 + }, + "glyph": null, + "style": { + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgba(225, 225, 225, 0.12)", + "borderRadius": "12px", + "boxShadow": "none", + "padding": "0px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(225, 225, 225)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "1px solid rgba(225, 225, 225, 0.12)" + } + }, + "header": { + "box": { + "x": 25, + "y": 25, + "width": 318, + "height": 72.796875 + }, + "glyph": { + "x": 41, + "y": 45, + "width": 174.6875, + "height": 28 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "20px 16px 24px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "24px", + "fontWeight": "400", + "color": "rgb(225, 225, 225)", + "lineHeight": "28.8px", + "letterSpacing": "-0.288px", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(225, 225, 225)" + } + }, + "content": null, + "actions": null, + "button": null + }, + "image": { + "path": "tests/storybook/reference/ha-card/linux-arm64/dark-empty.png", + "sha256": "237af17c0dccda88c2456201c01ac35b70fb92dd65b82cd446d2883f7ff95bf0" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "config": { + "name": "content" + }, + "geometry": { + "host": { + "box": { + "x": 24, + "y": 24, + "width": 320, + "height": 56.390625 + }, + "glyph": null, + "style": { + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgba(0, 0, 0, 0.12)", + "borderRadius": "12px", + "boxShadow": "none", + "padding": "0px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(20, 20, 20)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "1px solid rgba(0, 0, 0, 0.12)" + } + }, + "header": null, + "content": { + "box": { + "x": 25, + "y": 25, + "width": 318, + "height": 54.390625 + }, + "glyph": { + "x": 41, + "y": 44, + "width": 277, + "height": 16 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "16px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(20, 20, 20)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(20, 20, 20)" + } + }, + "actions": null, + "button": null + }, + "image": { + "path": "tests/storybook/reference/ha-card/linux-arm64/light-content.png", + "sha256": "178df165e8584c204509cfd6e362655d728ad3416cc775b9f3a56fc109c3c4e8" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "config": { + "name": "header", + "header": "Household tasks" + }, + "geometry": { + "host": { + "box": { + "x": 24, + "y": 24, + "width": 320, + "height": 105.1875 + }, + "glyph": null, + "style": { + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgba(0, 0, 0, 0.12)", + "borderRadius": "12px", + "boxShadow": "none", + "padding": "0px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(20, 20, 20)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "1px solid rgba(0, 0, 0, 0.12)" + } + }, + "header": { + "box": { + "x": 25, + "y": 25, + "width": 318, + "height": 72.796875 + }, + "glyph": { + "x": 41, + "y": 45, + "width": 174.6875, + "height": 28 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "20px 16px 24px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "24px", + "fontWeight": "400", + "color": "rgb(20, 20, 20)", + "lineHeight": "28.8px", + "letterSpacing": "-0.288px", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(20, 20, 20)" + } + }, + "content": { + "box": { + "x": 25, + "y": 89.796875, + "width": 318, + "height": 38.390625 + }, + "glyph": { + "x": 41, + "y": 92.796875, + "width": 277, + "height": 16 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "0px 16px 16px", + "margin": "-8px 0px 0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(20, 20, 20)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(20, 20, 20)" + } + }, + "actions": null, + "button": null + }, + "image": { + "path": "tests/storybook/reference/ha-card/linux-arm64/light-header.png", + "sha256": "f03a16231f206ddde644207cee9cf851be6e154a53aded369b9d3441e4881b4a" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "config": { + "name": "raised", + "header": "Household tasks", + "raised": true + }, + "geometry": { + "host": { + "box": { + "x": 24, + "y": 24, + "width": 320, + "height": 103.1875 + }, + "glyph": null, + "style": { + "backgroundColor": "rgb(255, 255, 255)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "12px", + "boxShadow": "rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px", + "padding": "0px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(20, 20, 20)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(20, 20, 20)" + } + }, + "header": { + "box": { + "x": 24, + "y": 24, + "width": 320, + "height": 72.796875 + }, + "glyph": { + "x": 40, + "y": 44, + "width": 174.6875, + "height": 28 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "20px 16px 24px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "24px", + "fontWeight": "400", + "color": "rgb(20, 20, 20)", + "lineHeight": "28.8px", + "letterSpacing": "-0.288px", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(20, 20, 20)" + } + }, + "content": { + "box": { + "x": 24, + "y": 88.796875, + "width": 320, + "height": 38.390625 + }, + "glyph": { + "x": 40, + "y": 91.796875, + "width": 277, + "height": 16 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "0px 16px 16px", + "margin": "-8px 0px 0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(20, 20, 20)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(20, 20, 20)" + } + }, + "actions": null, + "button": null + }, + "image": { + "path": "tests/storybook/reference/ha-card/linux-arm64/light-raised.png", + "sha256": "7067ca284476dc9d9a21ad13e018fe7e337b931e3d1530951cb786623dfae73f" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "config": { + "name": "actions", + "header": "Household tasks", + "actions": true + }, + "geometry": { + "host": { + "box": { + "x": 24, + "y": 24, + "width": 320, + "height": 162.1875 + }, + "glyph": null, + "style": { + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgba(0, 0, 0, 0.12)", + "borderRadius": "12px", + "boxShadow": "none", + "padding": "0px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(20, 20, 20)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "1px solid rgba(0, 0, 0, 0.12)" + } + }, + "header": { + "box": { + "x": 25, + "y": 25, + "width": 318, + "height": 72.796875 + }, + "glyph": { + "x": 41, + "y": 45, + "width": 174.6875, + "height": 28 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "20px 16px 24px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "24px", + "fontWeight": "400", + "color": "rgb(20, 20, 20)", + "lineHeight": "28.8px", + "letterSpacing": "-0.288px", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(20, 20, 20)" + } + }, + "content": { + "box": { + "x": 25, + "y": 89.796875, + "width": 318, + "height": 38.390625 + }, + "glyph": { + "x": 41, + "y": 92.796875, + "width": 277, + "height": 16 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "0px 16px 16px", + "margin": "-8px 0px 0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(20, 20, 20)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(20, 20, 20)" + } + }, + "actions": { + "box": { + "x": 25, + "y": 128.1875, + "width": 318, + "height": 57 + }, + "glyph": null, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "8px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(20, 20, 20)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "1px solid rgba(0, 0, 0, 0.12)" + } + }, + "button": { + "box": { + "x": 33, + "y": 137.1875, + "width": 110, + "height": 40 + }, + "glyph": null, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "padding": "0px 16px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "color": "rgb(0, 154, 199)", + "lineHeight": "14px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "center", + "borderTop": "1px solid rgba(0, 0, 0, 0)" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-card/linux-arm64/light-actions.png", + "sha256": "17aaeedb57af4006d99f1b70dc1b3775f3b807a7221b731f5159014a12cb6dc7" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "config": { + "name": "narrow", + "header": "Maintenance and supplies for the shared household", + "width": 180 + }, + "geometry": { + "host": { + "box": { + "x": 24, + "y": 24, + "width": 180, + "height": 236.359375 + }, + "glyph": null, + "style": { + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgba(0, 0, 0, 0.12)", + "borderRadius": "12px", + "boxShadow": "none", + "padding": "0px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(20, 20, 20)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "1px solid rgba(0, 0, 0, 0.12)" + } + }, + "header": { + "box": { + "x": 25, + "y": 25, + "width": 178, + "height": 159.1875 + }, + "glyph": { + "x": 41, + "y": 45, + "width": 144.96875, + "height": 114.390625 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "20px 16px 24px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "24px", + "fontWeight": "400", + "color": "rgb(20, 20, 20)", + "lineHeight": "28.8px", + "letterSpacing": "-0.288px", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(20, 20, 20)" + } + }, + "content": { + "box": { + "x": 25, + "y": 176.1875, + "width": 178, + "height": 83.171875 + }, + "glyph": { + "x": 41, + "y": 179.1875, + "width": 115, + "height": 60.78125 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "0px 16px 16px", + "margin": "-8px 0px 0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(20, 20, 20)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(20, 20, 20)" + } + }, + "actions": null, + "button": null + }, + "image": { + "path": "tests/storybook/reference/ha-card/linux-arm64/light-narrow.png", + "sha256": "9881a96454306113f4ee41fa72002be0788490eb8c5091404a2147fa91c8b048" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "config": { + "name": "rtl", + "header": "مهام المنزل", + "dir": "rtl", + "copy": "راجع قائمة اللوازم." + }, + "geometry": { + "host": { + "box": { + "x": 24, + "y": 24, + "width": 320, + "height": 105.1875 + }, + "glyph": null, + "style": { + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgba(0, 0, 0, 0.12)", + "borderRadius": "12px", + "boxShadow": "none", + "padding": "0px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(20, 20, 20)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "rtl", + "textAlign": "start", + "borderTop": "1px solid rgba(0, 0, 0, 0.12)" + } + }, + "header": { + "box": { + "x": 25, + "y": 25, + "width": 318, + "height": 72.796875 + }, + "glyph": { + "x": 216.28125, + "y": 45, + "width": 110.71875, + "height": 28 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "20px 16px 24px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "24px", + "fontWeight": "400", + "color": "rgb(20, 20, 20)", + "lineHeight": "28.8px", + "letterSpacing": "-0.288px", + "direction": "rtl", + "textAlign": "start", + "borderTop": "0px none rgb(20, 20, 20)" + } + }, + "content": { + "box": { + "x": 25, + "y": 89.796875, + "width": 318, + "height": 38.390625 + }, + "glyph": { + "x": 233, + "y": 92.796875, + "width": 94, + "height": 16 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "0px 16px 16px", + "margin": "-8px 0px 0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(20, 20, 20)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "rtl", + "textAlign": "start", + "borderTop": "0px none rgb(20, 20, 20)" + } + }, + "actions": null, + "button": null + }, + "image": { + "path": "tests/storybook/reference/ha-card/linux-arm64/light-rtl.png", + "sha256": "aff4927c99493fd77bc0257e3005af9e464e5cc118ddbe0540adf52e52938c64" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "config": { + "name": "theme", + "header": "Household tasks", + "custom": true + }, + "geometry": { + "host": { + "box": { + "x": 24, + "y": 24, + "width": 320, + "height": 107.1875 + }, + "glyph": null, + "style": { + "backgroundColor": "rgb(229, 229, 229)", + "border": "2px solid rgba(0, 0, 0, 0.12)", + "borderRadius": "4px", + "boxShadow": "none", + "padding": "0px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(20, 20, 20)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "2px solid rgba(0, 0, 0, 0.12)" + } + }, + "header": { + "box": { + "x": 26, + "y": 26, + "width": 316, + "height": 72.796875 + }, + "glyph": { + "x": 42, + "y": 46, + "width": 174.6875, + "height": 28 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "20px 16px 24px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "24px", + "fontWeight": "400", + "color": "rgb(20, 20, 20)", + "lineHeight": "28.8px", + "letterSpacing": "-0.288px", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(20, 20, 20)" + } + }, + "content": { + "box": { + "x": 26, + "y": 90.796875, + "width": 316, + "height": 38.390625 + }, + "glyph": { + "x": 42, + "y": 93.796875, + "width": 277, + "height": 16 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "0px 16px 16px", + "margin": "-8px 0px 0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(20, 20, 20)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(20, 20, 20)" + } + }, + "actions": null, + "button": null + }, + "image": { + "path": "tests/storybook/reference/ha-card/linux-arm64/light-theme.png", + "sha256": "0b972c2333960474897209a4713bf2922a4f133c5d9613a6ee1e6ea415b61e32" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "config": { + "name": "empty", + "header": "Household tasks", + "empty": true + }, + "geometry": { + "host": { + "box": { + "x": 24, + "y": 24, + "width": 320, + "height": 74.796875 + }, + "glyph": null, + "style": { + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgba(0, 0, 0, 0.12)", + "borderRadius": "12px", + "boxShadow": "none", + "padding": "0px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(20, 20, 20)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "1px solid rgba(0, 0, 0, 0.12)" + } + }, + "header": { + "box": { + "x": 25, + "y": 25, + "width": 318, + "height": 72.796875 + }, + "glyph": { + "x": 41, + "y": 45, + "width": 174.6875, + "height": 28 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "20px 16px 24px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "24px", + "fontWeight": "400", + "color": "rgb(20, 20, 20)", + "lineHeight": "28.8px", + "letterSpacing": "-0.288px", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(20, 20, 20)" + } + }, + "content": null, + "actions": null, + "button": null + }, + "image": { + "path": "tests/storybook/reference/ha-card/linux-arm64/light-empty.png", + "sha256": "19cc5593a545e4bca7a1e17dbaaba7a553a9150664d659fd9629efe0ab626a5e" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "config": { + "name": "content" + }, + "geometry": { + "host": { + "box": { + "x": 24, + "y": 24, + "width": 320, + "height": 56.390625 + }, + "glyph": null, + "style": { + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgba(225, 225, 225, 0.12)", + "borderRadius": "12px", + "boxShadow": "none", + "padding": "0px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(225, 225, 225)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "1px solid rgba(225, 225, 225, 0.12)" + } + }, + "header": null, + "content": { + "box": { + "x": 25, + "y": 25, + "width": 318, + "height": 54.390625 + }, + "glyph": { + "x": 41, + "y": 44, + "width": 277, + "height": 16 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "16px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(225, 225, 225)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(225, 225, 225)" + } + }, + "actions": null, + "button": null + }, + "image": { + "path": "tests/storybook/reference/ha-card/linux-arm64/dark-content.png", + "sha256": "99668fd48c639b76baccf23904a2a8b6a2fbfdab0eb60de0a20f42c2f642ca82" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "config": { + "name": "header", + "header": "Household tasks" + }, + "geometry": { + "host": { + "box": { + "x": 24, + "y": 24, + "width": 320, + "height": 105.1875 + }, + "glyph": null, + "style": { + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgba(225, 225, 225, 0.12)", + "borderRadius": "12px", + "boxShadow": "none", + "padding": "0px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(225, 225, 225)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "1px solid rgba(225, 225, 225, 0.12)" + } + }, + "header": { + "box": { + "x": 25, + "y": 25, + "width": 318, + "height": 72.796875 + }, + "glyph": { + "x": 41, + "y": 45, + "width": 174.6875, + "height": 28 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "20px 16px 24px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "24px", + "fontWeight": "400", + "color": "rgb(225, 225, 225)", + "lineHeight": "28.8px", + "letterSpacing": "-0.288px", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(225, 225, 225)" + } + }, + "content": { + "box": { + "x": 25, + "y": 89.796875, + "width": 318, + "height": 38.390625 + }, + "glyph": { + "x": 41, + "y": 92.796875, + "width": 277, + "height": 16 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "0px 16px 16px", + "margin": "-8px 0px 0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(225, 225, 225)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(225, 225, 225)" + } + }, + "actions": null, + "button": null + }, + "image": { + "path": "tests/storybook/reference/ha-card/linux-arm64/dark-header.png", + "sha256": "f46e0dfc935c915afdd66714b4327c8b7e35c2b96ff54c23974f967edafac915" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "config": { + "name": "raised", + "header": "Household tasks", + "raised": true + }, + "geometry": { + "host": { + "box": { + "x": 24, + "y": 24, + "width": 320, + "height": 103.1875 + }, + "glyph": null, + "style": { + "backgroundColor": "rgb(28, 28, 28)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "12px", + "boxShadow": "rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px", + "padding": "0px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(225, 225, 225)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(225, 225, 225)" + } + }, + "header": { + "box": { + "x": 24, + "y": 24, + "width": 320, + "height": 72.796875 + }, + "glyph": { + "x": 40, + "y": 44, + "width": 174.6875, + "height": 28 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "20px 16px 24px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "24px", + "fontWeight": "400", + "color": "rgb(225, 225, 225)", + "lineHeight": "28.8px", + "letterSpacing": "-0.288px", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(225, 225, 225)" + } + }, + "content": { + "box": { + "x": 24, + "y": 88.796875, + "width": 320, + "height": 38.390625 + }, + "glyph": { + "x": 40, + "y": 91.796875, + "width": 277, + "height": 16 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "0px 16px 16px", + "margin": "-8px 0px 0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(225, 225, 225)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(225, 225, 225)" + } + }, + "actions": null, + "button": null + }, + "image": { + "path": "tests/storybook/reference/ha-card/linux-arm64/dark-raised.png", + "sha256": "bf7d1d1cf36ecb7c08414b9b0cfc900badec2f86e3a994878760cbb9df72bf54" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "config": { + "name": "actions", + "header": "Household tasks", + "actions": true + }, + "geometry": { + "host": { + "box": { + "x": 24, + "y": 24, + "width": 320, + "height": 162.1875 + }, + "glyph": null, + "style": { + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgba(225, 225, 225, 0.12)", + "borderRadius": "12px", + "boxShadow": "none", + "padding": "0px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(225, 225, 225)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "1px solid rgba(225, 225, 225, 0.12)" + } + }, + "header": { + "box": { + "x": 25, + "y": 25, + "width": 318, + "height": 72.796875 + }, + "glyph": { + "x": 41, + "y": 45, + "width": 174.6875, + "height": 28 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "20px 16px 24px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "24px", + "fontWeight": "400", + "color": "rgb(225, 225, 225)", + "lineHeight": "28.8px", + "letterSpacing": "-0.288px", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(225, 225, 225)" + } + }, + "content": { + "box": { + "x": 25, + "y": 89.796875, + "width": 318, + "height": 38.390625 + }, + "glyph": { + "x": 41, + "y": 92.796875, + "width": 277, + "height": 16 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "0px 16px 16px", + "margin": "-8px 0px 0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(225, 225, 225)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(225, 225, 225)" + } + }, + "actions": { + "box": { + "x": 25, + "y": 128.1875, + "width": 318, + "height": 57 + }, + "glyph": null, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "8px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(225, 225, 225)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "1px solid rgba(225, 225, 225, 0.12)" + } + }, + "button": { + "box": { + "x": 33, + "y": 137.1875, + "width": 110, + "height": 40 + }, + "glyph": null, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "padding": "0px 16px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "color": "rgb(55, 200, 253)", + "lineHeight": "14px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "center", + "borderTop": "1px solid rgba(0, 0, 0, 0)" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-card/linux-arm64/dark-actions.png", + "sha256": "bb691c5caa87f0b243ba71c769209449a72b1ca62292ce3d7442ba37293eebb5" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "config": { + "name": "narrow", + "header": "Maintenance and supplies for the shared household", + "width": 180 + }, + "geometry": { + "host": { + "box": { + "x": 24, + "y": 24, + "width": 180, + "height": 236.359375 + }, + "glyph": null, + "style": { + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgba(225, 225, 225, 0.12)", + "borderRadius": "12px", + "boxShadow": "none", + "padding": "0px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(225, 225, 225)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "1px solid rgba(225, 225, 225, 0.12)" + } + }, + "header": { + "box": { + "x": 25, + "y": 25, + "width": 178, + "height": 159.1875 + }, + "glyph": { + "x": 41, + "y": 45, + "width": 144.96875, + "height": 114.390625 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "20px 16px 24px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "24px", + "fontWeight": "400", + "color": "rgb(225, 225, 225)", + "lineHeight": "28.8px", + "letterSpacing": "-0.288px", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(225, 225, 225)" + } + }, + "content": { + "box": { + "x": 25, + "y": 176.1875, + "width": 178, + "height": 83.171875 + }, + "glyph": { + "x": 41, + "y": 179.1875, + "width": 115, + "height": 60.78125 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "0px 16px 16px", + "margin": "-8px 0px 0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(225, 225, 225)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(225, 225, 225)" + } + }, + "actions": null, + "button": null + }, + "image": { + "path": "tests/storybook/reference/ha-card/linux-arm64/dark-narrow.png", + "sha256": "dabb6e5f593e86f3f8982591413318e6c9c14f744b2513cd55b5013f713b58b2" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "config": { + "name": "rtl", + "header": "مهام المنزل", + "dir": "rtl", + "copy": "راجع قائمة اللوازم." + }, + "geometry": { + "host": { + "box": { + "x": 24, + "y": 24, + "width": 320, + "height": 105.1875 + }, + "glyph": null, + "style": { + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgba(225, 225, 225, 0.12)", + "borderRadius": "12px", + "boxShadow": "none", + "padding": "0px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(225, 225, 225)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "rtl", + "textAlign": "start", + "borderTop": "1px solid rgba(225, 225, 225, 0.12)" + } + }, + "header": { + "box": { + "x": 25, + "y": 25, + "width": 318, + "height": 72.796875 + }, + "glyph": { + "x": 216.28125, + "y": 45, + "width": 110.71875, + "height": 28 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "20px 16px 24px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "24px", + "fontWeight": "400", + "color": "rgb(225, 225, 225)", + "lineHeight": "28.8px", + "letterSpacing": "-0.288px", + "direction": "rtl", + "textAlign": "start", + "borderTop": "0px none rgb(225, 225, 225)" + } + }, + "content": { + "box": { + "x": 25, + "y": 89.796875, + "width": 318, + "height": 38.390625 + }, + "glyph": { + "x": 233, + "y": 92.796875, + "width": 94, + "height": 16 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "0px 16px 16px", + "margin": "-8px 0px 0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(225, 225, 225)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "rtl", + "textAlign": "start", + "borderTop": "0px none rgb(225, 225, 225)" + } + }, + "actions": null, + "button": null + }, + "image": { + "path": "tests/storybook/reference/ha-card/linux-arm64/dark-rtl.png", + "sha256": "1d3c98432c8ae625850c6dd73bd27a54b61de6e6514be7b5d40399ad92ff8fd3" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "config": { + "name": "theme", + "header": "Household tasks", + "custom": true + }, + "geometry": { + "host": { + "box": { + "x": 24, + "y": 24, + "width": 320, + "height": 107.1875 + }, + "glyph": null, + "style": { + "backgroundColor": "rgb(40, 40, 40)", + "border": "2px solid rgba(225, 225, 225, 0.12)", + "borderRadius": "4px", + "boxShadow": "none", + "padding": "0px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(225, 225, 225)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "2px solid rgba(225, 225, 225, 0.12)" + } + }, + "header": { + "box": { + "x": 26, + "y": 26, + "width": 316, + "height": 72.796875 + }, + "glyph": { + "x": 42, + "y": 46, + "width": 174.6875, + "height": 28 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "20px 16px 24px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "24px", + "fontWeight": "400", + "color": "rgb(225, 225, 225)", + "lineHeight": "28.8px", + "letterSpacing": "-0.288px", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(225, 225, 225)" + } + }, + "content": { + "box": { + "x": 26, + "y": 90.796875, + "width": 316, + "height": 38.390625 + }, + "glyph": { + "x": 42, + "y": 93.796875, + "width": 277, + "height": 16 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "0px 16px 16px", + "margin": "-8px 0px 0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(225, 225, 225)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(225, 225, 225)" + } + }, + "actions": null, + "button": null + }, + "image": { + "path": "tests/storybook/reference/ha-card/linux-arm64/dark-theme.png", + "sha256": "d34b743ac8bb9f03928a8bb703c4baf47be9791ba1e4e1216c1722017b3e70cf" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "config": { + "name": "empty", + "header": "Household tasks", + "empty": true + }, + "geometry": { + "host": { + "box": { + "x": 24, + "y": 24, + "width": 320, + "height": 74.796875 + }, + "glyph": null, + "style": { + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgba(225, 225, 225, 0.12)", + "borderRadius": "12px", + "boxShadow": "none", + "padding": "0px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "color": "rgb(225, 225, 225)", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "textAlign": "start", + "borderTop": "1px solid rgba(225, 225, 225, 0.12)" + } + }, + "header": { + "box": { + "x": 25, + "y": 25, + "width": 318, + "height": 72.796875 + }, + "glyph": { + "x": 41, + "y": 45, + "width": 174.6875, + "height": 28 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "padding": "20px 16px 24px", + "margin": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "24px", + "fontWeight": "400", + "color": "rgb(225, 225, 225)", + "lineHeight": "28.8px", + "letterSpacing": "-0.288px", + "direction": "ltr", + "textAlign": "start", + "borderTop": "0px none rgb(225, 225, 225)" + } + }, + "content": null, + "actions": null, + "button": null + }, + "image": { + "path": "tests/storybook/reference/ha-card/linux-arm64/dark-empty.png", + "sha256": "237af17c0dccda88c2456201c01ac35b70fb92dd65b82cd446d2883f7ff95bf0" + } + } + ], + "arabicFont": { + "family": "Noto Sans Arabic", + "version": "2.013", + "source": "https://github.com/notofonts/arabic/releases/tag/NotoSansArabic-v2.013", + "sourceCommit": "1b2b7e5c6ce3ab4d50681c854892325530084c35", + "path": "stories/assets/NotoSansArabic-Regular.ttf", + "sha256": "bdff3e5659d67e67def05b33f749683b9376ae819d65d3dd62ac4640b3aaef48", + "license": "LICENSES/Noto-Sans-Arabic-OFL-1.1.txt", + "scope": "Identical catalog-only Arabic fallback mapped to the existing Noto family and limited to Arabic code points. Runtime applications supply their own fonts." + } +} diff --git a/docs/evidence/ha-checkbox-reference.json b/docs/evidence/ha-checkbox-reference.json new file mode 100644 index 0000000..f284f1b --- /dev/null +++ b/docs/evidence/ha-checkbox-reference.json @@ -0,0 +1,690 @@ +{ + "schemaVersion": 1, + "observedAtUTC": "2026-11-04T13:16:45.699548+00:00", + "surface": "Actual public ha-checkbox loaded by the local Home Assistant frontend in an isolated authentication-page browser context. No credentials, tokens, household records or application mutations were used.", + "upstreamSource": "https://github.com/home-assistant/frontend/blob/027d9578ec9663b8aa22f50c24274a7cd9d001c1/src/components/ha-checkbox.ts", + "upstreamSourceMeaning": "Reviewed source/provenance reference; this does not identify the installed HA git revision. Installed public bundles are fingerprinted separately.", + "fixtures": "Notify household; no description; 296x44 wrapper; viewport1280x900; Chromium156; Roboto; transitions disabled for settled state measurement. Native state and :checked are verified; two rendered frames settle CSS after each transition.", + "pixelAcceptance": "Computed-style assertions and original image inspection supplement human review; no screenshot score establishes full component or application acceptance.", + "fonts": [ + { + "weight": "Regular", + "bytes": 64632, + "sha256": "47107401d0adb375ab9aa167f9d62489a849d510e740a307b5a4db60e5db3562", + "sameAsLiveHA": true, + "package": "roboto-fontface@0.10.0", + "license": "Apache-2.0" + }, + { + "weight": "Medium", + "bytes": 65484, + "sha256": "96025fe9db6578d8bc7f4b8be739750b1490e07221c2b1f16acde2ea7669cedf", + "sameAsLiveHA": true, + "package": "roboto-fontface@0.10.0", + "license": "Apache-2.0" + } + ], + "publicAssets": [ + { + "path": "/frontend_latest/core.d18c2184997b3d3d.js", + "bytes": 53538, + "sha256": "da8ce324a89c76f12e124e9e0dcb74f319dcdc5bde13464feb9c1dc0630efb27" + }, + { + "path": "/frontend_latest/app.d6c28fc2e48aeea4.js", + "bytes": 577102, + "sha256": "7b0d03a0c75c971cd3084c988430c512414209ca2c8bba8d506724d3be2827ec" + } + ], + "states": [ + { + "theme": "light", + "state": "unchecked", + "expected": { + "host": { + "font-family": "Roboto, Noto, sans-serif", + "font-size": "14px", + "font-weight": "400", + "line-height": "16.8px", + "color": "rgb(20, 20, 20)", + "-webkit-font-smoothing": "antialiased" + }, + "base": { + "gap": "8px", + "opacity": "1" + }, + "control": { + "width": "20px", + "height": "20px", + "border-width": "2px", + "border-radius": "4px", + "border-color": "rgb(152, 152, 152)", + "background-color": "rgba(0, 0, 0, 0)", + "color": "rgb(20, 20, 20)", + "outline": "rgb(20, 20, 20) none 3px", + "outline-offset": "0px" + }, + "label": { + "font-family": "Roboto, Noto, sans-serif", + "font-size": "14px", + "font-weight": "400", + "line-height": "14px", + "color": "rgb(20, 20, 20)", + "width": "105.938px", + "height": "14px", + "-webkit-font-smoothing": "antialiased" + } + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-checkbox/light-unchecked.png", + "sha256": "7cb0fe688748e0d4f219188eb08e3bb6e604cdf63f0a0ee033041da4763218a8", + "width": 296, + "height": 44 + } + }, + { + "theme": "light", + "state": "checked", + "expected": { + "host": { + "font-family": "Roboto, Noto, sans-serif", + "font-size": "14px", + "font-weight": "400", + "line-height": "16.8px", + "color": "rgb(20, 20, 20)", + "-webkit-font-smoothing": "antialiased" + }, + "base": { + "gap": "8px", + "opacity": "1" + }, + "control": { + "width": "20px", + "height": "20px", + "border-width": "2px", + "border-radius": "4px", + "border-color": "rgb(0, 154, 199)", + "background-color": "rgb(0, 154, 199)", + "color": "rgb(255, 255, 255)", + "outline": "rgb(255, 255, 255) none 3px", + "outline-offset": "0px" + }, + "label": { + "font-family": "Roboto, Noto, sans-serif", + "font-size": "14px", + "font-weight": "400", + "line-height": "14px", + "color": "rgb(20, 20, 20)", + "width": "105.938px", + "height": "14px", + "-webkit-font-smoothing": "antialiased" + } + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-checkbox/light-checked.png", + "sha256": "e22ea96d768e10852da0925e1e3b5f9f93a15406f181c85ce279f2b728049747", + "width": 296, + "height": 44 + } + }, + { + "theme": "light", + "state": "mixed", + "expected": { + "host": { + "font-family": "Roboto, Noto, sans-serif", + "font-size": "14px", + "font-weight": "400", + "line-height": "16.8px", + "color": "rgb(20, 20, 20)", + "-webkit-font-smoothing": "antialiased" + }, + "base": { + "gap": "8px", + "opacity": "1" + }, + "control": { + "width": "20px", + "height": "20px", + "border-width": "2px", + "border-radius": "4px", + "border-color": "rgb(0, 154, 199)", + "background-color": "rgb(0, 154, 199)", + "color": "rgb(255, 255, 255)", + "outline": "rgb(255, 255, 255) none 3px", + "outline-offset": "0px" + }, + "label": { + "font-family": "Roboto, Noto, sans-serif", + "font-size": "14px", + "font-weight": "400", + "line-height": "14px", + "color": "rgb(20, 20, 20)", + "width": "105.938px", + "height": "14px", + "-webkit-font-smoothing": "antialiased" + } + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-checkbox/light-mixed.png", + "sha256": "8bf15711a75b80d9549de7e8c037fb1c3d670c85d717812a77328d9e2886b338", + "width": 296, + "height": 44 + } + }, + { + "theme": "light", + "state": "disabled", + "expected": { + "host": { + "font-family": "Roboto, Noto, sans-serif", + "font-size": "14px", + "font-weight": "400", + "line-height": "16.8px", + "color": "rgb(20, 20, 20)", + "-webkit-font-smoothing": "antialiased" + }, + "base": { + "gap": "8px", + "opacity": "0.5" + }, + "control": { + "width": "20px", + "height": "20px", + "border-width": "2px", + "border-radius": "4px", + "border-color": "rgb(0, 154, 199)", + "background-color": "rgb(0, 154, 199)", + "color": "rgb(255, 255, 255)", + "outline": "rgb(255, 255, 255) none 3px", + "outline-offset": "0px" + }, + "label": { + "font-family": "Roboto, Noto, sans-serif", + "font-size": "14px", + "font-weight": "400", + "line-height": "14px", + "color": "rgb(20, 20, 20)", + "width": "105.938px", + "height": "14px", + "-webkit-font-smoothing": "antialiased" + } + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-checkbox/light-disabled.png", + "sha256": "081d1d769eb7ccf987615e29fff820ef34c282a5c8d8457ae3462a711a960b76", + "width": 296, + "height": 44 + } + }, + { + "theme": "light", + "state": "required", + "expected": { + "host": { + "font-family": "Roboto, Noto, sans-serif", + "font-size": "14px", + "font-weight": "400", + "line-height": "16.8px", + "color": "rgb(20, 20, 20)", + "-webkit-font-smoothing": "antialiased" + }, + "base": { + "gap": "8px", + "opacity": "1" + }, + "control": { + "width": "20px", + "height": "20px", + "border-width": "2px", + "border-radius": "4px", + "border-color": "rgb(152, 152, 152)", + "background-color": "rgba(0, 0, 0, 0)", + "color": "rgb(20, 20, 20)", + "outline": "rgb(20, 20, 20) none 3px", + "outline-offset": "0px" + }, + "label": { + "font-family": "Roboto, Noto, sans-serif", + "font-size": "14px", + "font-weight": "400", + "line-height": "14px", + "color": "rgb(20, 20, 20)", + "width": "113.359px", + "height": "14px", + "-webkit-font-smoothing": "antialiased" + } + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-checkbox/light-required.png", + "sha256": "3c238a342b38e83ac371b53697bd356c9210d4a46dc25aadf9a4364c087edcb4", + "width": 296, + "height": 44 + } + }, + { + "theme": "light", + "state": "hover", + "expected": { + "host": { + "font-family": "Roboto, Noto, sans-serif", + "font-size": "14px", + "font-weight": "400", + "line-height": "16.8px", + "color": "rgb(20, 20, 20)", + "-webkit-font-smoothing": "antialiased" + }, + "base": { + "gap": "8px", + "opacity": "1" + }, + "control": { + "width": "20px", + "height": "20px", + "border-width": "2px", + "border-radius": "4px", + "border-color": "rgb(94, 94, 94)", + "background-color": "rgb(230, 230, 230)", + "color": "rgb(20, 20, 20)", + "outline": "rgb(20, 20, 20) none 3px", + "outline-offset": "0px" + }, + "label": { + "font-family": "Roboto, Noto, sans-serif", + "font-size": "14px", + "font-weight": "400", + "line-height": "14px", + "color": "rgb(20, 20, 20)", + "width": "105.938px", + "height": "14px", + "-webkit-font-smoothing": "antialiased" + } + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-checkbox/light-hover.png", + "sha256": "6cf4a5318a5c6c0898dc7c856a30cbc20287609b11558d8d35c337cd2053e5ef", + "width": 296, + "height": 44 + } + }, + { + "theme": "light", + "state": "focus", + "expected": { + "host": { + "font-family": "Roboto, Noto, sans-serif", + "font-size": "14px", + "font-weight": "400", + "line-height": "16.8px", + "color": "rgb(20, 20, 20)", + "-webkit-font-smoothing": "antialiased" + }, + "base": { + "gap": "8px", + "opacity": "1" + }, + "control": { + "width": "20px", + "height": "20px", + "border-width": "2px", + "border-radius": "4px", + "border-color": "rgb(152, 152, 152)", + "background-color": "rgba(0, 0, 0, 0)", + "color": "rgb(20, 20, 20)", + "outline": "rgb(152, 152, 152) solid 2px", + "outline-offset": "2px" + }, + "label": { + "font-family": "Roboto, Noto, sans-serif", + "font-size": "14px", + "font-weight": "400", + "line-height": "14px", + "color": "rgb(20, 20, 20)", + "width": "105.938px", + "height": "14px", + "-webkit-font-smoothing": "antialiased" + } + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-checkbox/light-focus.png", + "sha256": "38d8577650e61c2b459cf553b250bdd385dc4e4fdcdcb02d7b950c9001c9f3de", + "width": 296, + "height": 44 + } + }, + { + "theme": "dark", + "state": "unchecked", + "expected": { + "host": { + "font-family": "Roboto, Noto, sans-serif", + "font-size": "14px", + "font-weight": "400", + "line-height": "16.8px", + "color": "rgb(225, 225, 225)", + "-webkit-font-smoothing": "antialiased" + }, + "base": { + "gap": "8px", + "opacity": "1" + }, + "control": { + "width": "20px", + "height": "20px", + "border-width": "2px", + "border-radius": "4px", + "border-color": "rgb(122, 122, 122)", + "background-color": "rgba(0, 0, 0, 0)", + "color": "rgb(225, 225, 225)", + "outline": "rgb(225, 225, 225) none 3px", + "outline-offset": "0px" + }, + "label": { + "font-family": "Roboto, Noto, sans-serif", + "font-size": "14px", + "font-weight": "400", + "line-height": "14px", + "color": "rgb(225, 225, 225)", + "width": "105.938px", + "height": "14px", + "-webkit-font-smoothing": "antialiased" + } + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-checkbox/dark-unchecked.png", + "sha256": "7488c107807464a5ec937f8823f68ad208c9c895679935d472d175d7fa38ca1e", + "width": 296, + "height": 44 + } + }, + { + "theme": "dark", + "state": "checked", + "expected": { + "host": { + "font-family": "Roboto, Noto, sans-serif", + "font-size": "14px", + "font-weight": "400", + "line-height": "16.8px", + "color": "rgb(225, 225, 225)", + "-webkit-font-smoothing": "antialiased" + }, + "base": { + "gap": "8px", + "opacity": "1" + }, + "control": { + "width": "20px", + "height": "20px", + "border-width": "2px", + "border-radius": "4px", + "border-color": "rgb(0, 154, 199)", + "background-color": "rgb(0, 154, 199)", + "color": "rgb(255, 255, 255)", + "outline": "rgb(255, 255, 255) none 3px", + "outline-offset": "0px" + }, + "label": { + "font-family": "Roboto, Noto, sans-serif", + "font-size": "14px", + "font-weight": "400", + "line-height": "14px", + "color": "rgb(225, 225, 225)", + "width": "105.938px", + "height": "14px", + "-webkit-font-smoothing": "antialiased" + } + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-checkbox/dark-checked.png", + "sha256": "ab5851926a2867ac396f8227331612f43dbb013802ba4eb78afa6ceb851ba5b5", + "width": 296, + "height": 44 + } + }, + { + "theme": "dark", + "state": "mixed", + "expected": { + "host": { + "font-family": "Roboto, Noto, sans-serif", + "font-size": "14px", + "font-weight": "400", + "line-height": "16.8px", + "color": "rgb(225, 225, 225)", + "-webkit-font-smoothing": "antialiased" + }, + "base": { + "gap": "8px", + "opacity": "1" + }, + "control": { + "width": "20px", + "height": "20px", + "border-width": "2px", + "border-radius": "4px", + "border-color": "rgb(0, 154, 199)", + "background-color": "rgb(0, 154, 199)", + "color": "rgb(255, 255, 255)", + "outline": "rgb(255, 255, 255) none 3px", + "outline-offset": "0px" + }, + "label": { + "font-family": "Roboto, Noto, sans-serif", + "font-size": "14px", + "font-weight": "400", + "line-height": "14px", + "color": "rgb(225, 225, 225)", + "width": "105.938px", + "height": "14px", + "-webkit-font-smoothing": "antialiased" + } + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-checkbox/dark-mixed.png", + "sha256": "e4a3debcd62ca954efe68e7c55206678878fe92ad40ea009b55b235099034664", + "width": 296, + "height": 44 + } + }, + { + "theme": "dark", + "state": "disabled", + "expected": { + "host": { + "font-family": "Roboto, Noto, sans-serif", + "font-size": "14px", + "font-weight": "400", + "line-height": "16.8px", + "color": "rgb(225, 225, 225)", + "-webkit-font-smoothing": "antialiased" + }, + "base": { + "gap": "8px", + "opacity": "0.5" + }, + "control": { + "width": "20px", + "height": "20px", + "border-width": "2px", + "border-radius": "4px", + "border-color": "rgb(0, 154, 199)", + "background-color": "rgb(0, 154, 199)", + "color": "rgb(255, 255, 255)", + "outline": "rgb(255, 255, 255) none 3px", + "outline-offset": "0px" + }, + "label": { + "font-family": "Roboto, Noto, sans-serif", + "font-size": "14px", + "font-weight": "400", + "line-height": "14px", + "color": "rgb(225, 225, 225)", + "width": "105.938px", + "height": "14px", + "-webkit-font-smoothing": "antialiased" + } + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-checkbox/dark-disabled.png", + "sha256": "937281c31c83274765b3dc026ab6d482cbc3d12f66d172f8158376456dfdf421", + "width": 296, + "height": 44 + } + }, + { + "theme": "dark", + "state": "required", + "expected": { + "host": { + "font-family": "Roboto, Noto, sans-serif", + "font-size": "14px", + "font-weight": "400", + "line-height": "16.8px", + "color": "rgb(225, 225, 225)", + "-webkit-font-smoothing": "antialiased" + }, + "base": { + "gap": "8px", + "opacity": "1" + }, + "control": { + "width": "20px", + "height": "20px", + "border-width": "2px", + "border-radius": "4px", + "border-color": "rgb(122, 122, 122)", + "background-color": "rgba(0, 0, 0, 0)", + "color": "rgb(225, 225, 225)", + "outline": "rgb(225, 225, 225) none 3px", + "outline-offset": "0px" + }, + "label": { + "font-family": "Roboto, Noto, sans-serif", + "font-size": "14px", + "font-weight": "400", + "line-height": "14px", + "color": "rgb(225, 225, 225)", + "width": "113.359px", + "height": "14px", + "-webkit-font-smoothing": "antialiased" + } + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-checkbox/dark-required.png", + "sha256": "9d87f0397175874e7274ca1894377beacd371c952f36954683a99b9c34de3413", + "width": 296, + "height": 44 + } + }, + { + "theme": "dark", + "state": "hover", + "expected": { + "host": { + "font-family": "Roboto, Noto, sans-serif", + "font-size": "14px", + "font-weight": "400", + "line-height": "16.8px", + "color": "rgb(225, 225, 225)", + "-webkit-font-smoothing": "antialiased" + }, + "base": { + "gap": "8px", + "opacity": "1" + }, + "control": { + "width": "20px", + "height": "20px", + "border-width": "2px", + "border-radius": "4px", + "border-color": "rgb(177, 177, 177)", + "background-color": "rgb(74, 74, 74)", + "color": "rgb(225, 225, 225)", + "outline": "rgb(225, 225, 225) none 3px", + "outline-offset": "0px" + }, + "label": { + "font-family": "Roboto, Noto, sans-serif", + "font-size": "14px", + "font-weight": "400", + "line-height": "14px", + "color": "rgb(225, 225, 225)", + "width": "105.938px", + "height": "14px", + "-webkit-font-smoothing": "antialiased" + } + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-checkbox/dark-hover.png", + "sha256": "7ebf2711f5994c208a06b9b6d3dfc0be91da1c4bb1dc815dc0e44f790cfbfdd5", + "width": 296, + "height": 44 + } + }, + { + "theme": "dark", + "state": "focus", + "expected": { + "host": { + "font-family": "Roboto, Noto, sans-serif", + "font-size": "14px", + "font-weight": "400", + "line-height": "16.8px", + "color": "rgb(225, 225, 225)", + "-webkit-font-smoothing": "antialiased" + }, + "base": { + "gap": "8px", + "opacity": "1" + }, + "control": { + "width": "20px", + "height": "20px", + "border-width": "2px", + "border-radius": "4px", + "border-color": "rgb(122, 122, 122)", + "background-color": "rgba(0, 0, 0, 0)", + "color": "rgb(225, 225, 225)", + "outline": "rgb(152, 152, 152) solid 2px", + "outline-offset": "2px" + }, + "label": { + "font-family": "Roboto, Noto, sans-serif", + "font-size": "14px", + "font-weight": "400", + "line-height": "14px", + "color": "rgb(225, 225, 225)", + "width": "105.938px", + "height": "14px", + "-webkit-font-smoothing": "antialiased" + } + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-checkbox/dark-focus.png", + "sha256": "3d91ac873f034fffd1f1feea122e5b39a983a2d7688edd6a22a42bef10c79e48", + "width": 296, + "height": 44 + } + } + ], + "rasterCapture": { + "minimumCaptures": 3, + "maximumCaptures": 6, + "twoConsecutiveEqualRequired": true, + "noImageEditing": true, + "reason": "Initial reference captures could show the previous compositor frame despite current native/style state. Original contradictory frames were retained. Settled reference images were independently recaptured and inspected.", + "wrapperCorrection": "The dark reference wrapper exposed invalid fixture CSS after concatenating cssText containing inherited HA custom-property tokens. Standard wrapper declarations are now installed independently before token copies; every state asserts the actual x32/y32,296x44 rectangle. Only the fixture changed; original frames and diagnostics are retained." + }, + "chromeObservation": { + "profile": "Efra", + "dedicatedWindow": true, + "group": "HA UI comparison", + "surface": "Actual entity table selection UI and the candidate Storybook checkbox", + "checkedAndMixedObserved": true, + "selectionModeRestored": true, + "householdMutation": false, + "reviewMeaning": "Agent visual observation; not owner or complete application acceptance" + }, + "fontRasterization": "HA antialiased font smoothing is measured and required in the scoped catalog surface. Small icon subpixel raster differences are not represented as all-pixel equality." +} diff --git a/docs/evidence/ha-dialog-reference.json b/docs/evidence/ha-dialog-reference.json new file mode 100644 index 0000000..942c55d --- /dev/null +++ b/docs/evidence/ha-dialog-reference.json @@ -0,0 +1,44589 @@ +{ + "scope": "Actual HA dialog compared with the compiled native modal under recorded themes and fonts. Broader capability acceptance is separate.", + "originalPublicApp": { + "path": "app.d6c28fc2e48aeea4.js", + "sha256": "7b0d03a0c75c971cd3084c988430c512414209ca2c8bba8d506724d3be2827ec", + "startupOnlyReplacement": true, + "componentFunctionsUnchanged": true + }, + "modules": [ + 37334, + 94584 + ], + "publicAssetIdentities": { + "/frontend_latest/app.d6c28fc2e48aeea4.js": { + "sha256": "7b0d03a0c75c971cd3084c988430c512414209ca2c8bba8d506724d3be2827ec", + "bytes": 577102 + }, + "/frontend_latest/79871.0cd7505014fef7fb.js": { + "sha256": "3a613295ac4ee48fc19ddadff4baa1c147e98108731f224d1d640906e5b1df65", + "bytes": 8829 + }, + "/frontend_latest/57539.27d7cefd99dace6a.js": { + "sha256": "8be1aa5585c10687ef9b740ca03edbd7d03f2dce527d98bcb392bf98c2a27a9f", + "bytes": 30004 + }, + "/frontend_latest/54353.5437d2f3817bda05.js": { + "sha256": "46837596efa4541d206731639acd701c312dc4e256dbbe1b47f490023d26fd35", + "bytes": 28665 + }, + "/frontend_latest/40523.1e09f4c93f125c24.js": { + "sha256": "926458359cfc4067dea446422401e81fcc82e9e2a127c7c066a48bb1dfe2acb8", + "bytes": 14720 + }, + "/frontend_latest/37532.79d0d1bb37c67bc0.js": { + "sha256": "4a73e707cfcacda888e13fc3dd8a849e78b9f987ef7c5f006ee4624ce0f70f38", + "bytes": 7382 + }, + "/frontend_latest/9287.09045b2bbbaec3ff.js": { + "sha256": "458ff250f1f58d0f3353e5e4db02ecd81c18d5118da63784e4460ad350f0479b", + "bytes": 16586 + }, + "/frontend_latest/83083.fe45ed5de283dceb.js": { + "sha256": "c0387a9445b6540bdbb9248fa7f36654d6efbbd4822b14d77ee1257ce0f2653c", + "bytes": 26848 + }, + "/frontend_latest/8099.739711f91e051b08.js": { + "sha256": "085891bfde6d7bcc99feee1d23bd218811559da0524fbd716a341834729f5610", + "bytes": 24201 + }, + "/frontend_latest/24519.eb7116b32c634736.js": { + "sha256": "bfc6f1fc208db0980494f7fce3d7cf66fdb56b49b7aebe6d7dc81a11f8ad0294", + "bytes": 10948 + }, + "/frontend_latest/49227.905c893829033053.js": { + "sha256": "d81915b48e9020c18239e551210bb9f688acc13ea161097b6d6b237eeb5aff97", + "bytes": 16153 + }, + "/frontend_latest/15204.4ba98d3a7e1188ba.js": { + "sha256": "af5ac046919202876888a099621d3f4ac232409a2c06e0fad53ae5ca10e9c9d7", + "bytes": 11586 + }, + "/frontend_latest/75395.cc5150b9b2a1eaab.js": { + "sha256": "8106a40d2e3422a76c07862bd704905ed7e17ce5c293ed86dc2b29cd45bddda5", + "bytes": 43325 + }, + "/frontend_latest/85803.5b2b792a7300e3b1.js": { + "sha256": "0d120e26671cf33a96ed8cb7c49d9a49d0d94510d4b799edd4bc91350509cfaa", + "bytes": 9833 + }, + "/frontend_latest/88836.82d8c061e321f700.js": { + "sha256": "f0f86b486ac1bc1a4317ab31652d751442431d6c71dc4fef9132e4d784351e30", + "bytes": 20779 + }, + "/frontend_latest/41649.246763083c75df64.js": { + "sha256": "c57a1d6ad874fe05971ce2f5e2be0f64e3a64b56fd80c1d8c17a846908fe8d52", + "bytes": 5853 + }, + "/frontend_latest/54076.4e72607dd775669c.js": { + "sha256": "aed795f3496c91f8ed83d792866430784e226d71141da3a286c3db82ae139bd7", + "bytes": 334098 + }, + "/frontend_latest/51808.00d17dbc5c336819.js": { + "sha256": "c77cc7ee51ed09359b42e90a45c7b94bd5162fa9187481fd85faa8352a84152b", + "bytes": 56168 + }, + "/frontend_latest/19662.02bfe987bcf02fae.js": { + "sha256": "a961b6fc841d4d3e3ca4fab591bf737d3c6186b67ada466944f67a138d2827ea", + "bytes": 37879 + }, + "/frontend_latest/86151.a018324031dccf64.js": { + "sha256": "b066cb7d0b813ba3963068c795c83b667e1623743ffe8116aeca52620e8237cc", + "bytes": 21981 + }, + "/frontend_latest/44518.60aafb0dd7361a8a.js": { + "sha256": "51fb962c1f10b8b55e33240aafcae94bbf08d29c11c8d4ba5e11735cc25b1963", + "bytes": 12454 + }, + "/frontend_latest/53047.2ff52aed1ea1d58d.js": { + "sha256": "a07fa2ea375bbc9d9c48d9f23cc41c9021d93bdb8b1fd85f2d473c32722b8e04", + "bytes": 22445 + }, + "/frontend_latest/53224.cf6a4ce6a1632ae3.js": { + "sha256": "159d3c58f915157201dbeb8a03bd85627bd132e86d62a157dfd14fc512e0d114", + "bytes": 22424 + }, + "/frontend_latest/27885.b2722f12c8ea5f0d.js": { + "sha256": "9b50005b75b8ae380f82ac4b152acd05b93fa6f63b72db015a76f7e1a634634e", + "bytes": 14763 + }, + "/frontend_latest/91441.f4e291d27370bd0e.js": { + "sha256": "6cb720571975c708cb319a6edaf59add5976981b71e6f9a2deff4f5f51f12b05", + "bytes": 9318 + }, + "/frontend_latest/23322.127ad1a39e017ad1.js": { + "sha256": "b75ec9e8e58297341494a01cb136719ad2ade2ef581dce65dce3fcd4d22e5b74", + "bytes": 15104 + }, + "/frontend_latest/2066.619086da7335e894.js": { + "sha256": "9fa71dd59b3d55070ecd5e1a54d20cff4662f77d3216403e2288738647fcd517", + "bytes": 14652 + }, + "/frontend_latest/17332.cfc44d92e55e41b1.js": { + "sha256": "e4774bb25ac5042926b065e281949267503b1764d88f2a96218a5209f9006948", + "bytes": 14891 + }, + "/frontend_latest/4274.9a41952ea24b0c35.js": { + "sha256": "44379e6950a12f261bb118e88bc81694308ea6e807965acd8a68552da0bf8886", + "bytes": 14848 + }, + "/frontend_latest/65819.c67beedb2569fde2.js": { + "sha256": "3b849b691fc05ffcf8b0275bacafb417d9ca2df774638d431a6022c3617fb78b", + "bytes": 14389 + }, + "/frontend_latest/38402.e30322de1fd7e232.js": { + "sha256": "a04e3e4608e892f4b2dc44e2a4c3279170c94c352523764546fb1b9aa4268634", + "bytes": 20205 + }, + "/frontend_latest/90488.1801cdc1bce0d252.js": { + "sha256": "4b42a382c681c8045a19d4f004ce9e508ea709fe9b27ef2845cbfcd103a8e43a", + "bytes": 19522 + }, + "/frontend_latest/56327.669df9212b1bbd57.js": { + "sha256": "379f817c3ef286f94fa228adea8bf2a3abbe7e9ca115a8eab9772bee1697e35b", + "bytes": 23575 + }, + "/frontend_latest/11164.4007f39963ca53fe.js": { + "sha256": "cbe80d4a20c692baac50bcd2f4f25a11532722be4f3a2bc74afc36fc0e87d251", + "bytes": 13671 + }, + "/frontend_latest/63105.5db3fbaa75461e58.js": { + "sha256": "ff7a67cfa7f9a8262c33e13ba9bb54ac0e38727ff88eb464d93d620aa6a97b4d", + "bytes": 13739 + }, + "/frontend_latest/4556.3b8bc343b186ac7f.js": { + "sha256": "ab338cdf594607256a05dec14798f81914c38c1009d5f718824be3ea22ee5702", + "bytes": 28448 + }, + "/frontend_latest/89316.4c8a52fd9476e18d.js": { + "sha256": "4a7a2d0a04ec62c54234bfbe575f3c90334f5be8dadb992271c1d4d04e5cb91b", + "bytes": 18823 + }, + "/frontend_latest/59392.7c213f7ec058e53a.js": { + "sha256": "ac168d5e749cde3f0f858b13765766f769b336f375a5296b37f3898c789db167", + "bytes": 13547 + }, + "/frontend_latest/79358.df250c7f378eb741.js": { + "sha256": "47504e1e798d1299996a11832d08c73b4ac5508d3f7cc54671f1f376ec227ea8", + "bytes": 20790 + }, + "/frontend_latest/61346.23c39a21bb727e57.js": { + "sha256": "e3bca0f2e4b1159beead5846f8dc8cac5def8038251be7509268450cb127fa6f", + "bytes": 35839 + }, + "/frontend_latest/37877.3e4fcac2e2136e85.js": { + "sha256": "acda63df1944dadb1d1021f10aa1667f88439c8d3df2185ac4167b2364e9218b", + "bytes": 12199 + }, + "/frontend_latest/58068.496636f152f989b6.js": { + "sha256": "2f60fa77098d87558e7c2ad463eb98261ec35fcf3a830030131d98c4689a5554", + "bytes": 14843 + }, + "/frontend_latest/78918.284a9604258fe27b.js": { + "sha256": "d9136df59278b2364da59b5ae4be98b6f83017ce94bcfc6f9879aae7c07a4bd0", + "bytes": 10950 + }, + "/frontend_latest/1027.26a15473845250e8.js": { + "sha256": "06f76e762bfb07360abae7abe3b1dc1ab239472c8445f131b9c41fa234366208", + "bytes": 14240 + }, + "/frontend_latest/4558.e20b3760d07801a7.js": { + "sha256": "43fa2969e6ba2676d21e0e5ae9a887e05a4857d7640c4537faaaf3a6793897a5", + "bytes": 48720 + }, + "/frontend_latest/97769.cb1c5172b385ed95.js": { + "sha256": "56d7d415776d66dda6b00c284eecb8d5284374ec43147e986fde88e3f52ce1a6", + "bytes": 12926 + }, + "/frontend_latest/64334.af08239c2ebb5f72.js": { + "sha256": "8a9bb136f5a75989c0249652d2437f71c95c56c5e57c552423bd7634ded28592", + "bytes": 62089 + }, + "/frontend_latest/89437.7a0c267598dbedf7.js": { + "sha256": "93b97f57d2103714bd6b000d84d66a6e5eb1abcb0e3d70ced5b68a778574452e", + "bytes": 31196 + }, + "/frontend_latest/84656.b37270a3ef77878d.js": { + "sha256": "b5520eaac50bef5c56bf9c34f78248bfffe859d2660b69a0c2bb092401972047", + "bytes": 35511 + }, + "/frontend_latest/30295.44550b6ede673685.js": { + "sha256": "c05dd5e1a5fadc0e367a1fdd726ba106f9b7ec2f2e9141b5f9278a34ec61d295", + "bytes": 18250 + }, + "/frontend_latest/75312.5646a5160728e6b0.js": { + "sha256": "487b478ae0fd9a627d755b3e0ebff32d4fd389db2f3e790fbe1ba7f8922d7a12", + "bytes": 13589 + }, + "/frontend_latest/8885.0d1314825734b9ba.js": { + "sha256": "f96524fc829f4ca06a65671dfb65343fc4ac5fc3a0775fc9fcdda4ec9b31ef1f", + "bytes": 10824 + }, + "/frontend_latest/84962.17ced8e504bf6331.js": { + "sha256": "c672f4824f9a91b1a349f85f1960ded234e32349dc48916ee32e3a2b1eb7b6f3", + "bytes": 12868 + }, + "/frontend_latest/50560.8660644d0f8ae049.js": { + "sha256": "8988a5ade0606c481a3febf6a572a4bd54848a7f8f03be75813e3a7b6c70fb5d", + "bytes": 26364 + }, + "/frontend_latest/38416.72b67af26ef89a66.js": { + "sha256": "b0acadf75c26ae79ef27521207f5e625b98225f4cfd627211b9054339ed3ca41", + "bytes": 15700 + }, + "/frontend_latest/32425.69983054c1ddb489.js": { + "sha256": "7bcdf7b58c77c00baf193a8b30b012d08e031682f7cd8ddbacd16e7e3c3e9c94", + "bytes": 418581 + }, + "/frontend_latest/16507.a01c0a650d7bdf12.js": { + "sha256": "3cd1825b5822cc44025ba52b950bfcba634795ff078bc4ef7bd1867bd6c8a794", + "bytes": 39680 + }, + "/frontend_latest/84956.2ab0e4e5dfbc712c.js": { + "sha256": "e5c0f30aa9c533d4a6c98f08e290080e523844d9e83323a80f186d1cd90fb0f8", + "bytes": 14278 + }, + "/frontend_latest/92811.0f15037d3b10a2c3.js": { + "sha256": "cd7255a05902ce487ea9763a06b3d3a7a2dddcaf01a068415eb0b7239a0d30ed", + "bytes": 13267 + }, + "/frontend_latest/54537.f4833c5913c76cf2.js": { + "sha256": "097d10625d7cfefcf5f45646e1abe71e189870ac62677b8ff655189ffa818d52", + "bytes": 9818 + }, + "/frontend_latest/25481.23ddd5d2ec866816.js": { + "sha256": "eff9c4785b1b13110a6c8d2dd9d06d0abb5038e05f3ee78af0144ac5cda41b4f", + "bytes": 14691 + }, + "/frontend_latest/46565.e3d80a51d865ed5c.js": { + "sha256": "5f911bddaecb5761fb312d30ee6d5c54c0729681d67a6938510743a92461bdda", + "bytes": 12790 + }, + "/frontend_latest/94121.0e44a112e95ac8c8.js": { + "sha256": "b8867abd42ff8397dfb27af640d00be262547b6dc1476bdc3a9d907b520bf020", + "bytes": 14742 + }, + "/frontend_latest/58992.1d29f9136bc3c796.js": { + "sha256": "403801a586fc76ed2c42c7a246d318cf115f9f8dc3e6b51736770fb0d27eab0d", + "bytes": 20956 + }, + "/frontend_latest/28858.17df029135a17ae3.js": { + "sha256": "cb20a7108b88881b05d9cb192f6e668bbdd02be64b5d594d3ce0caeac7439ffd", + "bytes": 12216 + }, + "/frontend_latest/47578.fba66e0739297711.js": { + "sha256": "c8f7aa9acf22e7f4d9a18a32015ee5ad62b9f383a80a96144bda5005be7c0d60", + "bytes": 27140 + }, + "/frontend_latest/90012.9945d8238ffa5a3a.js": { + "sha256": "bf1e417679e1f11a69f523da19d45b7a286f69cfff3e17a1b715081b412cde7f", + "bytes": 32550 + }, + "/frontend_latest/14883.0a68bf6c727a2e22.js": { + "sha256": "10c72f142d4b19619a223e1d67cbe3b1e5e079605903afda730c5df1f96b9ffe", + "bytes": 38920 + }, + "/frontend_latest/5496.c0eba59802d17a07.js": { + "sha256": "6d9a293389b0632626eec6f452dabf8172953aa4238f70b111aa9b43088e777e", + "bytes": 9450 + }, + "/frontend_latest/49589.23a2870d61954701.js": { + "sha256": "2fda7fb7e84778e196807fa82ba3f657f14ce335e9f8f3795b551d485a6641eb", + "bytes": 13433 + }, + "/static/locale-data/intl-displaynames/en.json": { + "sha256": "de6876c5e48244c0a6ec4a189e0c27293674bfb8fda6fe4deae4083cf319937e", + "bytes": 43298 + } + }, + "fonts": { + "regular": "47107401d0adb375ab9aa167f9d62489a849d510e740a307b5a4db60e5db3562", + "medium": "96025fe9db6578d8bc7f4b8be739750b1490e07221c2b1f16acde2ea7669cedf" + }, + "themes": { + "light": { + "--ha-space-8": "32px", + "--wa-color-brand-on-normal": "#009ac7", + "--state-inactive-color": "#9e9e9e", + "--safe-width": "calc(100vw - 0px - 0px)", + "--success-color": "#43a047", + "--input-outlined-disabled-border-color": "#0000000f", + "--color-29": "#97ee3f", + "--purple-color": "#926bc7", + "--ha-color-fill-primary-normal-resting": "#dff3fc", + "--mdc-theme-background": "#fafafa", + "--mdc-theme-text-primary-on-background": "#141414", + "--ha-space-15": "60px", + "--state-binary_sensor-active-color": "#ffc107", + "--state-valve-active-color": "#2196f3", + "--mdc-text-field-fill-color": "#f5f5f5", + "--ha-font-family-code": "monospace", + "--wa-form-control-value-line-height": "1.2", + "--safe-height": "calc(100vh - 0px - 0px)", + "--state-weather-windy_variant-color": "#4caf50", + "--dark-primary-opacity": ".87", + "--state-binary_sensor-safety-on-color": "#f44336", + "--mdc-select-outlined-disabled-border-color": "#0000000f", + "--ha-font-size-s": "calc(12px * 1)", + "--ha-color-primary-30": "#006787", + "--state-sensor-battery-high-color": "#4caf50", + "--ha-color-red-60": "#f3676c", + "--ha-border-radius-pill": "9999px", + "--ha-color-form-background": "#f3f3f3", + "--mdc-text-field-disabled-ink-color": "#0000005e", + "--state-fan-active-color": "#00bcd4", + "--sidebar-selected-text-color": "#009ac7", + "--state-weather-hail-color": "#00bcd4", + "--ha-color-on-neutral-normal": "#5e5e5e", + "--ha-color-fill-disabled-loud-hover": "#b1b1b1", + "--md-list-item-supporting-text-font": "Roboto, Noto, sans-serif", + "--wa-color-warning-on-loud": "#fff", + "--state-weather-exceptional-color": "#f44336", + "--ha-color-shadow-scrollable-fade": "#00000014", + "--ha-color-orange-50": "#c94e00", + "--black-color": "#000", + "--wa-color-brand-border-quiet": "#dff3fc", + "--ha-color-fill-primary-quiet-active": "#eff9fe", + "--state-media_player-active-color": "#03a9f4", + "--cyan-color": "#00bcd4", + "--state-alarm_control_panel-disarming-color": "#ff9800", + "--mdc-text-field-label-ink-color": "#0009", + "--ha-color-white": "#fff", + "--wa-color-warning-fill-normal": "#ffe0c8", + "--margin-title-ltr": "0 0 0 24px", + "--ha-color-on-warning-loud": "#fff", + "--ha-color-red-70": "#fd8f90", + "--color-9": "#01ab63", + "--ha-color-border-danger-loud": "#b30532", + "--state-weather-rainy-color": "#2196f3", + "--wa-focus-ring-style": "solid", + "--input-idle-line-color": "#0000006b", + "--mdc-select-outlined-idle-border-color": "#00000061", + "--input-disabled-fill-color": "#fafafa", + "--ha-font-weight-heading": "700", + "--state-alarm_control_panel-armed_night-color": "#4caf50", + "--input-label-ink-color": "#0009", + "--ha-color-orange-05": "#280700", + "--rgb-accent-color": "255, 152, 0", + "--ha-font-weight-normal": "400", + "--color-28": "#927acc", + "--wa-color-surface-default": "#fff", + "--mdc-text-field-ink-color": "#000000de", + "--ha-space-9": "36px", + "--dark-divider-opacity": ".12", + "--ha-color-primary-60": "#37c8fd", + "--wa-form-control-height": "40px", + "--state-vacuum-error-color": "#f44336", + "--color-17": "#7599d1", + "--state-siren-active-color": "#f44336", + "--wa-color-brand-border-loud": "#009ac7", + "--wa-focus-ring-offset": "2px", + "--ha-border-width-sm": "1px", + "--wa-color-neutral-border-normal": "#989898", + "--wa-color-warning-on-quiet": "#c94e00", + "--state-climate-heat-color": "#ff6f22", + "--ha-border-width-md": "2px", + "--secondary-background-color": "#e5e5e5", + "--ha-color-green-80": "#93da98", + "--text-light-primary-color": "#212121", + "--ha-color-on-danger-quiet": "#dc3146", + "--ha-color-neutral-90": "#e6e6e6", + "--ha-border-width-lg": "3px", + "--color-46": "#c27eb6", + "--ha-color-fill-primary-normal-hover": "#b9e6fc", + "--ha-color-orange-60": "#f36d00", + "--wa-color-danger-on-loud": "#fff", + "--wa-color-surface-border": "#e6e6e6", + "--wa-form-control-border-radius": "12px", + "--wa-form-control-placeholder-color": "#5e5e5e", + "--wa-color-success-border-normal": "#5dc36f", + "--wa-form-control-border-color": "#989898", + "--state-climate-auto-color": "#4caf50", + "--dark-secondary-opacity": ".54", + "--ha-font-size-5xl": "calc(40px * 1)", + "--state-active-color": "#ffc107", + "--ha-color-green-20": "#0a3a1d", + "--ha-color-border-primary-normal": "#7bd4fb", + "--color-18": "#7a4c31", + "--outline-color": "#0000001f", + "--state-sensor-battery-medium-color": "#ff9800", + "--color-25": "#c884ff", + "--ha-color-focus": "#989898", + "--energy-battery-in-color": "#f06292", + "--safe-area-offset-right": "calc(max(0px - 0px, 0px) / 2)", + "--state-alarm_control_panel-arming-color": "#ff9800", + "--state-water_heater-eco-color": "#4caf50", + "--input-fill-color": "#f5f5f5", + "--ha-color-fill-neutral-quiet-hover": "#e6e6e6", + "--state-water_heater-heat_pump-color": "#ff9800", + "--ha-color-primary-70": "#7bd4fb", + "--light-primary-opacity": "1", + "--ha-color-fill-warning-loud-resting": "#ff9342", + "--ha-color-fill-primary-loud-active": "#009ac7", + "--color-2": "#f4bd4a", + "--ha-font-size-3xl": "calc(28px * 1)", + "--ha-assist-chip-filled-container-color": "rgba(33, 33, 33, .15)", + "--color-24": "#ffadda", + "--ha-font-size-xs": "calc(10px * 1)", + "--ha-animation-duration-normal": "1ms", + "--wa-color-danger-on-normal": "#b30532", + "--sidebar-text-color": "#141414", + "--mdc-theme-text-secondary-on-background": "#5e5e5e", + "--wa-form-control-border-width": "1px", + "--wa-color-neutral-on-normal": "#5e5e5e", + "--ha-border-radius-md": "8px", + "--energy-gas-color": "#8e021b", + "--color-15": "#d96895", + "--ha-color-surface-low-inverted": "#141414", + "--ha-color-on-disabled-loud": "#f3f3f3", + "--state-alarm_control_panel-armed_away-color": "#4caf50", + "--wa-focus-ring-width": "2px", + "--table-header-background-color": "#f5f5f5", + "--ha-color-neutral-80": "#ccc", + "--ha-color-orange-70": "#ff9342", + "--ha-font-weight-light": "300", + "--wa-color-warning-fill-quiet": "#ffe0c8", + "--wa-color-brand-fill-normal": "#dff3fc", + "--ha-color-on-primary-normal": "#009ac7", + "--color-32": "#f48758", + "--ha-line-height-expanded": "2", + "--wa-border-radius-pill": "9999px", + "--color-51": "#f48800", + "--ha-color-green-50": "#00883c", + "--state-weather-windy-color": "#4caf50", + "--ha-border-radius-5xl": "32px", + "--ha-border-radius-circle": "50%", + "--ha-color-primary-10": "#002e3e", + "--ha-color-text-disabled": "#989898", + "--scrollbar-thumb-color": "#c2c2c2", + "--mdc-theme-secondary": "#ff9800", + "--ha-color-fill-success-loud-resting": "#00883c", + "--mdc-select-ink-color": "#000000de", + "--ha-color-border-success-quiet": "#c2f2c1", + "--state-light-active-color": "#ffc107", + "--wa-border-radius-s": "4px", + "--label-badge-green": "#43a047", + "--state-binary_sensor-lock-on-color": "#f44336", + "--wa-color-neutral-on-quiet": "#7a7a7a", + "--wa-form-control-padding-inline": "12px", + "--mdc-text-field-disabled-fill-color": "#fafafa", + "--ha-color-on-success-loud": "#fff", + "--color-27": "#bf8b6d", + "--history-unknown-color": "#606060", + "--state-weather-cloudy-color": "#bdbdbd", + "--state-lock-open-color": "#f44336", + "--wa-color-brand-on-quiet": "#18bcf2", + "--state-water_heater-performance-color": "#ff6f22", + "--energy-grid-consumption-color": "#488fc2", + "--ha-color-fill-neutral-normal-resting": "#e6e6e6", + "--ha-color-fill-danger-quiet-hover": "#ffdedc", + "--wa-transition-easing": "ease", + "--wa-focus-ring": "solid 2px #989898", + "--wa-transition-normal": "1ms", + "--ha-font-size-scale": "1", + "--wa-color-neutral-fill-loud": "#5e5e5e", + "--ha-color-text-primary": "#141414", + "--ha-color-primary-95": "#eff9fe", + "--mdc-button-disabled-ink-color": "#bdbdbd", + "--table-row-background-color": "#fafafa", + "--ha-animation-duration-instant": "1ms", + "--wa-panel-border-width": "1px", + "--ha-box-shadow-l": "0 6px 12px -3px #0000001f, 0 16px 32px -6px #0003", + "--wa-form-control-required-content-offset": ".1rem", + "--mdc-radio-unchecked-color": "rgba(33, 33, 33, .54)", + "--wa-color-danger-border-quiet": "#ffdedc", + "--sidebar-selected-icon-color": "#009ac7", + "--ha-color-fill-warning-normal-resting": "#ffe0c8", + "--ha-color-fill-danger-quiet-active": "#fff0ef", + "--ha-color-on-primary-loud": "#fff", + "--ha-font-family-heading": "Roboto, Noto, sans-serif", + "--ha-color-orange-40": "#9d3800", + "--color-36": "#e43872", + "--state-climate-fan_only-color": "#00bcd4", + "--input-disabled-line-color": "#0000000f", + "--ha-space-20": "80px", + "--color-6": "#ff8ab7", + "--wa-space-xs": "8px", + "--ha-color-primary-20": "#004156", + "--mdc-select-label-ink-color": "#0009", + "--ha-space-6": "24px", + "--ha-color-fill-neutral-quiet-active": "#f3f3f3", + "--ha-color-fill-primary-quiet-resting": "#eff9fe", + "--ha-font-size-m": "calc(14px * 1)", + "--color-50": "#a49100", + "--float-end": "right", + "--wa-color-danger-border-normal": "#fd8f90", + "--ha-color-fill-danger-loud-resting": "#dc3146", + "--state-alarm_control_panel-pending-color": "#ff9800", + "--checked-icon-color": "#fff", + "--mdc-checkbox-unchecked-color": "rgba(33, 33, 33, .54)", + "--color-19": "#6989f4", + "--ha-space-19": "76px", + "--ha-font-family-body": "Roboto, Noto, sans-serif", + "--rgb-text-primary-color": "255, 255, 255", + "--ha-color-border-warning-normal": "#ff9342", + "--shadow-color": "#00000029", + "--state-icon-color": "#44739e", + "--ha-color-fill-warning-quiet-hover": "#ffe0c8", + "--ha-color-fill-primary-normal-active": "#dff3fc", + "--mdc-theme-primary": "#009ac7", + "--color-34": "#f2b94f", + "--ha-space-4": "16px", + "--mdc-dialog-heading-ink-color": "#141414", + "--disabled-color": "#bdbdbd", + "--state-plant-active-color": "#f44336", + "--ha-color-neutral-40": "#5e5e5e", + "--orange-color": "#ff9800", + "--energy-water-color": "#00bcd4", + "--ha-font-weight-body": "400", + "--wa-form-control-required-content": "\"*\"", + "--ha-color-fill-danger-normal-hover": "#ffb8b6", + "--wa-font-weight-body": "400", + "--color-45": "#fecddf", + "--color-4": "#6cc5b0", + "--wa-line-height-condensed": "1.2", + "--lime-color": "#cddc39", + "--wa-color-warning-border-normal": "#ff9342", + "--mdc-tab-text-label-color-default": "#141414", + "--mdc-select-disabled-fill-color": "#fafafa", + "--light-green-color": "#8bc34a", + "--wa-color-brand-border-normal": "#18bcf2", + "--wa-color-neutral-fill-normal": "#e6e6e6", + "--label-badge-red": "#db4437", + "--ha-color-on-danger-normal": "#b30532", + "--state-device_tracker-home-color": "#4caf50", + "--state-cover-active-color": "#926bc7", + "--state-binary_sensor-problem-on-color": "#f44336", + "--state-binary_sensor-sound-on-color": "#f44336", + "--ha-color-neutral-60": "#989898", + "--input-dropdown-icon-color": "#0000008a", + "--ha-color-fill-disabled-quiet-hover": "#e6e6e6", + "--app-header-border-bottom": "1px solid #0000001f", + "--blue-color": "#2196f3", + "--wa-color-danger-fill-quiet": "#ffdedc", + "--state-weather-lightning-color": "#ffeb3b", + "--color-8": "#97bbf5", + "--safe-area-inset-x": "calc(0px + 0px)", + "--color-42": "#009f82", + "--mdc-select-dropdown-icon-color": "#0000008a", + "--mdc-theme-text-disabled-on-light": "#bdbdbd", + "--wa-color-brand-fill-loud": "#009ac7", + "--ha-color-green-70": "#5dc36f", + "--state-weather-snowy_rainy-color": "#03a9f4", + "--mdc-text-field-outlined-disabled-border-color": "#0000000f", + "--darker-primary-color": "#016194", + "--ha-color-orange-20": "#5e1c00", + "--state-update-active-color": "#ff9800", + "--ha-color-on-neutral-quiet": "#7a7a7a", + "--wa-color-neutral-border-loud": "#5e5e5e", + "--state-lock-locking-color": "#ff9800", + "--mdc-text-field-hover-line-color": "#000000de", + "--ha-moz-osx-font-smoothing": "grayscale", + "--state-alarm_control_panel-triggered-color": "#f44336", + "--wa-color-surface-raised": "#fff", + "--safe-area-inset-top": "0px", + "--safe-area-offset-top": "calc(max(0px - 0px, 0px) / 2)", + "--ha-color-fill-danger-loud-active": "#dc3146", + "--mdc-text-field-idle-line-color": "#0000006b", + "--dark-disabled-opacity": ".38", + "--state-climate-dry-color": "#ff9800", + "--ha-space-14": "56px", + "--state-sensor-battery-low-color": "#f44336", + "--history-unavailable-color": "transparent", + "--color-44": "#cbe8ff", + "--ha-color-red-30": "#8a132c", + "--safe-area-inset-left": "0px", + "--wa-form-control-value-color": "#141414", + "--ha-font-size-2xl": "calc(24px * 1)", + "--ha-color-on-primary-quiet": "#18bcf2", + "--wa-color-warning-fill-loud": "#ff9342", + "--wa-font-size-s": "calc(12px * 1)", + "--table-row-alternative-background-color": "#e5e5e5", + "--ha-color-red-20": "#631323", + "--ha-color-fill-neutral-loud-active": "#5e5e5e", + "--color-10": "#094bad", + "--ha-color-on-disabled-quiet": "#ccc", + "--ha-color-on-warning-quiet": "#c94e00", + "--ha-color-text-secondary": "#5e5e5e", + "--state-water_heater-gas-color": "#ff9800", + "--ha-color-green-10": "#052310", + "--label-badge-background-color": "#fff", + "--ha-color-form-background-hover": "#e6e6e6", + "--ha-color-fill-danger-normal-active": "#ffdedc", + "--ha-color-border-primary-quiet": "#dff3fc", + "--ha-animation-duration-fast": "1ms", + "--state-lock-locked-color": "#4caf50", + "--wa-panel-border-style": "solid", + "--ha-space-16": "64px", + "--safe-area-inset-y": "calc(0px + 0px)", + "--ha-color-primary-80": "#b9e6fc", + "--deep-purple-color": "#6e41ab", + "--ha-color-neutral-05": "#141414", + "--light-blue-color": "#03a9f4", + "--ha-border-radius-6xl": "36px", + "--mdc-theme-surface": "#fff", + "--brown-color": "#795548", + "--ha-color-on-warning-normal": "#9d3800", + "--ha-color-primary-40": "#009ac7", + "--state-weather-sunny-color": "#ffc107", + "--ha-color-fill-warning-normal-hover": "#ffbb89", + "--slider-color": "#009ac7", + "--color-52": "#27d0df", + "--ha-color-border-warning-quiet": "#ffe0c8", + "--color-53": "#a04a9b", + "--state-weather-clear_night-color": "#6e41ab", + "--bar-box-shadow": "0 2px 12px #00000029", + "--rgb-warning-color": "255, 166, 0", + "--ha-color-neutral-95": "#f3f3f3", + "--ha-color-fill-success-normal-active": "#c2f2c1", + "--ha-border-radius-xl": "16px", + "--color-37": "#d9b100", + "--white-color": "#fff", + "--ha-color-fill-neutral-quiet-resting": "#f3f3f3", + "--header-height": "56px", + "--amber-color": "#ffc107", + "--state-water_heater-electric-color": "#ff9800", + "--state-person-home-color": "#4caf50", + "--energy-non-fossil-color": "#0f9d58", + "--wa-color-danger-border-loud": "#b30532", + "--wa-color-success-fill-normal": "#c2f2c1", + "--state-lock-unlocked-color": "#f44336", + "--green-color": "#4caf50", + "--state-lock-jammed-color": "#f44336", + "--scale-direction": "1", + "--ha-color-border-neutral-quiet": "#e6e6e6", + "--mdc-theme-on-secondary": "#fff", + "--safe-area-inset-bottom": "0px", + "--ha-color-fill-success-quiet-active": "#e3f9e3", + "--slider-secondary-color": "#b3e5fc", + "--wa-color-brand-on-loud": "#fff", + "--color-33": "#8caed6", + "--color-26": "#badeff", + "--color-11": "#c99000", + "--ha-color-fill-disabled-normal-hover": "#e6e6e6", + "--wa-panel-border-radius": "24px", + "--ha-color-neutral-30": "#4a4a4a", + "--ha-color-fill-primary-loud-resting": "#009ac7", + "--color-5": "#a463f2", + "--ha-border-radius-sm": "4px", + "--wa-color-neutral-fill-quiet": "#e6e6e6", + "--ha-color-fill-neutral-normal-active": "#e6e6e6", + "--ha-color-red-05": "#2a040b", + "--ha-space-7": "28px", + "--ha-line-height-normal": "1.6", + "--energy-solar-color": "#ff9800", + "--mdc-button-outline-color": "#0000001f", + "--disabled-text-color": "#bdbdbd", + "--ha-color-red-80": "#ffb8b6", + "--ha-color-fill-success-quiet-hover": "#c2f2c1", + "--light-grey-color": "#bdbdbd", + "--energy-grid-return-color": "#8353d1", + "--state-alert-on-color": "#f44336", + "--ha-border-radius-4xl": "28px", + "--state-humidifier-on-color": "#2196f3", + "--ha-font-size-4xl": "calc(32px * 1)", + "--ha-color-green-60": "#00ac49", + "--state-binary_sensor-battery-on-color": "#f44336", + "--state-water_heater-high_demand-color": "#ff6f22", + "--ha-color-fill-success-quiet-resting": "#e3f9e3", + "--input-disabled-ink-color": "#0000005e", + "--divider-color": "#0000001f", + "--checked-icon-scale": ".9", + "--ha-color-fill-success-loud-hover": "#036730", + "--ha-color-on-success-normal": "#036730", + "--ha-color-primary-05": "#001721", + "--ha-color-on-danger-loud": "#fff", + "--wa-color-warning-border-quiet": "#ffe0c8", + "--blue-grey-color": "#607d8b", + "--ha-border-radius-lg": "12px", + "--ha-color-fill-neutral-loud-resting": "#5e5e5e", + "--ha-color-text-secondary-inverted": "#363636", + "--mdc-select-disabled-dropdown-icon-color": "#0000005e", + "--ha-color-primary-50": "#18bcf2", + "--color-3": "#ff725c", + "--state-climate-heat-cool-color": "#ffc107", + "--wa-color-warning-border-loud": "#9d3800", + "--wa-color-text-quiet": "#5e5e5e", + "--state-switch-active-color": "#ffc107", + "--ha-color-green-30": "#0a5027", + "--ha-color-fill-warning-quiet-active": "#fff0e4", + "--ha-color-text-primary-inverted": "#fff", + "--ha-space-11": "44px", + "--ha-color-red-40": "#b30532", + "--mdc-dialog-content-ink-color": "#141414", + "--wa-color-neutral-border-quiet": "#e6e6e6", + "--sidebar-background-color": "#fff", + "--wa-form-control-value-font-weight": "400", + "--primary-color": "#009ac7", + "--color-35": "#eff26e", + "--ha-assist-chip-active-container-color": "rgba(0, 154, 199, .15)", + "--wa-color-success-on-loud": "#fff", + "--markdown-code-background-color": "#fafafa", + "--ha-space-10": "40px", + "--primary-background-color": "#fafafa", + "--wa-form-control-activated-color": "#009ac7", + "--ha-space-17": "68px", + "--label-badge-blue": "#039be5", + "--warning-color": "#ffa600", + "--ha-font-weight-action": "500", + "--wa-color-success-on-quiet": "#00883c", + "--input-outlined-idle-border-color": "#00000061", + "--wa-color-success-fill-quiet": "#c2f2c1", + "--ha-color-red-95": "#fff0ef", + "--ha-color-black": "#000", + "--ha-color-surface-lower-inverted": "#000", + "--ha-color-fill-success-normal-hover": "#93da98", + "--ha-space-13": "52px", + "--state-sun-below_horizon-color": "#3f51b5", + "--app-theme-color": "#fff", + "--color-47": "#8cd2ce", + "--wa-form-control-padding-block": ".75em", + "--ha-color-fill-success-normal-resting": "#c2f2c1", + "--wa-font-size-l": "calc(16px * 1)", + "--rgb-info-color": "3, 155, 229", + "--state-lawn_mower-active-color": "#009688", + "--ha-color-fill-success-loud-active": "#00883c", + "--ha-color-green-05": "#031608", + "--ha-color-neutral-20": "#363636", + "--ha-color-fill-warning-normal-active": "#ffe0c8", + "--rgb-secondary-text-color": "114, 114, 114", + "--state-binary_sensor-carbon_monoxide-on-color": "#f44336", + "--energy-battery-out-color": "#4db6ac", + "--sidebar-icon-color": "rgba(33, 33, 33, .6)", + "--color-41": "#d06800", + "--margin-title-rtl": "0 24px 0 0", + "--ha-color-border-success-loud": "#036730", + "--ha-color-fill-warning-loud-active": "#ff9342", + "--ha-color-fill-disabled-loud-resting": "#ccc", + "--ha-space-1": "4px", + "--mdc-checkbox-disabled-color": "#bdbdbd", + "--ha-space-3": "12px", + "--ha-color-neutral-50": "#7a7a7a", + "--state-binary_sensor-heat-on-color": "#f44336", + "--rgb-primary-color": "0, 154, 199", + "--red-color": "#f44336", + "--ha-color-green-95": "#e3f9e3", + "--state-alarm_control_panel-armed_custom_bypass-color": "#4caf50", + "--wa-color-text-normal": "#141414", + "--ha-space-5": "20px", + "--rgb-success-color": "67, 160, 71", + "--ha-color-orange-10": "#3b0f00", + "--color-30": "#bf3947", + "--state-weather-pouring-color": "#3f51b5", + "--ha-color-fill-neutral-loud-hover": "#4a4a4a", + "--state-unavailable-color": "#bdbdbd", + "--wa-color-brand-fill-quiet": "#dff3fc", + "--ha-color-orange-90": "#ffe0c8", + "--state-binary_sensor-tamper-on-color": "#f44336", + "--ha-color-fill-disabled-normal-resting": "#f3f3f3", + "--mdc-text-field-disabled-line-color": "#0000000f", + "--wa-space-m": "16px", + "--ha-line-height-condensed": "1.2", + "--wa-form-control-background-color": "", + "--state-device_tracker-active-color": "#2196f3", + "--input-hover-line-color": "#000000de", + "--ha-font-size-xl": "calc(20px * 1)", + "--ha-color-border-neutral-normal": "#989898", + "--wa-border-width-s": "1px", + "--color-49": "#f883b0", + "--wa-shadow-l": "0 6px 12px -3px #0000001f, 0 16px 32px -6px #0003", + "--wa-font-size-m": "calc(14px * 1)", + "--ha-font-weight-medium": "500", + "--state-vacuum-active-color": "#009688", + "--ha-color-fill-disabled-quiet-resting": "#f3f3f3", + "--mdc-text-field-outlined-idle-border-color": "#00000061", + "--ha-border-radius-3xl": "24px", + "--color-48": "#c4b8d9", + "--ha-color-border-danger-normal": "#fd8f90", + "--accent-color": "#ff9800", + "--outline-hover-color": "#0000003d", + "--ha-color-on-disabled-normal": "#b1b1b1", + "--ha-font-size-l": "calc(16px * 1)", + "--color-38": "#9d7a00", + "--state-weather-partlycloudy-color": "#607d8b", + "--ha-color-orange-80": "#ffbb89", + "--wa-border-radius-m": "8px", + "--state-binary_sensor-glass_break-on-color": "#f44336", + "--deep-orange-color": "#ff6f22", + "--ha-color-form-background-disabled": "#ccc", + "--wa-color-success-border-loud": "#036730", + "--ha-color-orange-95": "#fff0e4", + "--mdc-theme-error": "#db4437", + "--ha-color-primary-90": "#dff3fc", + "--ha-color-border-neutral-loud": "#5e5e5e", + "--state-weather-fog-color": "#9e9e9e", + "--color-40": "#00d27e", + "--wa-space-xl": "32px", + "--secondary-text-color": "#5e5e5e", + "--error-color": "#db4437", + "--mdc-dialog-scroll-divider-color": "#0000001f", + "--state-weather-snowy-color": "#c0e0ff", + "--ha-font-weight-bold": "700", + "--ha-space-12": "48px", + "--wa-border-radius-l": "12px", + "--wa-color-danger-fill-loud": "#dc3146", + "--color-16": "#8043ce", + "--color-22": "#8fe9d3", + "--ha-color-red-50": "#dc3146", + "--state-alarm_control_panel-armed_vacation-color": "#4caf50", + "--mdc-select-outlined-hover-border-color": "#000000de", + "--wa-border-style": "solid", + "--ha-color-surface-default": "#fff", + "--app-header-background-color": "#fff", + "--card-background-color": "#fff", + "--state-alert-off-color": "#ff9800", + "--mdc-theme-on-surface": "#141414", + "--ha-color-border-success-normal": "#5dc36f", + "--state-climate-cool-color": "#2196f3", + "--label-badge-text-color": "rgba(33, 33, 33, .8)", + "--state-binary_sensor-smoke-on-color": "#f44336", + "--wa-color-warning-on-normal": "#9d3800", + "--mdc-text-field-outlined-hover-border-color": "#000000de", + "--color-21": "#ff957c", + "--indigo-color": "#3f51b5", + "--wa-focus-ring-color": "#989898", + "--mdc-radio-disabled-color": "#bdbdbd", + "--color-13": "#49a28f", + "--state-alarm_control_panel-armed_home-color": "#4caf50", + "--ha-color-text-link": "#009ac7", + "--mdc-select-fill-color": "#f5f5f5", + "--ha-color-fill-primary-quiet-hover": "#dff3fc", + "--ha-color-fill-danger-quiet-resting": "#fff0ef", + "--label-badge-grey": "#9e9e9e", + "--wa-transition-fast": "1ms", + "--label-badge-yellow": "#ffa600", + "--data-table-background-color": "#fff", + "--state-icon-error-color": "#db4437", + "--color-39": "#698cff", + "--ha-box-shadow-s": "0 1px 2px 0 #00000014, 0 1px 3px 0 #0000001f", + "--ha-border-radius-2xl": "20px", + "--wa-shadow-m": "0 3px 6px -1px #0000001a, 0 8px 16px -2px #00000026", + "--ha-color-surface-low": "#f3f3f3", + "--ha-animation-duration-slow": "1ms", + "--color-31": "#9f5b00", + "--ha-font-smoothing": "antialiased", + "--color-14": "#048732", + "--color-20": "#ffd444", + "--ha-color-fill-warning-quiet-resting": "#fff0e4", + "--wa-border-width-m": "2px", + "--ha-color-green-90": "#c2f2c1", + "--state-lawn_mower-error-color": "#f44336", + "--mdc-select-idle-line-color": "#0000006b", + "--color-23": "#62cc71", + "--mdc-select-hover-line-color": "#000000de", + "--ha-dialog-scrim-backdrop-filter": "brightness(68%)", + "--safe-area-inset-right": "0px", + "--clear-background-color": "#fff", + "--state-sun-above_horizon-color": "#ffc107", + "--state-lock-unlocking-color": "#ff9800", + "--ha-animation-duration-none": "1ms", + "--light-primary-color": "#b3e5fc", + "--state-lock-opening-color": "#ff9800", + "--color-7": "#9c6b4e", + "--wa-form-control-toggle-size": "20px", + "--ha-color-fill-danger-normal-resting": "#ffdedc", + "--mdc-theme-on-primary": "#fff", + "--input-outlined-hover-border-color": "#000000de", + "--chip-background-color": "rgba(33, 33, 33, .15)", + "--ha-color-on-success-quiet": "#00883c", + "--ha-color-on-surface-default": "#141414", + "--md-list-item-label-text-font": "Roboto, Noto, sans-serif", + "--ha-color-red-90": "#ffdedc", + "--input-ink-color": "#000000de", + "--direction": "ltr", + "--rgb-card-background-color": "255, 255, 255", + "--float-start": "left", + "--light-secondary-opacity": ".7", + "--ha-space-2": "8px", + "--ha-color-fill-primary-loud-hover": "#006787", + "--slider-track-color": "#c2c2c2", + "--md-list-item-trailing-supporting-text-font": "Roboto, Noto, sans-serif", + "--ha-color-red-10": "#3e0913", + "--safe-area-offset-left": "calc(max(0px - 0px, 0px) / 2)", + "--wa-color-neutral-on-loud": "#fff", + "--text-primary-color": "#fff", + "--ha-color-surface-lower": "#e6e6e6", + "--ha-font-family-longform": "ui-sans-serif, system-ui, sans-serif", + "--light-divider-opacity": ".12", + "--state-weather-lightning_rainy-color": "#cddc39", + "--ha-border-radius-square": "0", + "--safe-area-offset-bottom": "calc(max(0px - 0px, 0px) / 2)", + "--wa-font-weight-action": "500", + "--ha-color-on-neutral-loud": "#fff", + "--wa-color-success-fill-loud": "#00883c", + "--primary-text-color": "#141414", + "--info-color": "#039be5", + "--color-54": "#4269d0", + "--teal-color": "#009688", + "--ha-color-fill-warning-loud-hover": "#c94e00", + "--color-12": "#d84f3e", + "--pink-color": "#e91e63", + "--wa-form-control-border-style": "solid", + "--ha-color-border-warning-loud": "#9d3800", + "--light-disabled-opacity": ".3", + "--mdc-select-disabled-ink-color": "#0000005e", + "--mdc-theme-text-icon-on-background": "#5e5e5e", + "--wa-color-success-border-quiet": "#c2f2c1", + "--wa-color-success-on-normal": "#036730", + "--ha-space-18": "72px", + "--wa-space-l": "24px", + "--rgb-primary-text-color": "33, 33, 33", + "--wa-border-width-l": "3px", + "--ha-color-neutral-10": "#202020", + "--state-person-active-color": "#2196f3", + "--ha-box-shadow-m": "0 3px 6px -1px #0000001a, 0 8px 16px -2px #00000026", + "--ha-color-border-danger-quiet": "#ffdedc", + "--app-header-text-color": "#141414", + "--ha-color-orange-30": "#7e2900", + "--ha-color-surface-default-inverted": "#202020", + "--ha-color-fill-danger-loud-hover": "#b30532", + "--ha-color-neutral-70": "#b1b1b1", + "--wa-shadow-s": "0 1px 2px 0 #00000014, 0 1px 3px 0 #0000001f", + "--color-43": "#c49200", + "--dark-primary-color": "#0288d1", + "--ha-color-green-40": "#036730", + "--color-1": "#4269d0", + "--dark-grey-color": "#606060", + "--rgb-error-color": "219, 68, 55", + "--ha-color-fill-neutral-normal-hover": "#ccc", + "--ha-color-border-primary-loud": "#009ac7", + "--wa-color-danger-on-quiet": "#dc3146", + "--state-binary_sensor-gas-on-color": "#f44336", + "--grey-color": "#9e9e9e", + "--mdc-theme-text-hint-on-background": "#5e5e5e", + "--wa-color-danger-fill-normal": "#ffdedc", + "--state-binary_sensor-moisture-on-color": "#f44336", + "--yellow-color": "#ffeb3b" + }, + "dark": { + "--ha-space-8": "32px", + "--wa-color-brand-on-normal": "#37c8fd", + "--state-inactive-color": "#9e9e9e", + "--codemirror-type": "#decb6b", + "--safe-width": "calc(100vw - 0px - 0px)", + "--success-color": "#43a047", + "--input-outlined-disabled-border-color": "#ffffff0f", + "--color-29": "#97ee3f", + "--purple-color": "#926bc7", + "--ha-color-fill-primary-normal-resting": "#002e3e", + "--mdc-theme-background": "#111", + "--ha-space-15": "60px", + "--mdc-theme-text-primary-on-background": "#e1e1e1", + "--state-binary_sensor-active-color": "#ffc107", + "--state-valve-active-color": "#2196f3", + "--mdc-text-field-fill-color": "#ffffff0d", + "--ha-font-family-code": "monospace", + "--wa-form-control-value-line-height": "1.2", + "--safe-height": "calc(100vh - 0px - 0px)", + "--state-weather-windy_variant-color": "#4caf50", + "--dark-primary-opacity": ".87", + "--state-binary_sensor-safety-on-color": "#f44336", + "--mdc-select-outlined-disabled-border-color": "#ffffff0f", + "--ha-font-size-s": "calc(12px * 1)", + "--rgb-ha-button-warning-light-color": "145,123,84", + "--ha-color-primary-30": "#006787", + "--state-sensor-battery-high-color": "#4caf50", + "--ha-color-red-60": "#f3676c", + "--ha-border-radius-pill": "9999px", + "--ha-color-form-background": "#363636", + "--mdc-text-field-disabled-ink-color": "#ffffff5e", + "--state-fan-active-color": "#00bcd4", + "--rgb-disabled-text-color": "111,111,111", + "--sidebar-selected-text-color": "#009ac7", + "--state-weather-hail-color": "#00bcd4", + "--ha-color-fill-disabled-loud-hover": "#5e5e5e", + "--ha-color-on-neutral-normal": "#989898", + "--md-list-item-supporting-text-font": "Roboto, Noto, sans-serif", + "--wa-color-warning-on-loud": "#fff", + "--ha-color-shadow-scrollable-fade": "#00000014", + "--state-weather-exceptional-color": "#f44336", + "--ha-color-orange-50": "#c94e00", + "--black-color": "#000", + "--wa-color-brand-border-quiet": "#dff3fc", + "--ha-color-fill-primary-quiet-active": "#001721", + "--state-media_player-active-color": "#03a9f4", + "--cyan-color": "#00bcd4", + "--state-alarm_control_panel-disarming-color": "#ff9800", + "--ha-color-white": "#fff", + "--mdc-text-field-label-ink-color": "#fff9", + "--wa-color-warning-fill-normal": "#3b0f00", + "--margin-title-ltr": "0 0 0 24px", + "--ha-color-on-warning-loud": "#fff", + "--ha-color-red-70": "#fd8f90", + "--rgb-clear-background-color": "17,17,17", + "--codemirror-variable": "#f07178", + "--color-9": "#01ab63", + "--map-filter": "invert(.9) hue-rotate(170deg) brightness(1.5) contrast(1.2) saturate(.3)", + "--ha-color-border-danger-loud": "#dc3146", + "--state-weather-rainy-color": "#2196f3", + "--wa-focus-ring-style": "solid", + "--input-idle-line-color": "#ffffff6b", + "--mdc-select-outlined-idle-border-color": "#ffffff61", + "--input-disabled-fill-color": "#ffffff05", + "--ha-font-weight-heading": "700", + "--state-alarm_control_panel-armed_night-color": "#4caf50", + "--input-label-ink-color": "#fff9", + "--ha-color-orange-05": "#280700", + "--rgb-accent-color": "255, 152, 0", + "--ha-font-weight-normal": "400", + "--color-28": "#927acc", + "--wa-color-surface-default": "#1c1c1c", + "--ha-color-primary-60": "#37c8fd", + "--ha-space-9": "36px", + "--dark-divider-opacity": ".12", + "--mdc-text-field-ink-color": "#ffffffde", + "--wa-form-control-height": "40px", + "--state-vacuum-error-color": "#f44336", + "--color-17": "#7599d1", + "--state-siren-active-color": "#f44336", + "--wa-focus-ring-offset": "2px", + "--wa-color-brand-border-loud": "#009ac7", + "--ha-border-width-sm": "1px", + "--wa-color-neutral-border-normal": "#7a7a7a", + "--wa-color-warning-on-quiet": "#ff9342", + "--ha-border-width-md": "2px", + "--state-climate-heat-color": "#ff6f22", + "--secondary-background-color": "#282828", + "--ha-color-green-80": "#93da98", + "--text-light-primary-color": "#212121", + "--color-46": "#c27eb6", + "--ha-color-neutral-90": "#e6e6e6", + "--ha-border-width-lg": "3px", + "--ha-color-fill-primary-normal-hover": "#004156", + "--ha-color-on-danger-quiet": "#fd8f90", + "--ha-color-orange-60": "#f36d00", + "--wa-color-danger-on-loud": "#fff", + "--wa-color-surface-border": "#5e5e5e", + "--wa-form-control-border-radius": "12px", + "--wa-form-control-placeholder-color": "#ccc", + "--wa-color-success-border-normal": "#5dc36f", + "--wa-form-control-border-color": "#7a7a7a", + "--state-climate-auto-color": "#4caf50", + "--ha-color-green-20": "#0a3a1d", + "--ha-font-size-5xl": "calc(40px * 1)", + "--ha-color-border-primary-normal": "#7bd4fb", + "--dark-secondary-opacity": ".54", + "--outline-color": "#e1e1e11f", + "--state-active-color": "#ffc107", + "--color-18": "#7a4c31", + "--state-sensor-battery-medium-color": "#ff9800", + "--color-25": "#c884ff", + "--ha-color-focus": "#989898", + "--energy-battery-in-color": "#f06292", + "--safe-area-offset-right": "calc(max(0px - 0px, 0px) / 2)", + "--state-alarm_control_panel-arming-color": "#ff9800", + "--state-water_heater-eco-color": "#4caf50", + "--input-fill-color": "#ffffff0d", + "--codemirror-qualifier": "#decb6b", + "--ha-color-fill-neutral-quiet-hover": "#202020", + "--state-water_heater-heat_pump-color": "#ff9800", + "--ha-color-primary-70": "#7bd4fb", + "--light-primary-opacity": "1", + "--ha-color-fill-warning-loud-resting": "#9d3800", + "--ha-color-fill-primary-loud-active": "#009ac7", + "--color-2": "#f4bd4a", + "--rgb-primary-background-color": "17,17,17", + "--ha-font-size-3xl": "calc(28px * 1)", + "--ha-assist-chip-filled-container-color": "rgba(225,225,225, .15)", + "--color-24": "#ffadda", + "--ha-font-size-xs": "calc(10px * 1)", + "--ha-animation-duration-normal": "1ms", + "--wa-color-danger-on-normal": "#f3676c", + "--sidebar-text-color": "#e1e1e1", + "--color-15": "#d96895", + "--wa-form-control-border-width": "1px", + "--wa-color-neutral-on-normal": "#989898", + "--ha-border-radius-md": "8px", + "--energy-gas-color": "#8e021b", + "--mdc-theme-text-secondary-on-background": "#9b9b9b", + "--ha-color-surface-low-inverted": "#f3f3f3", + "--ha-color-on-disabled-loud": "#7a7a7a", + "--state-alarm_control_panel-armed_away-color": "#4caf50", + "--rgb-input-ink-color": "255,255,255", + "--codemirror-variable-2": "#eff", + "--wa-focus-ring-width": "2px", + "--table-header-background-color": "#ffffff0d", + "--ha-color-neutral-80": "#ccc", + "--ha-color-orange-70": "#ff9342", + "--wa-color-brand-fill-normal": "#002e3e", + "--wa-color-warning-fill-quiet": "#3b0f00", + "--codemirror-comment": "#545454", + "--ha-font-weight-light": "300", + "--ha-color-on-primary-normal": "#37c8fd", + "--ha-line-height-expanded": "2", + "--color-32": "#f48758", + "--wa-border-radius-pill": "9999px", + "--color-51": "#f48800", + "--ha-color-green-50": "#00883c", + "--rgb-input-disabled-ink-color": "255,255,255", + "--state-weather-windy-color": "#4caf50", + "--ha-border-radius-5xl": "32px", + "--ha-border-radius-circle": "50%", + "--ha-color-primary-10": "#002e3e", + "--ha-color-text-disabled": "#989898", + "--scrollbar-thumb-color": "#6e6e6e", + "--mdc-theme-secondary": "#ff9800", + "--ha-color-fill-success-loud-resting": "#036730", + "--ha-color-border-success-quiet": "#c2f2c1", + "--mdc-select-ink-color": "#ffffffde", + "--state-light-active-color": "#ffc107", + "--wa-border-radius-s": "4px", + "--ha-color-on-success-loud": "#fff", + "--state-binary_sensor-lock-on-color": "#f44336", + "--label-badge-green": "#43a047", + "--wa-color-neutral-on-quiet": "#b1b1b1", + "--rgb-codemirror-operator": "137,221,255", + "--mdc-text-field-disabled-fill-color": "#ffffff05", + "--wa-form-control-padding-inline": "12px@layer wa-utilities{@supports (scrollbar-gutter", + "--color-27": "#bf8b6d", + "--history-unknown-color": "#606060", + "--state-weather-cloudy-color": "#bdbdbd", + "--state-lock-open-color": "#f44336", + "--wa-color-brand-on-quiet": "#7bd4fb", + "--state-water_heater-performance-color": "#ff6f22", + "--energy-grid-consumption-color": "#488fc2", + "--ha-color-fill-danger-quiet-hover": "#3e0913", + "--ha-button-neutral-light-color": "#6a7081", + "--wa-transition-easing": "ease", + "--wa-focus-ring": "solid 2px #989898", + "--ha-color-fill-neutral-normal-resting": "#202020", + "--wa-transition-normal": "1ms", + "--ha-font-size-scale": "1", + "--ha-color-text-primary": "#fff", + "--wa-color-neutral-fill-loud": "#989898", + "--ha-color-primary-95": "#eff9fe", + "--mdc-button-disabled-ink-color": "#6f6f6f", + "--table-row-background-color": "#111", + "--rgb-codemirror-comment": "84,84,84", + "--ha-button-primary-light-color": "#4082a040", + "--ha-animation-duration-instant": "1ms", + "--wa-panel-border-width": "1px", + "--ha-box-shadow-l": "0 6px 12px -3px #0006, 0 16px 32px -6px #0000008c", + "--rgb-input-dropdown-icon-color": "255,255,255", + "--wa-form-control-required-content-offset": ".1rem", + "--mdc-radio-unchecked-color": "rgba(225,225,225, .54)", + "--wa-color-danger-border-quiet": "#ffdedc", + "--sidebar-selected-icon-color": "#009ac7", + "--ha-color-fill-warning-normal-resting": "#3b0f00", + "--ha-color-fill-danger-quiet-active": "#2a040b", + "--ha-color-on-primary-loud": "#fff", + "--ha-font-family-heading": "Roboto, Noto, sans-serif", + "--ha-color-orange-40": "#9d3800", + "--color-36": "#e43872", + "--state-climate-fan_only-color": "#00bcd4", + "--input-disabled-line-color": "#ffffff0f", + "--ha-space-20": "80px", + "--color-6": "#ff8ab7", + "--wa-space-xs": "8px", + "--ha-color-primary-20": "#004156", + "--mdc-select-label-ink-color": "#fff9", + "--ha-space-6": "24px", + "--ha-color-fill-neutral-quiet-active": "", + "--ha-color-fill-primary-quiet-resting": "#001721", + "--rgb-codemirror-atom": "247,140,108", + "--ha-font-size-m": "calc(14px * 1)", + "--color-50": "#a49100", + "--float-end": "right", + "--rgb-disabled-color": "70,70,70", + "--ha-color-fill-danger-loud-resting": "#b30532", + "--wa-color-danger-border-normal": "#dc3146", + "--state-alarm_control_panel-pending-color": "#ff9800", + "--checked-icon-color": "#fff", + "--mdc-checkbox-unchecked-color": "rgba(225,225,225, .54)", + "--color-19": "#6989f4", + "--ha-space-19": "76px", + "--ha-font-family-body": "Roboto, Noto, sans-serif", + "--rgb-text-primary-color": "255, 255, 255", + "--ha-color-border-warning-normal": "#c94e00", + "--shadow-color": "#0000007a", + "--state-icon-color": "#44739e", + "--rgb-ha-button-neutral-color": "217,218,224", + "--ha-color-fill-warning-quiet-hover": "#3b0f00", + "--rgb-outline-hover-color": "225,225,225", + "--ha-color-fill-primary-normal-active": "#002e3e", + "--mdc-theme-primary": "#009ac7", + "--color-34": "#f2b94f", + "--rgb-input-outlined-idle-border-color": "255,255,255", + "--mdc-dialog-heading-ink-color": "#e1e1e1", + "--disabled-color": "#464646", + "--ha-space-4": "16px", + "--state-plant-active-color": "#f44336", + "--ha-color-neutral-40": "#5e5e5e", + "--energy-water-color": "#00bcd4", + "--orange-color": "#ff9800", + "--ha-font-weight-body": "400", + "--wa-form-control-required-content": "\"*\"", + "--ha-color-fill-danger-normal-hover": "#631323", + "--wa-font-weight-body": "400", + "--color-45": "#fecddf", + "--color-4": "#6cc5b0", + "--wa-line-height-condensed": "1.2", + "--lime-color": "#cddc39", + "--wa-color-warning-border-normal": "#c94e00", + "--mdc-tab-text-label-color-default": "#e1e1e1", + "--mdc-select-disabled-fill-color": "#ffffff05", + "--rgb-codemirror-variable-2": "238,255,255", + "--light-green-color": "#8bc34a", + "--wa-color-brand-border-normal": "#18bcf2", + "--wa-color-neutral-fill-normal": "#202020", + "--ha-color-on-danger-normal": "#f3676c", + "--label-badge-red": "#db4437", + "--state-device_tracker-home-color": "#4caf50", + "--state-cover-active-color": "#926bc7", + "--state-binary_sensor-problem-on-color": "#f44336", + "--state-binary_sensor-sound-on-color": "#f44336", + "--ha-color-neutral-60": "#989898", + "--input-dropdown-icon-color": "#ffffff8a", + "--ha-color-fill-disabled-quiet-hover": "#363636", + "--app-header-border-bottom": "1px solid #e1e1e11f", + "--blue-color": "#2196f3", + "--wa-color-danger-fill-quiet": "#3e0913", + "--state-weather-lightning-color": "#ffeb3b", + "--color-8": "#97bbf5", + "--rgb-codemirror-number": "255,83,112", + "--safe-area-inset-x": "calc(0px + 0px)", + "--color-42": "#009f82", + "--mdc-select-dropdown-icon-color": "#ffffff8a", + "--ha-button-warning-light-color": "#917b54c1", + "--mdc-theme-text-disabled-on-light": "#6f6f6f", + "--wa-color-brand-fill-loud": "#009ac7", + "--ha-color-green-70": "#5dc36f", + "--mdc-text-field-outlined-disabled-border-color": "#ffffff0f", + "--state-weather-snowy_rainy-color": "#03a9f4", + "--darker-primary-color": "#016194", + "--ha-color-orange-20": "#5e1c00", + "--state-update-active-color": "#ff9800", + "--ha-color-on-neutral-quiet": "#b1b1b1", + "--wa-color-neutral-border-loud": "#b1b1b1", + "--state-lock-locking-color": "#ff9800", + "--rgb-codemirror-variable-3": "222,203,107", + "--mdc-text-field-hover-line-color": "#ffffffde", + "--ha-moz-osx-font-smoothing": "grayscale", + "--codemirror-number": "#ff5370", + "--state-alarm_control_panel-triggered-color": "#f44336", + "--wa-color-surface-raised": "#1c1c1c", + "--safe-area-inset-top": "0px", + "--safe-area-offset-top": "calc(max(0px - 0px, 0px) / 2)", + "--ha-color-fill-danger-loud-active": "#b30532", + "--mdc-text-field-idle-line-color": "#ffffff6b", + "--dark-disabled-opacity": ".38", + "--state-climate-dry-color": "#ff9800", + "--codemirror-attribute": "#c792ea", + "--ha-space-14": "56px", + "--mdc-linear-progress-buffer-color": "#ffffff1a", + "--state-sensor-battery-low-color": "#f44336", + "--history-unavailable-color": "transparent", + "--color-44": "#cbe8ff", + "--ha-color-red-30": "#8a132c", + "--safe-area-inset-left": "0px", + "--wa-form-control-value-color": "#e1e1e1", + "--ha-font-size-2xl": "calc(24px * 1)", + "--ha-color-on-primary-quiet": "#7bd4fb", + "--wa-color-warning-fill-loud": "#9d3800", + "--wa-font-size-s": "calc(12px * 1)", + "--table-row-alternative-background-color": "#282828", + "--ha-color-red-20": "#631323", + "--ha-color-fill-neutral-loud-active": "#989898", + "--rgb-input-outlined-hover-border-color": "255,255,255", + "--color-10": "#094bad", + "--ha-color-on-disabled-quiet": "#5e5e5e", + "--ha-color-on-warning-quiet": "#ff9342", + "--ha-color-text-secondary": "#ccc", + "--state-water_heater-gas-color": "#ff9800", + "--ha-color-green-10": "#052310", + "--label-badge-background-color": "#1c1c1c", + "--ha-color-form-background-hover": "#4a4a4a", + "--ha-color-fill-danger-normal-active": "#3e0913", + "--ha-color-border-primary-quiet": "#dff3fc", + "--ha-animation-duration-fast": "1ms", + "--state-lock-locked-color": "#4caf50", + "--wa-panel-border-style": "solid", + "--ha-space-16": "64px", + "--safe-area-inset-y": "calc(0px + 0px)", + "--ha-color-primary-80": "#b9e6fc", + "--deep-purple-color": "#6e41ab", + "--ha-color-neutral-05": "#141414", + "--rgb-input-disabled-line-color": "255,255,255", + "--light-blue-color": "#03a9f4", + "--ha-border-radius-6xl": "36px", + "--mdc-theme-surface": "#1c1c1c", + "--state-weather-sunny-color": "#ffc107", + "--brown-color": "#795548", + "--ha-color-on-warning-normal": "#f36d00", + "--ha-color-primary-40": "#009ac7", + "--ha-color-fill-warning-normal-hover": "#5e1c00", + "--rgb-codemirror-meta": "255,203,107", + "--slider-color": "#009ac7", + "--color-52": "#27d0df", + "--ha-color-border-warning-quiet": "#ffe0c8", + "--codemirror-tag": "#ff5370", + "--color-53": "#a04a9b", + "--state-weather-clear_night-color": "#6e41ab", + "--bar-box-shadow": "0 2px 12px #0000007a", + "--rgb-mdc-ripple-color": "170,170,170", + "--rgb-input-outlined-disabled-border-color": "255,255,255", + "--rgb-warning-color": "255, 166, 0", + "--ha-color-fill-success-normal-active": "#052310", + "--ha-color-neutral-95": "#f3f3f3", + "--ha-border-radius-xl": "16px", + "--color-37": "#d9b100", + "--white-color": "#fff", + "--ha-color-fill-neutral-quiet-resting": "#141414", + "--codemirror-variable-3": "#decb6b", + "--header-height": "56px", + "--amber-color": "#ffc107", + "--state-water_heater-electric-color": "#ff9800", + "--rgb-ha-button-primary-light-color": "64,130,160", + "--state-person-home-color": "#4caf50", + "--energy-non-fossil-color": "#0f9d58", + "--wa-color-danger-border-loud": "#dc3146", + "--wa-color-success-fill-normal": "#052310", + "--scale-direction": "1", + "--state-lock-unlocked-color": "#f44336", + "--state-lock-jammed-color": "#f44336", + "--green-color": "#4caf50", + "--ha-color-border-neutral-quiet": "#5e5e5e", + "--mdc-theme-on-secondary": "#fff", + "--safe-area-inset-bottom": "0px", + "--codemirror-atom": "#f78c6c", + "--rgb-ha-button-neutral-light-color": "106,112,129", + "--slider-secondary-color": "#b3e5fc", + "--wa-color-brand-on-loud": "#fff", + "--color-33": "#8caed6", + "--color-26": "#badeff", + "--color-11": "#c99000", + "--rgb-divider-color": "225,225,225", + "--ha-color-fill-disabled-normal-hover": "#4a4a4a", + "--color-5": "#a463f2", + "--ha-color-neutral-30": "#4a4a4a", + "--ha-color-fill-primary-loud-resting": "#009ac7", + "--wa-panel-border-radius": "24px", + "--ha-border-radius-sm": "4px", + "--wa-color-neutral-fill-quiet": "#202020", + "--ha-color-fill-neutral-normal-active": "#202020", + "--ha-color-fill-success-quiet-active": "#031608", + "--ha-color-red-05": "#2a040b", + "--ha-space-7": "28px", + "--mdc-button-outline-color": "#e1e1e11f", + "--energy-solar-color": "#ff9800", + "--disabled-text-color": "#6f6f6f", + "--ha-line-height-normal": "1.6", + "--codemirror-builtin": "#ffcb6b", + "--ha-color-red-80": "#ffb8b6", + "--ha-color-fill-success-quiet-hover": "#052310", + "--light-grey-color": "#bdbdbd", + "--rgb-codemirror-property": "199,146,234", + "--energy-grid-return-color": "#a280db", + "--state-alert-on-color": "#f44336", + "--ha-border-radius-4xl": "28px", + "--state-humidifier-on-color": "#2196f3", + "--ha-font-size-4xl": "calc(32px * 1)", + "--state-binary_sensor-battery-on-color": "#f44336", + "--ha-color-green-60": "#00ac49", + "--codemirror-string": "#c3e88d", + "--ha-color-fill-success-quiet-resting": "#031608", + "--divider-color": "#e1e1e11f", + "--ha-color-on-danger-loud": "#fff", + "--input-disabled-ink-color": "#ffffff5e", + "--codemirror-meta": "#ffcb6b", + "--ha-color-fill-success-loud-hover": "#0a5027", + "--checked-icon-scale": ".9", + "--rgb-energy-grid-return-color": "162,128,219", + "--ha-color-on-success-normal": "#00ac49", + "--ha-color-border-normal": "#18bcf2", + "--wa-color-warning-border-quiet": "#ffe0c8", + "--rgb-codemirror-qualifier": "222,203,107", + "--ha-color-primary-05": "#001721", + "--blue-grey-color": "#607d8b", + "--state-water_heater-high_demand-color": "#ff6f22", + "--ha-border-radius-lg": "12px", + "--ha-color-fill-neutral-loud-resting": "#989898", + "--ha-color-text-secondary-inverted": "#5e5e5e", + "--mdc-select-disabled-dropdown-icon-color": "#ffffff5e", + "--ha-color-primary-50": "#18bcf2", + "--color-3": "#ff725c", + "--state-climate-heat-cool-color": "#ffc107", + "--codemirror-def": "#82aaff", + "--rgb-mdc-linear-progress-buffer-color": "255,255,255", + "--wa-color-warning-border-loud": "#c94e00", + "--mdc-ripple-color": "#aaa", + "--wa-color-text-quiet": "#ccc", + "--state-switch-active-color": "#ffc107", + "--rgb-codemirror-variable": "240,113,120", + "--ha-color-green-30": "#0a5027", + "--ha-color-fill-warning-quiet-active": "#280700", + "--ha-color-text-primary-inverted": "#000", + "--ha-space-11": "44px", + "--ha-color-red-40": "#b30532", + "--mdc-dialog-content-ink-color": "#e1e1e1", + "--wa-color-neutral-border-quiet": "#5e5e5e", + "--sidebar-background-color": "#1c1c1c", + "--wa-form-control-value-font-weight": "400", + "--primary-color": "#009ac7", + "--color-35": "#eff26e", + "--ha-assist-chip-active-container-color": "rgba(0, 154, 199, .15)", + "--codemirror-operator": "#89ddff", + "--wa-color-success-on-loud": "#fff", + "--markdown-code-background-color": "#111", + "--ha-space-10": "40px", + "--primary-background-color": "#111", + "--wa-form-control-activated-color": "#009ac7", + "--ha-space-17": "68px", + "--label-badge-blue": "#039be5", + "--warning-color": "#ffa600", + "--ha-font-weight-action": "500", + "--ha-color-red-95": "#fff0ef", + "--wa-color-success-on-quiet": "#5dc36f", + "--input-outlined-idle-border-color": "#ffffff61", + "--wa-color-success-fill-quiet": "#052310", + "--codemirror-property": "#c792ea", + "--ha-color-black": "#000", + "--rgb-codemirror-attribute": "199,146,234", + "--ha-color-surface-lower-inverted": "", + "--ha-color-fill-success-normal-hover": "#0a3a1d", + "--ha-space-13": "52px", + "--state-sun-below_horizon-color": "#3f51b5", + "--app-theme-color": "#1c1c1c", + "--color-47": "#8cd2ce", + "--wa-form-control-padding-block": ".75em", + "--ha-color-fill-success-normal-resting": "#052310", + "--wa-font-size-l": "calc(16px * 1)", + "--rgb-info-color": "3, 155, 229", + "--state-lawn_mower-active-color": "#009688", + "--ha-color-fill-success-loud-active": "#036730", + "--codemirror-keyword": "#c792ea", + "--ha-color-green-05": "#031608", + "--ha-color-neutral-20": "#363636", + "--rgb-codemirror-keyword": "199,146,234", + "--ha-color-fill-warning-normal-active": "#3b0f00", + "--rgb-input-fill-color": "255,255,255", + "--rgb-secondary-text-color": "155,155,155", + "--state-binary_sensor-carbon_monoxide-on-color": "#f44336", + "--sidebar-icon-color": "rgba(225,225,225, .6)", + "--energy-battery-out-color": "#4db6ac", + "--color-41": "#d06800", + "--margin-title-rtl": "0 24px 0 0", + "--ha-color-border-success-loud": "#036730", + "--ha-color-fill-warning-loud-active": "#9d3800", + "--ha-color-fill-disabled-loud-resting": "#4a4a4a", + "--ha-space-1": "4px", + "--mdc-checkbox-disabled-color": "#6f6f6f", + "--ha-space-3": "12px", + "--ha-color-neutral-50": "#7a7a7a", + "--state-binary_sensor-heat-on-color": "#f44336", + "--rgb-primary-color": "0, 154, 199", + "--red-color": "#f44336", + "--ha-color-green-95": "#e3f9e3", + "--state-alarm_control_panel-armed_custom_bypass-color": "#4caf50", + "--wa-color-text-normal": "#e1e1e1", + "--ha-space-5": "20px", + "--rgb-success-color": "67, 160, 71", + "--ha-color-orange-10": "#3b0f00", + "--color-30": "#bf3947", + "--state-weather-pouring-color": "#3f51b5", + "--ha-color-fill-neutral-loud-hover": "#b1b1b1", + "--state-unavailable-color": "#6f6f6f", + "--wa-color-brand-fill-quiet": "#002e3e", + "--ha-color-orange-90": "#ffe0c8", + "--state-binary_sensor-tamper-on-color": "#f44336", + "--ha-color-fill-disabled-normal-resting": "#363636", + "--mdc-text-field-disabled-line-color": "#ffffff0f", + "--wa-space-m": "16px", + "--ha-line-height-condensed": "1.2", + "--wa-form-control-background-color": "", + "--state-device_tracker-active-color": "#2196f3", + "--input-hover-line-color": "#ffffffde", + "--ha-font-size-xl": "calc(20px * 1)", + "--ha-color-border-neutral-normal": "#7a7a7a", + "--wa-border-width-s": "1px", + "--color-49": "#f883b0", + "--wa-shadow-l": "0 6px 12px -3px #0006, 0 16px 32px -6px #0000008c", + "--wa-font-size-m": "calc(14px * 1)", + "--ha-font-weight-medium": "500", + "--rgb-outline-color": "225,225,225", + "--state-vacuum-active-color": "#009688", + "--rgb-secondary-background-color": "40,40,40", + "--ha-color-fill-disabled-quiet-resting": "#202020", + "--mdc-text-field-outlined-idle-border-color": "#ffffff61", + "--ha-border-radius-3xl": "24px", + "--color-48": "#c4b8d9", + "--ha-color-border-danger-normal": "#dc3146", + "--accent-color": "#ff9800", + "--outline-hover-color": "#e1e1e13d", + "--ha-color-on-disabled-normal": "#7a7a7a", + "--ha-font-size-l": "calc(16px * 1)", + "--color-38": "#9d7a00", + "--state-weather-partlycloudy-color": "#607d8b", + "--ha-color-orange-80": "#ffbb89", + "--wa-border-radius-m": "8px", + "--state-binary_sensor-glass_break-on-color": "#f44336", + "--deep-orange-color": "#ff6f22", + "--codemirror-string-2": "#f07178", + "--ha-color-form-background-disabled": "#363636", + "--wa-color-success-border-loud": "#036730", + "--ha-color-orange-95": "#fff0e4", + "--rgb-scrollbar-thumb-color": "110,110,110", + "--mdc-theme-error": "#db4437", + "--ha-color-primary-90": "#dff3fc", + "--ha-color-border-neutral-loud": "#b1b1b1", + "--state-weather-fog-color": "#9e9e9e", + "--color-40": "#00d27e", + "--rgb-input-disabled-fill-color": "255,255,255", + "--wa-space-xl": "32px", + "--secondary-text-color": "#9b9b9b", + "--rgb-codemirror-tag": "255,83,112", + "--error-color": "#db4437", + "--state-weather-snowy-color": "#c0e0ff", + "--mdc-dialog-scroll-divider-color": "#e1e1e11f", + "--ha-font-weight-bold": "700", + "--ha-space-12": "48px", + "--wa-border-radius-l": "12px", + "--wa-color-danger-fill-loud": "#b30532", + "--state-alarm_control_panel-armed_vacation-color": "#4caf50", + "--color-22": "#8fe9d3", + "--color-16": "#8043ce", + "--rgb-codemirror-string-2": "240,113,120", + "--ha-color-red-50": "#dc3146", + "--mdc-select-outlined-hover-border-color": "#ffffffde", + "--ha-color-surface-default": "#202020", + "--wa-border-style": "solid", + "--app-header-background-color": "#1c1c1c", + "--card-background-color": "#1c1c1c", + "--state-alert-off-color": "#ff9800", + "--mdc-theme-on-surface": "#e1e1e1", + "--ha-color-border-success-normal": "#5dc36f", + "--state-binary_sensor-smoke-on-color": "#f44336", + "--label-badge-text-color": "rgba(225,225,225, .8)", + "--state-climate-cool-color": "#2196f3", + "--wa-color-warning-on-normal": "#f36d00", + "--mdc-text-field-outlined-hover-border-color": "#ffffffde", + "--color-21": "#ff957c", + "--indigo-color": "#3f51b5", + "--wa-focus-ring-color": "#989898", + "--mdc-radio-disabled-color": "#6f6f6f", + "--color-13": "#49a28f", + "--state-alarm_control_panel-armed_home-color": "#4caf50", + "--ha-color-text-link": "#37c8fd", + "--ha-button-neutral-color": "#d9dae0", + "--rgb-codemirror-type": "222,203,107", + "--mdc-select-fill-color": "#ffffff0d", + "--ha-color-fill-primary-quiet-hover": "#002e3e", + "--ha-color-fill-danger-quiet-resting": "#2a040b", + "--label-badge-grey": "#9e9e9e", + "--wa-transition-fast": "1ms", + "--label-badge-yellow": "#ffa600", + "--data-table-background-color": "#1c1c1c", + "--state-icon-error-color": "#db4437", + "--color-39": "#698cff", + "--rgb-input-idle-line-color": "255,255,255", + "--ha-box-shadow-s": "0 1px 2px 0 #0006, 0 1px 3px 0 #00000080", + "--ha-border-radius-2xl": "20px", + "--wa-shadow-m": "0 3px 6px -1px #00000059, 0 8px 16px -2px #00000073", + "--color-14": "#048732", + "--color-31": "#9f5b00", + "--ha-animation-duration-slow": "1ms", + "--ha-font-smoothing": "antialiased", + "--ha-color-surface-low": "#141414", + "--color-20": "#ffd444", + "--ha-color-fill-warning-quiet-resting": "#280700", + "--wa-border-width-m": "2px", + "--ha-color-green-90": "#c2f2c1", + "--state-lawn_mower-error-color": "#f44336", + "--mdc-select-idle-line-color": "#ffffff6b", + "--color-23": "#62cc71", + "--mdc-select-hover-line-color": "#ffffffde", + "--ha-dialog-scrim-backdrop-filter": "brightness(68%)", + "--safe-area-inset-right": "0px", + "--clear-background-color": "#111", + "--state-lock-unlocking-color": "#ff9800", + "--state-sun-above_horizon-color": "#ffc107", + "--ha-animation-duration-none": "1ms", + "--color-7": "#9c6b4e", + "--light-primary-color": "#b3e5fc", + "--state-lock-opening-color": "#ff9800", + "--wa-form-control-toggle-size": "20px", + "--ha-color-fill-danger-normal-resting": "#3e0913", + "--mdc-theme-on-primary": "#fff", + "--input-outlined-hover-border-color": "#ffffffde", + "--chip-background-color": "rgba(225,225,225, .15)", + "--rgb-shadow-color": "0,0,0", + "--ha-color-on-surface-default": "#f3f3f3", + "--ha-color-on-success-quiet": "#5dc36f", + "--md-list-item-label-text-font": "Roboto, Noto, sans-serif", + "--ha-color-red-90": "#ffdedc", + "--rgb-input-label-ink-color": "255,255,255", + "--input-ink-color": "#ffffffde", + "--direction": "ltr", + "--rgb-card-background-color": "28,28,28", + "--float-start": "left", + "--light-secondary-opacity": ".7", + "--ha-space-2": "8px", + "--ha-color-fill-primary-loud-hover": "#006787", + "--md-list-item-trailing-supporting-text-font": "Roboto, Noto, sans-serif", + "--slider-track-color": "#6e6e6e", + "--ha-color-red-10": "#3e0913", + "--safe-area-offset-left": "calc(max(0px - 0px, 0px) / 2)", + "--wa-color-neutral-on-loud": "#fff", + "--ha-color-surface-lower": "#000", + "--text-primary-color": "#fff", + "--ha-font-family-longform": "ui-sans-serif, system-ui, sans-serif", + "--light-divider-opacity": ".12", + "--state-weather-lightning_rainy-color": "#cddc39", + "--ha-border-radius-square": "0", + "--safe-area-offset-bottom": "calc(max(0px - 0px, 0px) / 2)", + "--wa-font-weight-action": "500", + "--ha-color-on-neutral-loud": "#fff", + "--wa-color-success-fill-loud": "#036730", + "--primary-text-color": "#e1e1e1", + "--info-color": "#039be5", + "--color-54": "#4269d0", + "--teal-color": "#009688", + "--color-12": "#d84f3e", + "--ha-color-fill-warning-loud-hover": "#7e2900", + "--pink-color": "#e91e63", + "--wa-form-control-border-style": "solid", + "--ha-color-border-warning-loud": "#c94e00", + "--light-disabled-opacity": ".3", + "--mdc-select-disabled-ink-color": "#ffffff5e", + "--mdc-theme-text-icon-on-background": "#9b9b9b", + "--wa-color-success-border-quiet": "#c2f2c1", + "--wa-color-success-on-normal": "#00ac49", + "--wa-space-l": "24px", + "--ha-space-18": "72px", + "--rgb-primary-text-color": "225,225,225", + "--wa-border-width-l": "3px", + "--ha-color-neutral-10": "#202020", + "--state-person-active-color": "#2196f3", + "--ha-box-shadow-m": "0 3px 6px -1px #00000059, 0 8px 16px -2px #00000073", + "--ha-color-border-danger-quiet": "#ffdedc", + "--app-header-text-color": "#e1e1e1", + "--ha-color-orange-30": "#7e2900", + "--ha-color-surface-default-inverted": "#fff", + "--ha-color-fill-danger-loud-hover": "#8a132c", + "--wa-shadow-s": "0 1px 2px 0 #0006, 0 1px 3px 0 #00000080", + "--ha-color-neutral-70": "#b1b1b1", + "--color-43": "#c49200", + "--dark-primary-color": "#0288d1", + "--rgb-input-hover-line-color": "255,255,255", + "--ha-color-green-40": "#036730", + "--color-1": "#4269d0", + "--dark-grey-color": "#606060", + "--rgb-error-color": "219, 68, 55", + "--ha-color-fill-neutral-normal-hover": "#363636", + "--rgb-codemirror-def": "130,170,255", + "--rgb-codemirror-string": "195,232,141", + "--rgb-codemirror-builtin": "255,203,107", + "--ha-color-border-primary-loud": "#009ac7", + "--wa-color-danger-on-quiet": "#fd8f90", + "--state-binary_sensor-gas-on-color": "#f44336", + "--grey-color": "#9e9e9e", + "--mdc-theme-text-hint-on-background": "#9b9b9b", + "--wa-color-danger-fill-normal": "#3e0913", + "--state-binary_sensor-moisture-on-color": "#f44336", + "--yellow-color": "#ffeb3b" + } + }, + "capturePolicy": "Fresh document per state, actual native pointer/keyboard interaction and three or more stable frames. Each original image was independently reproduced. No application API or personal data.", + "campaigns": [ + { + "platform": "macos", + "architecture": "arm64", + "browser": "156.0.8078.4", + "states": 32, + "originalRepeatExact": true, + "source": "original-macos", + "repeat": "original-macos-repeat" + }, + { + "platform": "linux", + "architecture": "arm64", + "browser": "156.0.8078.80", + "states": 32, + "originalRepeatExact": true, + "source": "original-linux-arm64", + "repeat": "original-linux-arm64-repeat" + }, + { + "platform": "linux", + "architecture": "x64", + "browser": "156.0.8078.4", + "states": 32, + "originalRepeatExact": true, + "source": "original-linux-x64", + "repeat": "original-linux-x64-repeat" + } + ], + "states": [ + { + "platform": "macos", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "standard", + "viewport": { + "width": 960, + "height": 700 + }, + "type": "standard", + "width": "medium", + "dir": "ltr" + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "borderRadius": "24px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "rgba(0, 0, 0, 0.12) 0px 6px 12px -3px, rgba(0, 0, 0, 0.2) 0px 16px 32px -6px", + "margin": "258.797px 190px 258.812px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "620px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 198, + "y": 268.796875, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 215, + "y": 285.796875, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 250, + "y": 280.796875, + "width": 109.96875, + "height": 24 + }, + "glyph": { + "x": 250, + "y": 280.796875, + "width": 109.96875, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 46.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 214, + "y": 326.796875, + "width": 532, + "height": 22.390625 + }, + "glyph": { + "x": 214, + "y": 329.796875, + "width": 322.671875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 190, + "y": 373.1875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 591.15625, + "y": 385.1875, + "width": 76.921875, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(122, 122, 122)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(94, 94, 94)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(122, 122, 122) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 680.078125, + "y": 385.1875, + "width": 73.921875, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(220, 49, 70)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 190, + "y": 365.1875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/macos/light-standard.png", + "sha256": "7de1919b338acc7e12e930f3583cac29ef72f224bc0bac72c8d47e1867f9459c" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "small", + "viewport": { + "width": 960, + "height": 700 + }, + "type": "standard", + "width": "small", + "dir": "ltr" + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 320, + "y": 247.609375, + "width": 320, + "height": 204.78125 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "borderRadius": "24px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "rgba(0, 0, 0, 0.12) 0px 6px 12px -3px, rgba(0, 0, 0, 0.2) 0px 16px 32px -6px", + "margin": "247.609px 320px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "620px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 320, + "y": 247.609375, + "width": 320, + "height": 204.78125 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 320, + "y": 247.609375, + "width": 320, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 328, + "y": 257.609375, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 345, + "y": 274.609375, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 380, + "y": 269.609375, + "width": 109.96875, + "height": 24 + }, + "glyph": { + "x": 380, + "y": 269.609375, + "width": 109.96875, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 320, + "y": 315.609375, + "width": 320, + "height": 68.78125 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 344, + "y": 315.609375, + "width": 272, + "height": 44.78125 + }, + "glyph": { + "x": 344, + "y": 318.609375, + "width": 260.515625, + "height": 38.390625 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 320, + "y": 384.390625, + "width": 320, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 461.15625, + "y": 396.390625, + "width": 76.921875, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(122, 122, 122)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(94, 94, 94)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(122, 122, 122) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 550.078125, + "y": 396.390625, + "width": 73.921875, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(220, 49, 70)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 320, + "y": 315.609375, + "width": 320, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 320, + "y": 376.390625, + "width": 320, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/macos/light-small.png", + "sha256": "ce7aa28ef103c3ea743bc814ce91b19d09c44de6ab6fe3c6c924c640156ce9ea" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "large", + "viewport": { + "width": 1280, + "height": 900 + }, + "type": "standard", + "width": "large", + "dir": "ltr" + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 128, + "y": 358.796875, + "width": 1024, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "borderRadius": "24px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "rgba(0, 0, 0, 0.12) 0px 6px 12px -3px, rgba(0, 0, 0, 0.2) 0px 16px 32px -6px", + "margin": "358.797px 128px 358.812px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "820px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 128, + "y": 358.796875, + "width": 1024, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 128, + "y": 358.796875, + "width": 1024, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 136, + "y": 368.796875, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 153, + "y": 385.796875, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 188, + "y": 380.796875, + "width": 109.96875, + "height": 24 + }, + "glyph": { + "x": 188, + "y": 380.796875, + "width": 109.96875, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 128, + "y": 426.796875, + "width": 1024, + "height": 46.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 152, + "y": 426.796875, + "width": 976, + "height": 22.390625 + }, + "glyph": { + "x": 152, + "y": 429.796875, + "width": 322.671875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 128, + "y": 473.1875, + "width": 1024, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 973.15625, + "y": 485.1875, + "width": 76.921875, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(122, 122, 122)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(94, 94, 94)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(122, 122, 122) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 1062.078125, + "y": 485.1875, + "width": 73.921875, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(220, 49, 70)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 128, + "y": 426.796875, + "width": 1024, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 128, + "y": 465.1875, + "width": 1024, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/macos/light-large.png", + "sha256": "d915f14becf933eccdad51f5fdcde660820cf65139aa162bf32d45b8dc17024a" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "full", + "viewport": { + "width": 1280, + "height": 900 + }, + "type": "standard", + "width": "full", + "dir": "ltr" + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 32, + "y": 358.796875, + "width": 1216, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "borderRadius": "24px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "rgba(0, 0, 0, 0.12) 0px 6px 12px -3px, rgba(0, 0, 0, 0.2) 0px 16px 32px -6px", + "margin": "358.797px 32px 358.812px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "820px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 32, + "y": 358.796875, + "width": 1216, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 32, + "y": 358.796875, + "width": 1216, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 40, + "y": 368.796875, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 57, + "y": 385.796875, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 92, + "y": 380.796875, + "width": 109.96875, + "height": 24 + }, + "glyph": { + "x": 92, + "y": 380.796875, + "width": 109.96875, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 32, + "y": 426.796875, + "width": 1216, + "height": 46.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 56, + "y": 426.796875, + "width": 1168, + "height": 22.390625 + }, + "glyph": { + "x": 56, + "y": 429.796875, + "width": 322.671875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 32, + "y": 473.1875, + "width": 1216, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 1069.15625, + "y": 485.1875, + "width": 76.921875, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(122, 122, 122)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(94, 94, 94)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(122, 122, 122) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 1158.078125, + "y": 485.1875, + "width": 73.921875, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(220, 49, 70)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 32, + "y": 426.796875, + "width": 1216, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 32, + "y": 465.1875, + "width": 1216, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/macos/light-full.png", + "sha256": "fa92bd6172b626f077449792dcdff508ad8a9a22b00304ce83438df349abb3d4" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "narrow-standard", + "viewport": { + "width": 360, + "height": 650 + }, + "type": "standard", + "width": "medium", + "dir": "ltr" + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 0, + "y": 0, + "width": 360, + "height": 650 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "rgba(0, 0, 0, 0.12) 0px 6px 12px -3px, rgba(0, 0, 0, 0.2) 0px 16px 32px -6px", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "650px", + "minHeight": "650px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 0, + "y": 0, + "width": 360, + "height": 650 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 0, + "y": 0, + "width": 360, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 4, + "y": 10, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 21, + "y": 27, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 56, + "y": 22, + "width": 109.96875, + "height": 24 + }, + "glyph": { + "x": 56, + "y": 22, + "width": 109.96875, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 0, + "y": 68, + "width": 360, + "height": 514 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 24, + "y": 68, + "width": 312, + "height": 44.78125 + }, + "glyph": { + "x": 24, + "y": 71, + "width": 260.515625, + "height": 38.390625 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 0, + "y": 582, + "width": 360, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 181.15625, + "y": 594, + "width": 76.921875, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(122, 122, 122)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(94, 94, 94)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(122, 122, 122) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 270.078125, + "y": 594, + "width": 73.921875, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(220, 49, 70)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 0, + "y": 68, + "width": 360, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 0, + "y": 574, + "width": 360, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/macos/light-narrow-standard.png", + "sha256": "3888346a169e35eb6478819775073f68b50fa8c56ca83dc2896e8d6898fdb5dc" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "narrow-alert", + "viewport": { + "width": 360, + "height": 650 + }, + "type": "alert", + "width": "small", + "dir": "ltr" + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 20, + "y": 222.609375, + "width": 320, + "height": 204.78125 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "borderRadius": "24px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "rgba(0, 0, 0, 0.12) 0px 6px 12px -3px, rgba(0, 0, 0, 0.2) 0px 16px 32px -6px", + "margin": "222.609px 20px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "570px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 20, + "y": 222.609375, + "width": 320, + "height": 204.78125 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 20, + "y": 222.609375, + "width": 320, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 24, + "y": 232.609375, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 41, + "y": 249.609375, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 76, + "y": 244.609375, + "width": 109.96875, + "height": 24 + }, + "glyph": { + "x": 76, + "y": 244.609375, + "width": 109.96875, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 20, + "y": 290.609375, + "width": 320, + "height": 68.78125 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 44, + "y": 290.609375, + "width": 272, + "height": 44.78125 + }, + "glyph": { + "x": 44, + "y": 293.609375, + "width": 260.515625, + "height": 38.390625 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 20, + "y": 359.390625, + "width": 320, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 161.15625, + "y": 371.390625, + "width": 76.921875, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(122, 122, 122)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(94, 94, 94)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(122, 122, 122) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 250.078125, + "y": 371.390625, + "width": 73.921875, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(220, 49, 70)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 20, + "y": 290.609375, + "width": 320, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 20, + "y": 351.390625, + "width": 320, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/macos/light-narrow-alert.png", + "sha256": "766352edc9b90bb6b69c003de6eb984029294567c661b0bbb3f3df27b115f4c3" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "short-standard", + "viewport": { + "width": 900, + "height": 460 + }, + "type": "standard", + "width": "medium", + "dir": "ltr" + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 0, + "y": 0, + "width": 900, + "height": 460 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "rgba(0, 0, 0, 0.12) 0px 6px 12px -3px, rgba(0, 0, 0, 0.2) 0px 16px 32px -6px", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "460px", + "minHeight": "460px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 0, + "y": 0, + "width": 900, + "height": 460 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 0, + "y": 0, + "width": 900, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 4, + "y": 10, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 21, + "y": 27, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 56, + "y": 22, + "width": 109.96875, + "height": 24 + }, + "glyph": { + "x": 56, + "y": 22, + "width": 109.96875, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 0, + "y": 68, + "width": 900, + "height": 324 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 24, + "y": 68, + "width": 852, + "height": 22.390625 + }, + "glyph": { + "x": 24, + "y": 71, + "width": 322.671875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 0, + "y": 392, + "width": 900, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 721.15625, + "y": 404, + "width": 76.921875, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(122, 122, 122)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(94, 94, 94)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(122, 122, 122) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 810.078125, + "y": 404, + "width": 73.921875, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(220, 49, 70)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 0, + "y": 68, + "width": 900, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 0, + "y": 384, + "width": 900, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/macos/light-short-standard.png", + "sha256": "98c9dfad1f790ed2b29b83bbbf5a48731a9bd6d8c79b36f7ad9dde6cee1c3181" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "rtl", + "viewport": { + "width": 960, + "height": 700 + }, + "type": "standard", + "width": "medium", + "dir": "rtl", + "subtitle": "Household settings" + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "borderRadius": "24px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "rgba(0, 0, 0, 0.12) 0px 6px 12px -3px, rgba(0, 0, 0, 0.2) 0px 16px 32px -6px", + "margin": "258.797px 190px 258.812px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "620px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 714, + "y": 268.796875, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 731, + "y": 285.796875, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 600.03125, + "y": 269.59375, + "width": 109.96875, + "height": 24 + }, + "glyph": { + "x": 600.03125, + "y": 269.59375, + "width": 109.96875, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": { + "box": { + "x": 589.25, + "y": 296.59375, + "width": 120.75, + "height": 16 + }, + "glyph": { + "x": 589.25, + "y": 296.59375, + "width": 120.75, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(94, 94, 94)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "body": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 46.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 214, + "y": 326.796875, + "width": 532, + "height": 22.390625 + }, + "glyph": { + "x": 423.3125, + "y": 329.796875, + "width": 322.6875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 190, + "y": 373.1875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 291.921875, + "y": 385.1875, + "width": 76.921875, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(122, 122, 122)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(94, 94, 94)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(122, 122, 122) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 206, + "y": 385.1875, + "width": 73.921875, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(220, 49, 70)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 190, + "y": 365.1875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/macos/light-rtl.png", + "sha256": "8eec2a518d536c32a2e814c7b352c99c13a16d58f934c8afa97fed10f0458935" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "close-hover", + "viewport": { + "width": 960, + "height": 700 + }, + "type": "standard", + "width": "medium", + "dir": "ltr", + "interaction": "hover" + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "borderRadius": "24px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "rgba(0, 0, 0, 0.12) 0px 6px 12px -3px, rgba(0, 0, 0, 0.2) 0px 16px 32px -6px", + "margin": "258.797px 190px 258.812px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "620px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 198, + "y": 268.796875, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 215, + "y": 285.796875, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 250, + "y": 280.796875, + "width": 109.96875, + "height": 24 + }, + "glyph": { + "x": 250, + "y": 280.796875, + "width": 109.96875, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 46.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 214, + "y": 326.796875, + "width": 532, + "height": 22.390625 + }, + "glyph": { + "x": 214, + "y": 329.796875, + "width": 322.671875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 190, + "y": 373.1875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 591.15625, + "y": 385.1875, + "width": 76.921875, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(122, 122, 122)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(94, 94, 94)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(122, 122, 122) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 680.078125, + "y": 385.1875, + "width": 73.921875, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(220, 49, 70)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 190, + "y": 365.1875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/macos/light-close-hover.png", + "sha256": "53d740b3cd817e4c2b42d53748814a38e48a6edf6f7bbf71a113b3724fe4b4f6" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "close-focus", + "viewport": { + "width": 960, + "height": 700 + }, + "type": "standard", + "width": "medium", + "dir": "ltr", + "interaction": "focus" + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "borderRadius": "24px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "rgba(0, 0, 0, 0.12) 0px 6px 12px -3px, rgba(0, 0, 0, 0.2) 0px 16px 32px -6px", + "margin": "258.797px 190px 258.812px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "620px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 198, + "y": 268.796875, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 215, + "y": 285.796875, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 250, + "y": 280.796875, + "width": 109.96875, + "height": 24 + }, + "glyph": { + "x": 250, + "y": 280.796875, + "width": 109.96875, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 46.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 214, + "y": 326.796875, + "width": 532, + "height": 22.390625 + }, + "glyph": { + "x": 214, + "y": 329.796875, + "width": 322.671875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 190, + "y": 373.1875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 591.15625, + "y": 385.1875, + "width": 76.921875, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(122, 122, 122)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(94, 94, 94)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(122, 122, 122) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 680.078125, + "y": 385.1875, + "width": 73.921875, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(220, 49, 70)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 190, + "y": 365.1875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/macos/light-close-focus.png", + "sha256": "12e698df855e69a8ea23f6297a33c98d4b93c647bc06b7649523c03e98c9f915" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "pending", + "viewport": { + "width": 960, + "height": 700 + }, + "type": "standard", + "width": "medium", + "dir": "ltr", + "pending": true + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "borderRadius": "24px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "rgba(0, 0, 0, 0.12) 0px 6px 12px -3px, rgba(0, 0, 0, 0.2) 0px 16px 32px -6px", + "margin": "258.797px 190px 258.812px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "620px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 198, + "y": 268.796875, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 215, + "y": 285.796875, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 250, + "y": 280.796875, + "width": 109.96875, + "height": 24 + }, + "glyph": { + "x": 250, + "y": 280.796875, + "width": 109.96875, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 46.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 214, + "y": 326.796875, + "width": 532, + "height": 22.390625 + }, + "glyph": { + "x": 214, + "y": 329.796875, + "width": 322.671875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 190, + "y": 373.1875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 591.15625, + "y": 385.1875, + "width": 76.921875, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(122, 122, 122)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(94, 94, 94)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(122, 122, 122) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 680.078125, + "y": 385.1875, + "width": 73.921875, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(220, 49, 70)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 190, + "y": 365.1875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/macos/light-pending.png", + "sha256": "a17d9fb4a2687bcccb384616a7fe47e1a911acc712264a8ba068cdd6f5092c2f" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "disabled", + "viewport": { + "width": 960, + "height": 700 + }, + "type": "standard", + "width": "medium", + "dir": "ltr", + "disabled": true + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "borderRadius": "24px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "rgba(0, 0, 0, 0.12) 0px 6px 12px -3px, rgba(0, 0, 0, 0.2) 0px 16px 32px -6px", + "margin": "258.797px 190px 258.812px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "620px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 198, + "y": 268.796875, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 215, + "y": 285.796875, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 250, + "y": 280.796875, + "width": 109.96875, + "height": 24 + }, + "glyph": { + "x": 250, + "y": 280.796875, + "width": 109.96875, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 46.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 214, + "y": 326.796875, + "width": 532, + "height": 22.390625 + }, + "glyph": { + "x": 214, + "y": 329.796875, + "width": 322.671875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 190, + "y": 373.1875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 591.15625, + "y": 385.1875, + "width": 76.921875, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(122, 122, 122)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(94, 94, 94)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(122, 122, 122) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 680.078125, + "y": 385.1875, + "width": 73.921875, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(243, 243, 243)", + "backgroundColor": "rgb(204, 204, 204)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(243, 243, 243) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 190, + "y": 365.1875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/macos/light-disabled.png", + "sha256": "faf62158589609d27d9c7d74ea3026943dcb97fa63eb6ea35f564d5d7efaa980" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "no-footer", + "viewport": { + "width": 960, + "height": 700 + }, + "type": "standard", + "width": "medium", + "dir": "ltr", + "noFooter": true + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 190, + "y": 292.796875, + "width": 580, + "height": 114.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "borderRadius": "24px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "rgba(0, 0, 0, 0.12) 0px 6px 12px -3px, rgba(0, 0, 0, 0.2) 0px 16px 32px -6px", + "margin": "292.797px 190px 292.812px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "620px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 190, + "y": 292.796875, + "width": 580, + "height": 114.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 190, + "y": 292.796875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 198, + "y": 302.796875, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 215, + "y": 319.796875, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 250, + "y": 314.796875, + "width": 109.96875, + "height": 24 + }, + "glyph": { + "x": 250, + "y": 314.796875, + "width": 109.96875, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 190, + "y": 360.796875, + "width": 580, + "height": 46.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 214, + "y": 360.796875, + "width": 532, + "height": 22.390625 + }, + "glyph": { + "x": 214, + "y": 363.796875, + "width": 322.671875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": null, + "cancel": null, + "confirm": null, + "top": { + "box": { + "x": 190, + "y": 360.796875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 190, + "y": 399.1875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/macos/light-no-footer.png", + "sha256": "faa95ff7ca8ac5cd4ce0b4d00c9797dd5106584886342a81612e71d520df5be1" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "long-top", + "viewport": { + "width": 960, + "height": 700 + }, + "type": "standard", + "width": "medium", + "dir": "ltr", + "long": true + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 190, + "y": 40, + "width": 580, + "height": 620 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "borderRadius": "24px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "rgba(0, 0, 0, 0.12) 0px 6px 12px -3px, rgba(0, 0, 0, 0.2) 0px 16px 32px -6px", + "margin": "40px 190px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "620px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 190, + "y": 40, + "width": 580, + "height": 620 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 190, + "y": 40, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 198, + "y": 50, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 215, + "y": 67, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 250, + "y": 62, + "width": 109.96875, + "height": 24 + }, + "glyph": { + "x": 250, + "y": 62, + "width": 109.96875, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 190, + "y": 108, + "width": 580, + "height": 484 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 214, + "y": 108, + "width": 532, + "height": 895.765625 + }, + "glyph": { + "x": 214, + "y": 111, + "width": 322.671875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 190, + "y": 592, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 591.15625, + "y": 604, + "width": 76.921875, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(122, 122, 122)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(94, 94, 94)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(122, 122, 122) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 680.078125, + "y": 604, + "width": 73.921875, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(220, 49, 70)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 190, + "y": 108, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 190, + "y": 584, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/macos/light-long-top.png", + "sha256": "38936e83eb36520b61cea969ff03e7cbbdd7efb25dd73f6794c4e101e52da71e" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "long-middle", + "viewport": { + "width": 960, + "height": 700 + }, + "type": "standard", + "width": "medium", + "dir": "ltr", + "long": true, + "interaction": "scroll" + }, + "scrollTop": 96, + "parts": { + "surface": { + "box": { + "x": 190, + "y": 40, + "width": 580, + "height": 620 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "borderRadius": "24px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "rgba(0, 0, 0, 0.12) 0px 6px 12px -3px, rgba(0, 0, 0, 0.2) 0px 16px 32px -6px", + "margin": "40px 190px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "620px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 190, + "y": 40, + "width": 580, + "height": 620 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 190, + "y": 40, + "width": 580, + "height": 69 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 198, + "y": 50, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 215, + "y": 67, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 250, + "y": 62, + "width": 109.96875, + "height": 24 + }, + "glyph": { + "x": 250, + "y": 62, + "width": 109.96875, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 190, + "y": 109, + "width": 580, + "height": 483 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 214, + "y": 13, + "width": 532, + "height": 895.765625 + }, + "glyph": { + "x": 214, + "y": 16, + "width": 322.671875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 190, + "y": 592, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 591.15625, + "y": 604, + "width": 76.921875, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(122, 122, 122)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(94, 94, 94)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(122, 122, 122) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 680.078125, + "y": 604, + "width": 73.921875, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(220, 49, 70)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 190, + "y": 109, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "bottom": { + "box": { + "x": 190, + "y": 584, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/macos/light-long-middle.png", + "sha256": "c4fd319d2676216a3a5701e9b48571dd57ebae0d8730e651132d9643395f3245" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "long-bottom", + "viewport": { + "width": 960, + "height": 700 + }, + "type": "standard", + "width": "medium", + "dir": "ltr", + "long": true, + "interaction": "bottom" + }, + "scrollTop": 450, + "parts": { + "surface": { + "box": { + "x": 190, + "y": 40, + "width": 580, + "height": 620 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "borderRadius": "24px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "rgba(0, 0, 0, 0.12) 0px 6px 12px -3px, rgba(0, 0, 0, 0.2) 0px 16px 32px -6px", + "margin": "40px 190px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "620px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 190, + "y": 40, + "width": 580, + "height": 620 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 190, + "y": 40, + "width": 580, + "height": 69 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 198, + "y": 50, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 215, + "y": 67, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 250, + "y": 62, + "width": 109.96875, + "height": 24 + }, + "glyph": { + "x": 250, + "y": 62, + "width": 109.96875, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 190, + "y": 109, + "width": 580, + "height": 483 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 214, + "y": -341, + "width": 532, + "height": 895.765625 + }, + "glyph": { + "x": 214, + "y": -338, + "width": 322.671875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 190, + "y": 592, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 591.15625, + "y": 604, + "width": 76.921875, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(122, 122, 122)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(94, 94, 94)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(122, 122, 122) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 680.078125, + "y": 604, + "width": 73.921875, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(220, 49, 70)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 190, + "y": 109, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "bottom": { + "box": { + "x": 190, + "y": 584, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/macos/light-long-bottom.png", + "sha256": "4369e088bcf911041f44c83ca2b9f4798ad8d22ab182b6a6fe73dddc1eb45dd5" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "standard", + "viewport": { + "width": 960, + "height": 700 + }, + "type": "standard", + "width": "medium", + "dir": "ltr" + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "borderRadius": "24px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "rgba(0, 0, 0, 0.4) 0px 6px 12px -3px, rgba(0, 0, 0, 0.55) 0px 16px 32px -6px", + "margin": "258.797px 190px 258.812px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "620px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 198, + "y": 268.796875, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 215, + "y": 285.796875, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 250, + "y": 280.796875, + "width": 109.96875, + "height": 24 + }, + "glyph": { + "x": 250, + "y": 280.796875, + "width": 109.96875, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 46.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 214, + "y": 326.796875, + "width": 532, + "height": 22.390625 + }, + "glyph": { + "x": 214, + "y": 329.796875, + "width": 322.671875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 190, + "y": 373.1875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 591.15625, + "y": 385.1875, + "width": 76.921875, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(177, 177, 177)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(177, 177, 177)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(177, 177, 177) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 680.078125, + "y": 385.1875, + "width": 73.921875, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(179, 5, 50)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 190, + "y": 365.1875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/macos/dark-standard.png", + "sha256": "538c75913d7f7bc00bb083caedfa578f500cd947d9a767916e10aec5729fd58b" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "small", + "viewport": { + "width": 960, + "height": 700 + }, + "type": "standard", + "width": "small", + "dir": "ltr" + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 320, + "y": 247.609375, + "width": 320, + "height": 204.78125 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "borderRadius": "24px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "rgba(0, 0, 0, 0.4) 0px 6px 12px -3px, rgba(0, 0, 0, 0.55) 0px 16px 32px -6px", + "margin": "247.609px 320px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "620px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 320, + "y": 247.609375, + "width": 320, + "height": 204.78125 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 320, + "y": 247.609375, + "width": 320, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 328, + "y": 257.609375, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 345, + "y": 274.609375, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 380, + "y": 269.609375, + "width": 109.96875, + "height": 24 + }, + "glyph": { + "x": 380, + "y": 269.609375, + "width": 109.96875, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 320, + "y": 315.609375, + "width": 320, + "height": 68.78125 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 344, + "y": 315.609375, + "width": 272, + "height": 44.78125 + }, + "glyph": { + "x": 344, + "y": 318.609375, + "width": 260.515625, + "height": 38.390625 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 320, + "y": 384.390625, + "width": 320, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 461.15625, + "y": 396.390625, + "width": 76.921875, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(177, 177, 177)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(177, 177, 177)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(177, 177, 177) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 550.078125, + "y": 396.390625, + "width": 73.921875, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(179, 5, 50)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 320, + "y": 315.609375, + "width": 320, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 320, + "y": 376.390625, + "width": 320, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/macos/dark-small.png", + "sha256": "6a3a7cdb291b59ab3afd3fb435beea745ec0c8c7a62bd6b78d05dfb0ed5725b6" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "large", + "viewport": { + "width": 1280, + "height": 900 + }, + "type": "standard", + "width": "large", + "dir": "ltr" + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 128, + "y": 358.796875, + "width": 1024, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "borderRadius": "24px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "rgba(0, 0, 0, 0.4) 0px 6px 12px -3px, rgba(0, 0, 0, 0.55) 0px 16px 32px -6px", + "margin": "358.797px 128px 358.812px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "820px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 128, + "y": 358.796875, + "width": 1024, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 128, + "y": 358.796875, + "width": 1024, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 136, + "y": 368.796875, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 153, + "y": 385.796875, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 188, + "y": 380.796875, + "width": 109.96875, + "height": 24 + }, + "glyph": { + "x": 188, + "y": 380.796875, + "width": 109.96875, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 128, + "y": 426.796875, + "width": 1024, + "height": 46.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 152, + "y": 426.796875, + "width": 976, + "height": 22.390625 + }, + "glyph": { + "x": 152, + "y": 429.796875, + "width": 322.671875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 128, + "y": 473.1875, + "width": 1024, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 973.15625, + "y": 485.1875, + "width": 76.921875, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(177, 177, 177)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(177, 177, 177)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(177, 177, 177) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 1062.078125, + "y": 485.1875, + "width": 73.921875, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(179, 5, 50)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 128, + "y": 426.796875, + "width": 1024, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 128, + "y": 465.1875, + "width": 1024, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/macos/dark-large.png", + "sha256": "d00c31c08b0b80c5bd1c31b09afddbd7717f563938e4a381a2acef5b24eaafe4" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "full", + "viewport": { + "width": 1280, + "height": 900 + }, + "type": "standard", + "width": "full", + "dir": "ltr" + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 32, + "y": 358.796875, + "width": 1216, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "borderRadius": "24px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "rgba(0, 0, 0, 0.4) 0px 6px 12px -3px, rgba(0, 0, 0, 0.55) 0px 16px 32px -6px", + "margin": "358.797px 32px 358.812px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "820px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 32, + "y": 358.796875, + "width": 1216, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 32, + "y": 358.796875, + "width": 1216, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 40, + "y": 368.796875, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 57, + "y": 385.796875, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 92, + "y": 380.796875, + "width": 109.96875, + "height": 24 + }, + "glyph": { + "x": 92, + "y": 380.796875, + "width": 109.96875, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 32, + "y": 426.796875, + "width": 1216, + "height": 46.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 56, + "y": 426.796875, + "width": 1168, + "height": 22.390625 + }, + "glyph": { + "x": 56, + "y": 429.796875, + "width": 322.671875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 32, + "y": 473.1875, + "width": 1216, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 1069.15625, + "y": 485.1875, + "width": 76.921875, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(177, 177, 177)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(177, 177, 177)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(177, 177, 177) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 1158.078125, + "y": 485.1875, + "width": 73.921875, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(179, 5, 50)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 32, + "y": 426.796875, + "width": 1216, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 32, + "y": 465.1875, + "width": 1216, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/macos/dark-full.png", + "sha256": "cc1a9949836992fd2a72299109ea1d79dee0d97abc01ac3332c824907391a223" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "narrow-standard", + "viewport": { + "width": 360, + "height": 650 + }, + "type": "standard", + "width": "medium", + "dir": "ltr" + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 0, + "y": 0, + "width": 360, + "height": 650 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "rgba(0, 0, 0, 0.4) 0px 6px 12px -3px, rgba(0, 0, 0, 0.55) 0px 16px 32px -6px", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "650px", + "minHeight": "650px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 0, + "y": 0, + "width": 360, + "height": 650 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 0, + "y": 0, + "width": 360, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 4, + "y": 10, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 21, + "y": 27, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 56, + "y": 22, + "width": 109.96875, + "height": 24 + }, + "glyph": { + "x": 56, + "y": 22, + "width": 109.96875, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 0, + "y": 68, + "width": 360, + "height": 514 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 24, + "y": 68, + "width": 312, + "height": 44.78125 + }, + "glyph": { + "x": 24, + "y": 71, + "width": 260.515625, + "height": 38.390625 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 0, + "y": 582, + "width": 360, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 181.15625, + "y": 594, + "width": 76.921875, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(177, 177, 177)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(177, 177, 177)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(177, 177, 177) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 270.078125, + "y": 594, + "width": 73.921875, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(179, 5, 50)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 0, + "y": 68, + "width": 360, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 0, + "y": 574, + "width": 360, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/macos/dark-narrow-standard.png", + "sha256": "d1de93a1ff6764f056806ae981030f2df3546cfcca5594d0b6598bec8302fb1a" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "narrow-alert", + "viewport": { + "width": 360, + "height": 650 + }, + "type": "alert", + "width": "small", + "dir": "ltr" + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 20, + "y": 222.609375, + "width": 320, + "height": 204.78125 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "borderRadius": "24px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "rgba(0, 0, 0, 0.4) 0px 6px 12px -3px, rgba(0, 0, 0, 0.55) 0px 16px 32px -6px", + "margin": "222.609px 20px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "570px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 20, + "y": 222.609375, + "width": 320, + "height": 204.78125 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 20, + "y": 222.609375, + "width": 320, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 24, + "y": 232.609375, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 41, + "y": 249.609375, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 76, + "y": 244.609375, + "width": 109.96875, + "height": 24 + }, + "glyph": { + "x": 76, + "y": 244.609375, + "width": 109.96875, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 20, + "y": 290.609375, + "width": 320, + "height": 68.78125 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 44, + "y": 290.609375, + "width": 272, + "height": 44.78125 + }, + "glyph": { + "x": 44, + "y": 293.609375, + "width": 260.515625, + "height": 38.390625 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 20, + "y": 359.390625, + "width": 320, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 161.15625, + "y": 371.390625, + "width": 76.921875, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(177, 177, 177)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(177, 177, 177)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(177, 177, 177) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 250.078125, + "y": 371.390625, + "width": 73.921875, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(179, 5, 50)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 20, + "y": 290.609375, + "width": 320, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 20, + "y": 351.390625, + "width": 320, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/macos/dark-narrow-alert.png", + "sha256": "29a6a864b862229c36d1468d519985b2c7e458b66587fa812557082982f1c439" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "short-standard", + "viewport": { + "width": 900, + "height": 460 + }, + "type": "standard", + "width": "medium", + "dir": "ltr" + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 0, + "y": 0, + "width": 900, + "height": 460 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "rgba(0, 0, 0, 0.4) 0px 6px 12px -3px, rgba(0, 0, 0, 0.55) 0px 16px 32px -6px", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "460px", + "minHeight": "460px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 0, + "y": 0, + "width": 900, + "height": 460 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 0, + "y": 0, + "width": 900, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 4, + "y": 10, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 21, + "y": 27, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 56, + "y": 22, + "width": 109.96875, + "height": 24 + }, + "glyph": { + "x": 56, + "y": 22, + "width": 109.96875, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 0, + "y": 68, + "width": 900, + "height": 324 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 24, + "y": 68, + "width": 852, + "height": 22.390625 + }, + "glyph": { + "x": 24, + "y": 71, + "width": 322.671875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 0, + "y": 392, + "width": 900, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 721.15625, + "y": 404, + "width": 76.921875, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(177, 177, 177)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(177, 177, 177)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(177, 177, 177) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 810.078125, + "y": 404, + "width": 73.921875, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(179, 5, 50)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 0, + "y": 68, + "width": 900, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 0, + "y": 384, + "width": 900, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/macos/dark-short-standard.png", + "sha256": "69464f931eea80661eba955ee9738c272925f4b3aaa945293649133aa357fbd1" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "rtl", + "viewport": { + "width": 960, + "height": 700 + }, + "type": "standard", + "width": "medium", + "dir": "rtl", + "subtitle": "Household settings" + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "borderRadius": "24px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "rgba(0, 0, 0, 0.4) 0px 6px 12px -3px, rgba(0, 0, 0, 0.55) 0px 16px 32px -6px", + "margin": "258.797px 190px 258.812px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "620px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 714, + "y": 268.796875, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 731, + "y": 285.796875, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 600.03125, + "y": 269.59375, + "width": 109.96875, + "height": 24 + }, + "glyph": { + "x": 600.03125, + "y": 269.59375, + "width": 109.96875, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": { + "box": { + "x": 589.25, + "y": 296.59375, + "width": 120.75, + "height": 16 + }, + "glyph": { + "x": 589.25, + "y": 296.59375, + "width": 120.75, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(155, 155, 155)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "body": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 46.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 214, + "y": 326.796875, + "width": 532, + "height": 22.390625 + }, + "glyph": { + "x": 423.3125, + "y": 329.796875, + "width": 322.6875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 190, + "y": 373.1875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 291.921875, + "y": 385.1875, + "width": 76.921875, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(177, 177, 177)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(177, 177, 177)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(177, 177, 177) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 206, + "y": 385.1875, + "width": 73.921875, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(179, 5, 50)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 190, + "y": 365.1875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/macos/dark-rtl.png", + "sha256": "2202c3d7125d4634b0557260adb882df14cf366fb75af742da5f635acb1ec9ff" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "close-hover", + "viewport": { + "width": 960, + "height": 700 + }, + "type": "standard", + "width": "medium", + "dir": "ltr", + "interaction": "hover" + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "borderRadius": "24px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "rgba(0, 0, 0, 0.4) 0px 6px 12px -3px, rgba(0, 0, 0, 0.55) 0px 16px 32px -6px", + "margin": "258.797px 190px 258.812px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "620px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 198, + "y": 268.796875, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 215, + "y": 285.796875, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 250, + "y": 280.796875, + "width": 109.96875, + "height": 24 + }, + "glyph": { + "x": 250, + "y": 280.796875, + "width": 109.96875, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 46.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 214, + "y": 326.796875, + "width": 532, + "height": 22.390625 + }, + "glyph": { + "x": 214, + "y": 329.796875, + "width": 322.671875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 190, + "y": 373.1875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 591.15625, + "y": 385.1875, + "width": 76.921875, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(177, 177, 177)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(177, 177, 177)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(177, 177, 177) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 680.078125, + "y": 385.1875, + "width": 73.921875, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(179, 5, 50)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 190, + "y": 365.1875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/macos/dark-close-hover.png", + "sha256": "29992b939ab2cdc8b9423fd391d6f64bad0948ea3b5035f7a13263ef75558f16" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "close-focus", + "viewport": { + "width": 960, + "height": 700 + }, + "type": "standard", + "width": "medium", + "dir": "ltr", + "interaction": "focus" + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "borderRadius": "24px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "rgba(0, 0, 0, 0.4) 0px 6px 12px -3px, rgba(0, 0, 0, 0.55) 0px 16px 32px -6px", + "margin": "258.797px 190px 258.812px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "620px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 198, + "y": 268.796875, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 215, + "y": 285.796875, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 250, + "y": 280.796875, + "width": 109.96875, + "height": 24 + }, + "glyph": { + "x": 250, + "y": 280.796875, + "width": 109.96875, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 46.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 214, + "y": 326.796875, + "width": 532, + "height": 22.390625 + }, + "glyph": { + "x": 214, + "y": 329.796875, + "width": 322.671875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 190, + "y": 373.1875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 591.15625, + "y": 385.1875, + "width": 76.921875, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(177, 177, 177)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(177, 177, 177)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(177, 177, 177) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 680.078125, + "y": 385.1875, + "width": 73.921875, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(179, 5, 50)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 190, + "y": 365.1875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/macos/dark-close-focus.png", + "sha256": "845bd9223c556d27dd0d6342715f43532f39b0bd5dc51a128375d068a77567ae" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "pending", + "viewport": { + "width": 960, + "height": 700 + }, + "type": "standard", + "width": "medium", + "dir": "ltr", + "pending": true + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "borderRadius": "24px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "rgba(0, 0, 0, 0.4) 0px 6px 12px -3px, rgba(0, 0, 0, 0.55) 0px 16px 32px -6px", + "margin": "258.797px 190px 258.812px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "620px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 198, + "y": 268.796875, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 215, + "y": 285.796875, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 250, + "y": 280.796875, + "width": 109.96875, + "height": 24 + }, + "glyph": { + "x": 250, + "y": 280.796875, + "width": 109.96875, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 46.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 214, + "y": 326.796875, + "width": 532, + "height": 22.390625 + }, + "glyph": { + "x": 214, + "y": 329.796875, + "width": 322.671875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 190, + "y": 373.1875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 591.15625, + "y": 385.1875, + "width": 76.921875, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(177, 177, 177)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(177, 177, 177)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(177, 177, 177) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 680.078125, + "y": 385.1875, + "width": 73.921875, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(179, 5, 50)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 190, + "y": 365.1875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/macos/dark-pending.png", + "sha256": "6b1fcfc3335300bf8a8dba27c0be51678a17d722d18aeef2fd80e00603bce16a" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "disabled", + "viewport": { + "width": 960, + "height": 700 + }, + "type": "standard", + "width": "medium", + "dir": "ltr", + "disabled": true + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "borderRadius": "24px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "rgba(0, 0, 0, 0.4) 0px 6px 12px -3px, rgba(0, 0, 0, 0.55) 0px 16px 32px -6px", + "margin": "258.797px 190px 258.812px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "620px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 198, + "y": 268.796875, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 215, + "y": 285.796875, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 250, + "y": 280.796875, + "width": 109.96875, + "height": 24 + }, + "glyph": { + "x": 250, + "y": 280.796875, + "width": 109.96875, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 46.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 214, + "y": 326.796875, + "width": 532, + "height": 22.390625 + }, + "glyph": { + "x": 214, + "y": 329.796875, + "width": 322.671875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 190, + "y": 373.1875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 591.15625, + "y": 385.1875, + "width": 76.921875, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(177, 177, 177)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(177, 177, 177)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(177, 177, 177) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 680.078125, + "y": 385.1875, + "width": 73.921875, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(122, 122, 122)", + "backgroundColor": "rgb(74, 74, 74)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(122, 122, 122) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 190, + "y": 365.1875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/macos/dark-disabled.png", + "sha256": "1f4d1447cd2d325ca8de58b0c37f7aba7d16c8a9083d9f2d9d50d03b6a7eedbb" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "no-footer", + "viewport": { + "width": 960, + "height": 700 + }, + "type": "standard", + "width": "medium", + "dir": "ltr", + "noFooter": true + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 190, + "y": 292.796875, + "width": 580, + "height": 114.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "borderRadius": "24px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "rgba(0, 0, 0, 0.4) 0px 6px 12px -3px, rgba(0, 0, 0, 0.55) 0px 16px 32px -6px", + "margin": "292.797px 190px 292.812px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "620px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 190, + "y": 292.796875, + "width": 580, + "height": 114.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 190, + "y": 292.796875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 198, + "y": 302.796875, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 215, + "y": 319.796875, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 250, + "y": 314.796875, + "width": 109.96875, + "height": 24 + }, + "glyph": { + "x": 250, + "y": 314.796875, + "width": 109.96875, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 190, + "y": 360.796875, + "width": 580, + "height": 46.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 214, + "y": 360.796875, + "width": 532, + "height": 22.390625 + }, + "glyph": { + "x": 214, + "y": 363.796875, + "width": 322.671875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": null, + "cancel": null, + "confirm": null, + "top": { + "box": { + "x": 190, + "y": 360.796875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 190, + "y": 399.1875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/macos/dark-no-footer.png", + "sha256": "bbe411dd9f17fca5c8328c90d9c3798bd6e8e2018cea1cefd52124e0ae617bc2" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "long-top", + "viewport": { + "width": 960, + "height": 700 + }, + "type": "standard", + "width": "medium", + "dir": "ltr", + "long": true + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 190, + "y": 40, + "width": 580, + "height": 620 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "borderRadius": "24px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "rgba(0, 0, 0, 0.4) 0px 6px 12px -3px, rgba(0, 0, 0, 0.55) 0px 16px 32px -6px", + "margin": "40px 190px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "620px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 190, + "y": 40, + "width": 580, + "height": 620 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 190, + "y": 40, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 198, + "y": 50, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 215, + "y": 67, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 250, + "y": 62, + "width": 109.96875, + "height": 24 + }, + "glyph": { + "x": 250, + "y": 62, + "width": 109.96875, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 190, + "y": 108, + "width": 580, + "height": 484 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 214, + "y": 108, + "width": 532, + "height": 895.765625 + }, + "glyph": { + "x": 214, + "y": 111, + "width": 322.671875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 190, + "y": 592, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 591.15625, + "y": 604, + "width": 76.921875, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(177, 177, 177)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(177, 177, 177)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(177, 177, 177) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 680.078125, + "y": 604, + "width": 73.921875, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(179, 5, 50)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 190, + "y": 108, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 190, + "y": 584, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/macos/dark-long-top.png", + "sha256": "1ae76163a9ef7e57afea38d8741c2d06a7f984ccc74000adc54d27adda349d47" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "long-middle", + "viewport": { + "width": 960, + "height": 700 + }, + "type": "standard", + "width": "medium", + "dir": "ltr", + "long": true, + "interaction": "scroll" + }, + "scrollTop": 96, + "parts": { + "surface": { + "box": { + "x": 190, + "y": 40, + "width": 580, + "height": 620 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "borderRadius": "24px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "rgba(0, 0, 0, 0.4) 0px 6px 12px -3px, rgba(0, 0, 0, 0.55) 0px 16px 32px -6px", + "margin": "40px 190px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "620px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 190, + "y": 40, + "width": 580, + "height": 620 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 190, + "y": 40, + "width": 580, + "height": 69 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 198, + "y": 50, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 215, + "y": 67, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 250, + "y": 62, + "width": 109.96875, + "height": 24 + }, + "glyph": { + "x": 250, + "y": 62, + "width": 109.96875, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 190, + "y": 109, + "width": 580, + "height": 483 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 214, + "y": 13, + "width": 532, + "height": 895.765625 + }, + "glyph": { + "x": 214, + "y": 16, + "width": 322.671875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 190, + "y": 592, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 591.15625, + "y": 604, + "width": 76.921875, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(177, 177, 177)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(177, 177, 177)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(177, 177, 177) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 680.078125, + "y": 604, + "width": 73.921875, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(179, 5, 50)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 190, + "y": 109, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "bottom": { + "box": { + "x": 190, + "y": 584, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/macos/dark-long-middle.png", + "sha256": "085b98cc7bba7e67f5a78e70deb1944a640e656fea9a7b796977b6171387d858" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "long-bottom", + "viewport": { + "width": 960, + "height": 700 + }, + "type": "standard", + "width": "medium", + "dir": "ltr", + "long": true, + "interaction": "bottom" + }, + "scrollTop": 450, + "parts": { + "surface": { + "box": { + "x": 190, + "y": 40, + "width": 580, + "height": 620 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "borderRadius": "24px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "rgba(0, 0, 0, 0.4) 0px 6px 12px -3px, rgba(0, 0, 0, 0.55) 0px 16px 32px -6px", + "margin": "40px 190px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "620px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 190, + "y": 40, + "width": 580, + "height": 620 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 190, + "y": 40, + "width": 580, + "height": 69 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 198, + "y": 50, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 215, + "y": 67, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 250, + "y": 62, + "width": 109.96875, + "height": 24 + }, + "glyph": { + "x": 250, + "y": 62, + "width": 109.96875, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 190, + "y": 109, + "width": 580, + "height": 483 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 214, + "y": -341, + "width": 532, + "height": 895.765625 + }, + "glyph": { + "x": 214, + "y": -338, + "width": 322.671875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 190, + "y": 592, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 591.15625, + "y": 604, + "width": 76.921875, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(177, 177, 177)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(177, 177, 177)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(177, 177, 177) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 680.078125, + "y": 604, + "width": 73.921875, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(179, 5, 50)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 190, + "y": 109, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "bottom": { + "box": { + "x": 190, + "y": 584, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/macos/dark-long-bottom.png", + "sha256": "4a77ce1fdf23987a4dd9a2c8b3ca52c18eed6c27870ac3c81606adfa06e2359a" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "standard", + "viewport": { + "width": 960, + "height": 700 + }, + "type": "standard", + "width": "medium", + "dir": "ltr" + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "borderRadius": "24px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "rgba(0, 0, 0, 0.12) 0px 6px 12px -3px, rgba(0, 0, 0, 0.2) 0px 16px 32px -6px", + "margin": "258.797px 190px 258.812px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "620px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 198, + "y": 268.796875, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 215, + "y": 285.796875, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 250, + "y": 280.796875, + "width": 111, + "height": 24 + }, + "glyph": { + "x": 250, + "y": 280.796875, + "width": 111, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 46.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 214, + "y": 326.796875, + "width": 532, + "height": 22.390625 + }, + "glyph": { + "x": 214, + "y": 329.796875, + "width": 318, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 190, + "y": 373.1875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 588, + "y": 385.1875, + "width": 78, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(122, 122, 122)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(94, 94, 94)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(122, 122, 122) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 678, + "y": 385.1875, + "width": 76, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(220, 49, 70)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 190, + "y": 365.1875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/linux-arm64/light-standard.png", + "sha256": "672844a9379f61ff47c9bc434af907332c09ce264319bf95ca80d8d48e89398e" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "small", + "viewport": { + "width": 960, + "height": 700 + }, + "type": "standard", + "width": "small", + "dir": "ltr" + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 320, + "y": 247.609375, + "width": 320, + "height": 204.78125 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "borderRadius": "24px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "rgba(0, 0, 0, 0.12) 0px 6px 12px -3px, rgba(0, 0, 0, 0.2) 0px 16px 32px -6px", + "margin": "247.609px 320px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "620px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 320, + "y": 247.609375, + "width": 320, + "height": 204.78125 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 320, + "y": 247.609375, + "width": 320, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 328, + "y": 257.609375, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 345, + "y": 274.609375, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 380, + "y": 269.609375, + "width": 111, + "height": 24 + }, + "glyph": { + "x": 380, + "y": 269.609375, + "width": 111, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 320, + "y": 315.609375, + "width": 320, + "height": 68.78125 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 344, + "y": 315.609375, + "width": 272, + "height": 44.78125 + }, + "glyph": { + "x": 344, + "y": 318.609375, + "width": 257, + "height": 38.390625 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 320, + "y": 384.390625, + "width": 320, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 458, + "y": 396.390625, + "width": 78, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(122, 122, 122)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(94, 94, 94)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(122, 122, 122) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 548, + "y": 396.390625, + "width": 76, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(220, 49, 70)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 320, + "y": 315.609375, + "width": 320, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 320, + "y": 376.390625, + "width": 320, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/linux-arm64/light-small.png", + "sha256": "b5de170c78f83a068b2823e90612613c4be5af8ea2f075bd63a9b7411d7034c3" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "large", + "viewport": { + "width": 1280, + "height": 900 + }, + "type": "standard", + "width": "large", + "dir": "ltr" + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 128, + "y": 358.796875, + "width": 1024, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "borderRadius": "24px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "rgba(0, 0, 0, 0.12) 0px 6px 12px -3px, rgba(0, 0, 0, 0.2) 0px 16px 32px -6px", + "margin": "358.797px 128px 358.812px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "820px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 128, + "y": 358.796875, + "width": 1024, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 128, + "y": 358.796875, + "width": 1024, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 136, + "y": 368.796875, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 153, + "y": 385.796875, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 188, + "y": 380.796875, + "width": 111, + "height": 24 + }, + "glyph": { + "x": 188, + "y": 380.796875, + "width": 111, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 128, + "y": 426.796875, + "width": 1024, + "height": 46.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 152, + "y": 426.796875, + "width": 976, + "height": 22.390625 + }, + "glyph": { + "x": 152, + "y": 429.796875, + "width": 318, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 128, + "y": 473.1875, + "width": 1024, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 970, + "y": 485.1875, + "width": 78, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(122, 122, 122)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(94, 94, 94)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(122, 122, 122) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 1060, + "y": 485.1875, + "width": 76, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(220, 49, 70)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 128, + "y": 426.796875, + "width": 1024, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 128, + "y": 465.1875, + "width": 1024, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/linux-arm64/light-large.png", + "sha256": "81e140ff339562d5cef6dc911c7f63cb7109c8cad71015603a6067238574ab84" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "full", + "viewport": { + "width": 1280, + "height": 900 + }, + "type": "standard", + "width": "full", + "dir": "ltr" + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 32, + "y": 358.796875, + "width": 1216, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "borderRadius": "24px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "rgba(0, 0, 0, 0.12) 0px 6px 12px -3px, rgba(0, 0, 0, 0.2) 0px 16px 32px -6px", + "margin": "358.797px 32px 358.812px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "820px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 32, + "y": 358.796875, + "width": 1216, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 32, + "y": 358.796875, + "width": 1216, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 40, + "y": 368.796875, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 57, + "y": 385.796875, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 92, + "y": 380.796875, + "width": 111, + "height": 24 + }, + "glyph": { + "x": 92, + "y": 380.796875, + "width": 111, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 32, + "y": 426.796875, + "width": 1216, + "height": 46.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 56, + "y": 426.796875, + "width": 1168, + "height": 22.390625 + }, + "glyph": { + "x": 56, + "y": 429.796875, + "width": 318, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 32, + "y": 473.1875, + "width": 1216, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 1066, + "y": 485.1875, + "width": 78, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(122, 122, 122)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(94, 94, 94)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(122, 122, 122) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 1156, + "y": 485.1875, + "width": 76, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(220, 49, 70)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 32, + "y": 426.796875, + "width": 1216, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 32, + "y": 465.1875, + "width": 1216, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/linux-arm64/light-full.png", + "sha256": "eeb7c864842cb01e6bbf0573dd23a302c058324f432ff1d3190e045d6f1d35b8" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "narrow-standard", + "viewport": { + "width": 360, + "height": 650 + }, + "type": "standard", + "width": "medium", + "dir": "ltr" + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 0, + "y": 0, + "width": 360, + "height": 650 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "rgba(0, 0, 0, 0.12) 0px 6px 12px -3px, rgba(0, 0, 0, 0.2) 0px 16px 32px -6px", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "650px", + "minHeight": "650px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 0, + "y": 0, + "width": 360, + "height": 650 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 0, + "y": 0, + "width": 360, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 4, + "y": 10, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 21, + "y": 27, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 56, + "y": 22, + "width": 111, + "height": 24 + }, + "glyph": { + "x": 56, + "y": 22, + "width": 111, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 0, + "y": 68, + "width": 360, + "height": 514 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 24, + "y": 68, + "width": 312, + "height": 44.78125 + }, + "glyph": { + "x": 24, + "y": 71, + "width": 257, + "height": 38.390625 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 0, + "y": 582, + "width": 360, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 178, + "y": 594, + "width": 78, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(122, 122, 122)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(94, 94, 94)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(122, 122, 122) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 268, + "y": 594, + "width": 76, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(220, 49, 70)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 0, + "y": 68, + "width": 360, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 0, + "y": 574, + "width": 360, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/linux-arm64/light-narrow-standard.png", + "sha256": "551e62ca12cd728486b175eeeced87940eed96e8525ff0ee7f2a5a643e4a1b57" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "narrow-alert", + "viewport": { + "width": 360, + "height": 650 + }, + "type": "alert", + "width": "small", + "dir": "ltr" + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 20, + "y": 222.609375, + "width": 320, + "height": 204.78125 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "borderRadius": "24px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "rgba(0, 0, 0, 0.12) 0px 6px 12px -3px, rgba(0, 0, 0, 0.2) 0px 16px 32px -6px", + "margin": "222.609px 20px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "570px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 20, + "y": 222.609375, + "width": 320, + "height": 204.78125 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 20, + "y": 222.609375, + "width": 320, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 24, + "y": 232.609375, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 41, + "y": 249.609375, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 76, + "y": 244.609375, + "width": 111, + "height": 24 + }, + "glyph": { + "x": 76, + "y": 244.609375, + "width": 111, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 20, + "y": 290.609375, + "width": 320, + "height": 68.78125 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 44, + "y": 290.609375, + "width": 272, + "height": 44.78125 + }, + "glyph": { + "x": 44, + "y": 293.609375, + "width": 257, + "height": 38.390625 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 20, + "y": 359.390625, + "width": 320, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 158, + "y": 371.390625, + "width": 78, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(122, 122, 122)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(94, 94, 94)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(122, 122, 122) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 248, + "y": 371.390625, + "width": 76, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(220, 49, 70)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 20, + "y": 290.609375, + "width": 320, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 20, + "y": 351.390625, + "width": 320, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/linux-arm64/light-narrow-alert.png", + "sha256": "01cd1102b8e394ff2ae42c552804a7cc21df8f4a35b6ea4be622c5f1665dbef6" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "short-standard", + "viewport": { + "width": 900, + "height": 460 + }, + "type": "standard", + "width": "medium", + "dir": "ltr" + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 0, + "y": 0, + "width": 900, + "height": 460 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "rgba(0, 0, 0, 0.12) 0px 6px 12px -3px, rgba(0, 0, 0, 0.2) 0px 16px 32px -6px", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "460px", + "minHeight": "460px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 0, + "y": 0, + "width": 900, + "height": 460 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 0, + "y": 0, + "width": 900, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 4, + "y": 10, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 21, + "y": 27, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 56, + "y": 22, + "width": 111, + "height": 24 + }, + "glyph": { + "x": 56, + "y": 22, + "width": 111, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 0, + "y": 68, + "width": 900, + "height": 324 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 24, + "y": 68, + "width": 852, + "height": 22.390625 + }, + "glyph": { + "x": 24, + "y": 71, + "width": 318, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 0, + "y": 392, + "width": 900, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 718, + "y": 404, + "width": 78, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(122, 122, 122)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(94, 94, 94)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(122, 122, 122) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 808, + "y": 404, + "width": 76, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(220, 49, 70)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 0, + "y": 68, + "width": 900, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 0, + "y": 384, + "width": 900, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/linux-arm64/light-short-standard.png", + "sha256": "05a3f34b4a80103715c8ca15e2861d26b9bedb46209a0879c3df06019b73f76b" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "rtl", + "viewport": { + "width": 960, + "height": 700 + }, + "type": "standard", + "width": "medium", + "dir": "rtl", + "subtitle": "Household settings" + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "borderRadius": "24px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "rgba(0, 0, 0, 0.12) 0px 6px 12px -3px, rgba(0, 0, 0, 0.2) 0px 16px 32px -6px", + "margin": "258.797px 190px 258.812px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "620px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 714, + "y": 268.796875, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 731, + "y": 285.796875, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 599, + "y": 269.59375, + "width": 111, + "height": 24 + }, + "glyph": { + "x": 599, + "y": 269.59375, + "width": 111, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": { + "box": { + "x": 590, + "y": 296.59375, + "width": 120, + "height": 16 + }, + "glyph": { + "x": 590, + "y": 296.59375, + "width": 120, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(94, 94, 94)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "body": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 46.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 214, + "y": 326.796875, + "width": 532, + "height": 22.390625 + }, + "glyph": { + "x": 428, + "y": 329.796875, + "width": 318, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 190, + "y": 373.1875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 294, + "y": 385.1875, + "width": 78, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(122, 122, 122)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(94, 94, 94)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(122, 122, 122) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 206, + "y": 385.1875, + "width": 76, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(220, 49, 70)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 190, + "y": 365.1875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/linux-arm64/light-rtl.png", + "sha256": "195c24245650f13121e7a2902ff39c8a81ed3da0b6cf33fa4103eb11a524af1e" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "close-hover", + "viewport": { + "width": 960, + "height": 700 + }, + "type": "standard", + "width": "medium", + "dir": "ltr", + "interaction": "hover" + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "borderRadius": "24px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "rgba(0, 0, 0, 0.12) 0px 6px 12px -3px, rgba(0, 0, 0, 0.2) 0px 16px 32px -6px", + "margin": "258.797px 190px 258.812px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "620px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 198, + "y": 268.796875, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 215, + "y": 285.796875, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 250, + "y": 280.796875, + "width": 111, + "height": 24 + }, + "glyph": { + "x": 250, + "y": 280.796875, + "width": 111, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 46.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 214, + "y": 326.796875, + "width": 532, + "height": 22.390625 + }, + "glyph": { + "x": 214, + "y": 329.796875, + "width": 318, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 190, + "y": 373.1875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 588, + "y": 385.1875, + "width": 78, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(122, 122, 122)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(94, 94, 94)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(122, 122, 122) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 678, + "y": 385.1875, + "width": 76, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(220, 49, 70)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 190, + "y": 365.1875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/linux-arm64/light-close-hover.png", + "sha256": "361386698ae9c2d1eca845e24f57f089c5dbb7b8089fc766247a391a81eb6783" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "close-focus", + "viewport": { + "width": 960, + "height": 700 + }, + "type": "standard", + "width": "medium", + "dir": "ltr", + "interaction": "focus" + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "borderRadius": "24px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "rgba(0, 0, 0, 0.12) 0px 6px 12px -3px, rgba(0, 0, 0, 0.2) 0px 16px 32px -6px", + "margin": "258.797px 190px 258.812px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "620px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 198, + "y": 268.796875, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 215, + "y": 285.796875, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 250, + "y": 280.796875, + "width": 111, + "height": 24 + }, + "glyph": { + "x": 250, + "y": 280.796875, + "width": 111, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 46.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 214, + "y": 326.796875, + "width": 532, + "height": 22.390625 + }, + "glyph": { + "x": 214, + "y": 329.796875, + "width": 318, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 190, + "y": 373.1875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 588, + "y": 385.1875, + "width": 78, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(122, 122, 122)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(94, 94, 94)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(122, 122, 122) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 678, + "y": 385.1875, + "width": 76, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(220, 49, 70)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 190, + "y": 365.1875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/linux-arm64/light-close-focus.png", + "sha256": "256dd59b4ced805226cab0b1d514629143724c6dc9c272b40a7b020a97581c38" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "pending", + "viewport": { + "width": 960, + "height": 700 + }, + "type": "standard", + "width": "medium", + "dir": "ltr", + "pending": true + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "borderRadius": "24px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "rgba(0, 0, 0, 0.12) 0px 6px 12px -3px, rgba(0, 0, 0, 0.2) 0px 16px 32px -6px", + "margin": "258.797px 190px 258.812px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "620px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 198, + "y": 268.796875, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 215, + "y": 285.796875, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 250, + "y": 280.796875, + "width": 111, + "height": 24 + }, + "glyph": { + "x": 250, + "y": 280.796875, + "width": 111, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 46.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 214, + "y": 326.796875, + "width": 532, + "height": 22.390625 + }, + "glyph": { + "x": 214, + "y": 329.796875, + "width": 318, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 190, + "y": 373.1875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 588, + "y": 385.1875, + "width": 78, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(122, 122, 122)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(94, 94, 94)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(122, 122, 122) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 678, + "y": 385.1875, + "width": 76, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(220, 49, 70)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 190, + "y": 365.1875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/linux-arm64/light-pending.png", + "sha256": "512e1679f9810d4c7850aeceec27a14426f82df024584d8326d13f0a3b60a7b5" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "disabled", + "viewport": { + "width": 960, + "height": 700 + }, + "type": "standard", + "width": "medium", + "dir": "ltr", + "disabled": true + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "borderRadius": "24px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "rgba(0, 0, 0, 0.12) 0px 6px 12px -3px, rgba(0, 0, 0, 0.2) 0px 16px 32px -6px", + "margin": "258.797px 190px 258.812px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "620px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 198, + "y": 268.796875, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 215, + "y": 285.796875, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 250, + "y": 280.796875, + "width": 111, + "height": 24 + }, + "glyph": { + "x": 250, + "y": 280.796875, + "width": 111, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 46.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 214, + "y": 326.796875, + "width": 532, + "height": 22.390625 + }, + "glyph": { + "x": 214, + "y": 329.796875, + "width": 318, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 190, + "y": 373.1875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 588, + "y": 385.1875, + "width": 78, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(122, 122, 122)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(94, 94, 94)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(122, 122, 122) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 678, + "y": 385.1875, + "width": 76, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(243, 243, 243)", + "backgroundColor": "rgb(204, 204, 204)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(243, 243, 243) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 190, + "y": 365.1875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/linux-arm64/light-disabled.png", + "sha256": "2446412f54b726b708712f9ebfca0b0204098ca0a20648940972efe382e90dbf" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "no-footer", + "viewport": { + "width": 960, + "height": 700 + }, + "type": "standard", + "width": "medium", + "dir": "ltr", + "noFooter": true + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 190, + "y": 292.796875, + "width": 580, + "height": 114.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "borderRadius": "24px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "rgba(0, 0, 0, 0.12) 0px 6px 12px -3px, rgba(0, 0, 0, 0.2) 0px 16px 32px -6px", + "margin": "292.797px 190px 292.812px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "620px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 190, + "y": 292.796875, + "width": 580, + "height": 114.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 190, + "y": 292.796875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 198, + "y": 302.796875, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 215, + "y": 319.796875, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 250, + "y": 314.796875, + "width": 111, + "height": 24 + }, + "glyph": { + "x": 250, + "y": 314.796875, + "width": 111, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 190, + "y": 360.796875, + "width": 580, + "height": 46.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 214, + "y": 360.796875, + "width": 532, + "height": 22.390625 + }, + "glyph": { + "x": 214, + "y": 363.796875, + "width": 318, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": null, + "cancel": null, + "confirm": null, + "top": { + "box": { + "x": 190, + "y": 360.796875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 190, + "y": 399.1875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/linux-arm64/light-no-footer.png", + "sha256": "2f7160e3c33560395222a774e5a34696f2d8a54456f2be0be8e0f222889a6f04" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "long-top", + "viewport": { + "width": 960, + "height": 700 + }, + "type": "standard", + "width": "medium", + "dir": "ltr", + "long": true + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 190, + "y": 40, + "width": 580, + "height": 620 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "borderRadius": "24px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "rgba(0, 0, 0, 0.12) 0px 6px 12px -3px, rgba(0, 0, 0, 0.2) 0px 16px 32px -6px", + "margin": "40px 190px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "620px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 190, + "y": 40, + "width": 580, + "height": 620 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 190, + "y": 40, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 198, + "y": 50, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 215, + "y": 67, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 250, + "y": 62, + "width": 111, + "height": 24 + }, + "glyph": { + "x": 250, + "y": 62, + "width": 111, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 190, + "y": 108, + "width": 580, + "height": 484 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 214, + "y": 108, + "width": 532, + "height": 895.765625 + }, + "glyph": { + "x": 214, + "y": 111, + "width": 318, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 190, + "y": 592, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 588, + "y": 604, + "width": 78, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(122, 122, 122)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(94, 94, 94)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(122, 122, 122) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 678, + "y": 604, + "width": 76, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(220, 49, 70)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 190, + "y": 108, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 190, + "y": 584, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/linux-arm64/light-long-top.png", + "sha256": "ee1d0748f91f9c50e103d31acb26b0cd785758a1a26327335566a9b8fa566b42" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "long-middle", + "viewport": { + "width": 960, + "height": 700 + }, + "type": "standard", + "width": "medium", + "dir": "ltr", + "long": true, + "interaction": "scroll" + }, + "scrollTop": 96, + "parts": { + "surface": { + "box": { + "x": 190, + "y": 40, + "width": 580, + "height": 620 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "borderRadius": "24px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "rgba(0, 0, 0, 0.12) 0px 6px 12px -3px, rgba(0, 0, 0, 0.2) 0px 16px 32px -6px", + "margin": "40px 190px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "620px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 190, + "y": 40, + "width": 580, + "height": 620 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 190, + "y": 40, + "width": 580, + "height": 69 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 198, + "y": 50, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 215, + "y": 67, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 250, + "y": 62, + "width": 111, + "height": 24 + }, + "glyph": { + "x": 250, + "y": 62, + "width": 111, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 190, + "y": 109, + "width": 580, + "height": 483 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 214, + "y": 13, + "width": 532, + "height": 895.765625 + }, + "glyph": { + "x": 214, + "y": 16, + "width": 318, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 190, + "y": 592, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 588, + "y": 604, + "width": 78, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(122, 122, 122)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(94, 94, 94)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(122, 122, 122) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 678, + "y": 604, + "width": 76, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(220, 49, 70)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 190, + "y": 109, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "bottom": { + "box": { + "x": 190, + "y": 584, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/linux-arm64/light-long-middle.png", + "sha256": "e5a184e0b0aa09d7c4248070742371fcfe6183a656f82398f1a7c49308adfbf4" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "long-bottom", + "viewport": { + "width": 960, + "height": 700 + }, + "type": "standard", + "width": "medium", + "dir": "ltr", + "long": true, + "interaction": "bottom" + }, + "scrollTop": 450, + "parts": { + "surface": { + "box": { + "x": 190, + "y": 40, + "width": 580, + "height": 620 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "borderRadius": "24px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "rgba(0, 0, 0, 0.12) 0px 6px 12px -3px, rgba(0, 0, 0, 0.2) 0px 16px 32px -6px", + "margin": "40px 190px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "620px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 190, + "y": 40, + "width": 580, + "height": 620 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 190, + "y": 40, + "width": 580, + "height": 69 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 198, + "y": 50, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 215, + "y": 67, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 250, + "y": 62, + "width": 111, + "height": 24 + }, + "glyph": { + "x": 250, + "y": 62, + "width": 111, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 190, + "y": 109, + "width": 580, + "height": 483 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 214, + "y": -341, + "width": 532, + "height": 895.765625 + }, + "glyph": { + "x": 214, + "y": -338, + "width": 318, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 190, + "y": 592, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 588, + "y": 604, + "width": 78, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(122, 122, 122)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(94, 94, 94)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(122, 122, 122) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 678, + "y": 604, + "width": 76, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(220, 49, 70)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 190, + "y": 109, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "bottom": { + "box": { + "x": 190, + "y": 584, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/linux-arm64/light-long-bottom.png", + "sha256": "1641e69eb35515bce29b816449c97ce3e7fe33aeb25c77c4107bd68203034ebd" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "standard", + "viewport": { + "width": 960, + "height": 700 + }, + "type": "standard", + "width": "medium", + "dir": "ltr" + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "borderRadius": "24px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "rgba(0, 0, 0, 0.4) 0px 6px 12px -3px, rgba(0, 0, 0, 0.55) 0px 16px 32px -6px", + "margin": "258.797px 190px 258.812px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "620px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 198, + "y": 268.796875, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 215, + "y": 285.796875, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 250, + "y": 280.796875, + "width": 111, + "height": 24 + }, + "glyph": { + "x": 250, + "y": 280.796875, + "width": 111, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 46.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 214, + "y": 326.796875, + "width": 532, + "height": 22.390625 + }, + "glyph": { + "x": 214, + "y": 329.796875, + "width": 318, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 190, + "y": 373.1875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 588, + "y": 385.1875, + "width": 78, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(177, 177, 177)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(177, 177, 177)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(177, 177, 177) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 678, + "y": 385.1875, + "width": 76, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(179, 5, 50)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 190, + "y": 365.1875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/linux-arm64/dark-standard.png", + "sha256": "e7e40f4daa84aca77be688e44bd55f95f5ffd119fd125eadad045f5fc2b606c7" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "small", + "viewport": { + "width": 960, + "height": 700 + }, + "type": "standard", + "width": "small", + "dir": "ltr" + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 320, + "y": 247.609375, + "width": 320, + "height": 204.78125 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "borderRadius": "24px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "rgba(0, 0, 0, 0.4) 0px 6px 12px -3px, rgba(0, 0, 0, 0.55) 0px 16px 32px -6px", + "margin": "247.609px 320px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "620px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 320, + "y": 247.609375, + "width": 320, + "height": 204.78125 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 320, + "y": 247.609375, + "width": 320, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 328, + "y": 257.609375, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 345, + "y": 274.609375, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 380, + "y": 269.609375, + "width": 111, + "height": 24 + }, + "glyph": { + "x": 380, + "y": 269.609375, + "width": 111, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 320, + "y": 315.609375, + "width": 320, + "height": 68.78125 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 344, + "y": 315.609375, + "width": 272, + "height": 44.78125 + }, + "glyph": { + "x": 344, + "y": 318.609375, + "width": 257, + "height": 38.390625 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 320, + "y": 384.390625, + "width": 320, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 458, + "y": 396.390625, + "width": 78, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(177, 177, 177)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(177, 177, 177)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(177, 177, 177) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 548, + "y": 396.390625, + "width": 76, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(179, 5, 50)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 320, + "y": 315.609375, + "width": 320, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 320, + "y": 376.390625, + "width": 320, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/linux-arm64/dark-small.png", + "sha256": "1fcf0d5a878fd7a3c7da4bf6c49a943025c0fb7da4a4e2f3b9fd4a6228fb447d" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "large", + "viewport": { + "width": 1280, + "height": 900 + }, + "type": "standard", + "width": "large", + "dir": "ltr" + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 128, + "y": 358.796875, + "width": 1024, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "borderRadius": "24px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "rgba(0, 0, 0, 0.4) 0px 6px 12px -3px, rgba(0, 0, 0, 0.55) 0px 16px 32px -6px", + "margin": "358.797px 128px 358.812px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "820px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 128, + "y": 358.796875, + "width": 1024, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 128, + "y": 358.796875, + "width": 1024, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 136, + "y": 368.796875, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 153, + "y": 385.796875, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 188, + "y": 380.796875, + "width": 111, + "height": 24 + }, + "glyph": { + "x": 188, + "y": 380.796875, + "width": 111, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 128, + "y": 426.796875, + "width": 1024, + "height": 46.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 152, + "y": 426.796875, + "width": 976, + "height": 22.390625 + }, + "glyph": { + "x": 152, + "y": 429.796875, + "width": 318, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 128, + "y": 473.1875, + "width": 1024, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 970, + "y": 485.1875, + "width": 78, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(177, 177, 177)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(177, 177, 177)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(177, 177, 177) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 1060, + "y": 485.1875, + "width": 76, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(179, 5, 50)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 128, + "y": 426.796875, + "width": 1024, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 128, + "y": 465.1875, + "width": 1024, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/linux-arm64/dark-large.png", + "sha256": "04b95d83c5359a573c0d78a323fb12e0222faa809597c92fcbb85b202363b1b0" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "full", + "viewport": { + "width": 1280, + "height": 900 + }, + "type": "standard", + "width": "full", + "dir": "ltr" + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 32, + "y": 358.796875, + "width": 1216, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "borderRadius": "24px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "rgba(0, 0, 0, 0.4) 0px 6px 12px -3px, rgba(0, 0, 0, 0.55) 0px 16px 32px -6px", + "margin": "358.797px 32px 358.812px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "820px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 32, + "y": 358.796875, + "width": 1216, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 32, + "y": 358.796875, + "width": 1216, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 40, + "y": 368.796875, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 57, + "y": 385.796875, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 92, + "y": 380.796875, + "width": 111, + "height": 24 + }, + "glyph": { + "x": 92, + "y": 380.796875, + "width": 111, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 32, + "y": 426.796875, + "width": 1216, + "height": 46.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 56, + "y": 426.796875, + "width": 1168, + "height": 22.390625 + }, + "glyph": { + "x": 56, + "y": 429.796875, + "width": 318, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 32, + "y": 473.1875, + "width": 1216, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 1066, + "y": 485.1875, + "width": 78, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(177, 177, 177)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(177, 177, 177)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(177, 177, 177) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 1156, + "y": 485.1875, + "width": 76, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(179, 5, 50)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 32, + "y": 426.796875, + "width": 1216, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 32, + "y": 465.1875, + "width": 1216, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/linux-arm64/dark-full.png", + "sha256": "331a0c2b5641063bcf841de3392313eba1a4d4a17aa9e5fbe96f3d4dd09384dc" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "narrow-standard", + "viewport": { + "width": 360, + "height": 650 + }, + "type": "standard", + "width": "medium", + "dir": "ltr" + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 0, + "y": 0, + "width": 360, + "height": 650 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "rgba(0, 0, 0, 0.4) 0px 6px 12px -3px, rgba(0, 0, 0, 0.55) 0px 16px 32px -6px", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "650px", + "minHeight": "650px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 0, + "y": 0, + "width": 360, + "height": 650 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 0, + "y": 0, + "width": 360, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 4, + "y": 10, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 21, + "y": 27, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 56, + "y": 22, + "width": 111, + "height": 24 + }, + "glyph": { + "x": 56, + "y": 22, + "width": 111, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 0, + "y": 68, + "width": 360, + "height": 514 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 24, + "y": 68, + "width": 312, + "height": 44.78125 + }, + "glyph": { + "x": 24, + "y": 71, + "width": 257, + "height": 38.390625 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 0, + "y": 582, + "width": 360, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 178, + "y": 594, + "width": 78, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(177, 177, 177)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(177, 177, 177)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(177, 177, 177) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 268, + "y": 594, + "width": 76, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(179, 5, 50)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 0, + "y": 68, + "width": 360, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 0, + "y": 574, + "width": 360, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/linux-arm64/dark-narrow-standard.png", + "sha256": "53ebcdf70a6be370b092d88170c10a54dae64b97bc3eb3e78a263d3b0bd7fefd" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "narrow-alert", + "viewport": { + "width": 360, + "height": 650 + }, + "type": "alert", + "width": "small", + "dir": "ltr" + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 20, + "y": 222.609375, + "width": 320, + "height": 204.78125 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "borderRadius": "24px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "rgba(0, 0, 0, 0.4) 0px 6px 12px -3px, rgba(0, 0, 0, 0.55) 0px 16px 32px -6px", + "margin": "222.609px 20px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "570px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 20, + "y": 222.609375, + "width": 320, + "height": 204.78125 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 20, + "y": 222.609375, + "width": 320, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 24, + "y": 232.609375, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 41, + "y": 249.609375, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 76, + "y": 244.609375, + "width": 111, + "height": 24 + }, + "glyph": { + "x": 76, + "y": 244.609375, + "width": 111, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 20, + "y": 290.609375, + "width": 320, + "height": 68.78125 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 44, + "y": 290.609375, + "width": 272, + "height": 44.78125 + }, + "glyph": { + "x": 44, + "y": 293.609375, + "width": 257, + "height": 38.390625 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 20, + "y": 359.390625, + "width": 320, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 158, + "y": 371.390625, + "width": 78, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(177, 177, 177)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(177, 177, 177)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(177, 177, 177) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 248, + "y": 371.390625, + "width": 76, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(179, 5, 50)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 20, + "y": 290.609375, + "width": 320, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 20, + "y": 351.390625, + "width": 320, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/linux-arm64/dark-narrow-alert.png", + "sha256": "717836193a7e3d7139a008c594b2bb633492b47188fae1e158d7a6e9942ad553" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "short-standard", + "viewport": { + "width": 900, + "height": 460 + }, + "type": "standard", + "width": "medium", + "dir": "ltr" + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 0, + "y": 0, + "width": 900, + "height": 460 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "rgba(0, 0, 0, 0.4) 0px 6px 12px -3px, rgba(0, 0, 0, 0.55) 0px 16px 32px -6px", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "460px", + "minHeight": "460px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 0, + "y": 0, + "width": 900, + "height": 460 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 0, + "y": 0, + "width": 900, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 4, + "y": 10, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 21, + "y": 27, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 56, + "y": 22, + "width": 111, + "height": 24 + }, + "glyph": { + "x": 56, + "y": 22, + "width": 111, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 0, + "y": 68, + "width": 900, + "height": 324 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 24, + "y": 68, + "width": 852, + "height": 22.390625 + }, + "glyph": { + "x": 24, + "y": 71, + "width": 318, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 0, + "y": 392, + "width": 900, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 718, + "y": 404, + "width": 78, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(177, 177, 177)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(177, 177, 177)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(177, 177, 177) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 808, + "y": 404, + "width": 76, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(179, 5, 50)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 0, + "y": 68, + "width": 900, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 0, + "y": 384, + "width": 900, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/linux-arm64/dark-short-standard.png", + "sha256": "b4a57e381ffd7cfc69c6c3d8384046c9ea4719662dcf88eda1c69942aafc5241" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "rtl", + "viewport": { + "width": 960, + "height": 700 + }, + "type": "standard", + "width": "medium", + "dir": "rtl", + "subtitle": "Household settings" + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "borderRadius": "24px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "rgba(0, 0, 0, 0.4) 0px 6px 12px -3px, rgba(0, 0, 0, 0.55) 0px 16px 32px -6px", + "margin": "258.797px 190px 258.812px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "620px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 714, + "y": 268.796875, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 731, + "y": 285.796875, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 599, + "y": 269.59375, + "width": 111, + "height": 24 + }, + "glyph": { + "x": 599, + "y": 269.59375, + "width": 111, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": { + "box": { + "x": 590, + "y": 296.59375, + "width": 120, + "height": 16 + }, + "glyph": { + "x": 590, + "y": 296.59375, + "width": 120, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(155, 155, 155)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "body": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 46.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 214, + "y": 326.796875, + "width": 532, + "height": 22.390625 + }, + "glyph": { + "x": 428, + "y": 329.796875, + "width": 318, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 190, + "y": 373.1875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 294, + "y": 385.1875, + "width": 78, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(177, 177, 177)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(177, 177, 177)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(177, 177, 177) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 206, + "y": 385.1875, + "width": 76, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(179, 5, 50)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 190, + "y": 365.1875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/linux-arm64/dark-rtl.png", + "sha256": "6705f0fd0f9e82383380a83765f247ec85871229e7247cea866e00abcdecda5c" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "close-hover", + "viewport": { + "width": 960, + "height": 700 + }, + "type": "standard", + "width": "medium", + "dir": "ltr", + "interaction": "hover" + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "borderRadius": "24px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "rgba(0, 0, 0, 0.4) 0px 6px 12px -3px, rgba(0, 0, 0, 0.55) 0px 16px 32px -6px", + "margin": "258.797px 190px 258.812px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "620px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 198, + "y": 268.796875, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 215, + "y": 285.796875, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 250, + "y": 280.796875, + "width": 111, + "height": 24 + }, + "glyph": { + "x": 250, + "y": 280.796875, + "width": 111, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 46.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 214, + "y": 326.796875, + "width": 532, + "height": 22.390625 + }, + "glyph": { + "x": 214, + "y": 329.796875, + "width": 318, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 190, + "y": 373.1875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 588, + "y": 385.1875, + "width": 78, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(177, 177, 177)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(177, 177, 177)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(177, 177, 177) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 678, + "y": 385.1875, + "width": 76, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(179, 5, 50)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 190, + "y": 365.1875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/linux-arm64/dark-close-hover.png", + "sha256": "04c77764893b6494b1f50ce9a2384349b6d96d25a9de96ff09b14e7a10b48db6" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "close-focus", + "viewport": { + "width": 960, + "height": 700 + }, + "type": "standard", + "width": "medium", + "dir": "ltr", + "interaction": "focus" + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "borderRadius": "24px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "rgba(0, 0, 0, 0.4) 0px 6px 12px -3px, rgba(0, 0, 0, 0.55) 0px 16px 32px -6px", + "margin": "258.797px 190px 258.812px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "620px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 198, + "y": 268.796875, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 215, + "y": 285.796875, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 250, + "y": 280.796875, + "width": 111, + "height": 24 + }, + "glyph": { + "x": 250, + "y": 280.796875, + "width": 111, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 46.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 214, + "y": 326.796875, + "width": 532, + "height": 22.390625 + }, + "glyph": { + "x": 214, + "y": 329.796875, + "width": 318, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 190, + "y": 373.1875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 588, + "y": 385.1875, + "width": 78, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(177, 177, 177)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(177, 177, 177)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(177, 177, 177) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 678, + "y": 385.1875, + "width": 76, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(179, 5, 50)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 190, + "y": 365.1875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/linux-arm64/dark-close-focus.png", + "sha256": "da7f412c36cd1a6a10c07d446855bc20c0d22cb4d6c42883dab272e74c60de7f" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "pending", + "viewport": { + "width": 960, + "height": 700 + }, + "type": "standard", + "width": "medium", + "dir": "ltr", + "pending": true + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "borderRadius": "24px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "rgba(0, 0, 0, 0.4) 0px 6px 12px -3px, rgba(0, 0, 0, 0.55) 0px 16px 32px -6px", + "margin": "258.797px 190px 258.812px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "620px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 198, + "y": 268.796875, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 215, + "y": 285.796875, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 250, + "y": 280.796875, + "width": 111, + "height": 24 + }, + "glyph": { + "x": 250, + "y": 280.796875, + "width": 111, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 46.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 214, + "y": 326.796875, + "width": 532, + "height": 22.390625 + }, + "glyph": { + "x": 214, + "y": 329.796875, + "width": 318, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 190, + "y": 373.1875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 588, + "y": 385.1875, + "width": 78, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(177, 177, 177)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(177, 177, 177)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(177, 177, 177) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 678, + "y": 385.1875, + "width": 76, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(179, 5, 50)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 190, + "y": 365.1875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/linux-arm64/dark-pending.png", + "sha256": "eee8581d005e76e6219f952a0bf91c17959b85fddcdd7ad81936e3b121110968" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "disabled", + "viewport": { + "width": 960, + "height": 700 + }, + "type": "standard", + "width": "medium", + "dir": "ltr", + "disabled": true + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "borderRadius": "24px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "rgba(0, 0, 0, 0.4) 0px 6px 12px -3px, rgba(0, 0, 0, 0.55) 0px 16px 32px -6px", + "margin": "258.797px 190px 258.812px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "620px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 198, + "y": 268.796875, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 215, + "y": 285.796875, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 250, + "y": 280.796875, + "width": 111, + "height": 24 + }, + "glyph": { + "x": 250, + "y": 280.796875, + "width": 111, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 46.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 214, + "y": 326.796875, + "width": 532, + "height": 22.390625 + }, + "glyph": { + "x": 214, + "y": 329.796875, + "width": 318, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 190, + "y": 373.1875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 588, + "y": 385.1875, + "width": 78, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(177, 177, 177)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(177, 177, 177)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(177, 177, 177) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 678, + "y": 385.1875, + "width": 76, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(122, 122, 122)", + "backgroundColor": "rgb(74, 74, 74)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(122, 122, 122) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 190, + "y": 365.1875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/linux-arm64/dark-disabled.png", + "sha256": "acdeacd732e400ab4cf5bb2f694c89c295f547e3102c262ba28dac2cda74c719" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "no-footer", + "viewport": { + "width": 960, + "height": 700 + }, + "type": "standard", + "width": "medium", + "dir": "ltr", + "noFooter": true + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 190, + "y": 292.796875, + "width": 580, + "height": 114.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "borderRadius": "24px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "rgba(0, 0, 0, 0.4) 0px 6px 12px -3px, rgba(0, 0, 0, 0.55) 0px 16px 32px -6px", + "margin": "292.797px 190px 292.812px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "620px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 190, + "y": 292.796875, + "width": 580, + "height": 114.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 190, + "y": 292.796875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 198, + "y": 302.796875, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 215, + "y": 319.796875, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 250, + "y": 314.796875, + "width": 111, + "height": 24 + }, + "glyph": { + "x": 250, + "y": 314.796875, + "width": 111, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 190, + "y": 360.796875, + "width": 580, + "height": 46.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 214, + "y": 360.796875, + "width": 532, + "height": 22.390625 + }, + "glyph": { + "x": 214, + "y": 363.796875, + "width": 318, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": null, + "cancel": null, + "confirm": null, + "top": { + "box": { + "x": 190, + "y": 360.796875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 190, + "y": 399.1875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/linux-arm64/dark-no-footer.png", + "sha256": "f79528ecb34199c13108e77d8a0990d0b491dba6b9dcdd66f641c5eaa7da6ec0" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "long-top", + "viewport": { + "width": 960, + "height": 700 + }, + "type": "standard", + "width": "medium", + "dir": "ltr", + "long": true + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 190, + "y": 40, + "width": 580, + "height": 620 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "borderRadius": "24px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "rgba(0, 0, 0, 0.4) 0px 6px 12px -3px, rgba(0, 0, 0, 0.55) 0px 16px 32px -6px", + "margin": "40px 190px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "620px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 190, + "y": 40, + "width": 580, + "height": 620 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 190, + "y": 40, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 198, + "y": 50, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 215, + "y": 67, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 250, + "y": 62, + "width": 111, + "height": 24 + }, + "glyph": { + "x": 250, + "y": 62, + "width": 111, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 190, + "y": 108, + "width": 580, + "height": 484 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 214, + "y": 108, + "width": 532, + "height": 895.765625 + }, + "glyph": { + "x": 214, + "y": 111, + "width": 318, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 190, + "y": 592, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 588, + "y": 604, + "width": 78, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(177, 177, 177)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(177, 177, 177)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(177, 177, 177) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 678, + "y": 604, + "width": 76, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(179, 5, 50)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 190, + "y": 108, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 190, + "y": 584, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/linux-arm64/dark-long-top.png", + "sha256": "07b5e75d40982a2c87ab744b19f1ddea4f3cc61eb7c084122095f5b883a9f646" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "long-middle", + "viewport": { + "width": 960, + "height": 700 + }, + "type": "standard", + "width": "medium", + "dir": "ltr", + "long": true, + "interaction": "scroll" + }, + "scrollTop": 96, + "parts": { + "surface": { + "box": { + "x": 190, + "y": 40, + "width": 580, + "height": 620 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "borderRadius": "24px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "rgba(0, 0, 0, 0.4) 0px 6px 12px -3px, rgba(0, 0, 0, 0.55) 0px 16px 32px -6px", + "margin": "40px 190px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "620px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 190, + "y": 40, + "width": 580, + "height": 620 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 190, + "y": 40, + "width": 580, + "height": 69 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 198, + "y": 50, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 215, + "y": 67, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 250, + "y": 62, + "width": 111, + "height": 24 + }, + "glyph": { + "x": 250, + "y": 62, + "width": 111, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 190, + "y": 109, + "width": 580, + "height": 483 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 214, + "y": 13, + "width": 532, + "height": 895.765625 + }, + "glyph": { + "x": 214, + "y": 16, + "width": 318, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 190, + "y": 592, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 588, + "y": 604, + "width": 78, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(177, 177, 177)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(177, 177, 177)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(177, 177, 177) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 678, + "y": 604, + "width": 76, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(179, 5, 50)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 190, + "y": 109, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "bottom": { + "box": { + "x": 190, + "y": 584, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/linux-arm64/dark-long-middle.png", + "sha256": "29d64d302ceb56544968f957f16593f9c875c0c1848d84b2740343ab8aa0454a" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "long-bottom", + "viewport": { + "width": 960, + "height": 700 + }, + "type": "standard", + "width": "medium", + "dir": "ltr", + "long": true, + "interaction": "bottom" + }, + "scrollTop": 450, + "parts": { + "surface": { + "box": { + "x": 190, + "y": 40, + "width": 580, + "height": 620 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "borderRadius": "24px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "rgba(0, 0, 0, 0.4) 0px 6px 12px -3px, rgba(0, 0, 0, 0.55) 0px 16px 32px -6px", + "margin": "40px 190px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "620px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 190, + "y": 40, + "width": 580, + "height": 620 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 190, + "y": 40, + "width": 580, + "height": 69 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 198, + "y": 50, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 215, + "y": 67, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 250, + "y": 62, + "width": 111, + "height": 24 + }, + "glyph": { + "x": 250, + "y": 62, + "width": 111, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 190, + "y": 109, + "width": 580, + "height": 483 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 214, + "y": -341, + "width": 532, + "height": 895.765625 + }, + "glyph": { + "x": 214, + "y": -338, + "width": 318, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 190, + "y": 592, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 588, + "y": 604, + "width": 78, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(177, 177, 177)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(177, 177, 177)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(177, 177, 177) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 678, + "y": 604, + "width": 76, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(179, 5, 50)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 190, + "y": 109, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "bottom": { + "box": { + "x": 190, + "y": 584, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/linux-arm64/dark-long-bottom.png", + "sha256": "513ffa1c21fa114fa71964f0978ed7450e55d8f7e7747b19786afbc263a5dc0e" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "config": { + "name": "standard", + "viewport": { + "width": 960, + "height": 700 + }, + "type": "standard", + "width": "medium", + "dir": "ltr" + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "borderRadius": "24px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "rgba(0, 0, 0, 0.12) 0px 6px 12px -3px, rgba(0, 0, 0, 0.2) 0px 16px 32px -6px", + "margin": "258.797px 190px 258.812px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "620px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 198, + "y": 268.796875, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 215, + "y": 285.796875, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 250, + "y": 280.796875, + "width": 111, + "height": 24 + }, + "glyph": { + "x": 250, + "y": 280.796875, + "width": 111, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 46.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 214, + "y": 326.796875, + "width": 532, + "height": 22.390625 + }, + "glyph": { + "x": 214, + "y": 329.796875, + "width": 318, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 190, + "y": 373.1875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 588, + "y": 385.1875, + "width": 78, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(122, 122, 122)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(94, 94, 94)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(122, 122, 122) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 678, + "y": 385.1875, + "width": 76, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(220, 49, 70)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 190, + "y": 365.1875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/linux-x64/light-standard.png", + "sha256": "b59afc2bc337f2e8c92e974fb45fb5a53e6a4a3cdcc53ee6ac64ef37fe8159e4" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "config": { + "name": "small", + "viewport": { + "width": 960, + "height": 700 + }, + "type": "standard", + "width": "small", + "dir": "ltr" + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 320, + "y": 247.609375, + "width": 320, + "height": 204.78125 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "borderRadius": "24px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "rgba(0, 0, 0, 0.12) 0px 6px 12px -3px, rgba(0, 0, 0, 0.2) 0px 16px 32px -6px", + "margin": "247.609px 320px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "620px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 320, + "y": 247.609375, + "width": 320, + "height": 204.78125 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 320, + "y": 247.609375, + "width": 320, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 328, + "y": 257.609375, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 345, + "y": 274.609375, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 380, + "y": 269.609375, + "width": 111, + "height": 24 + }, + "glyph": { + "x": 380, + "y": 269.609375, + "width": 111, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 320, + "y": 315.609375, + "width": 320, + "height": 68.78125 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 344, + "y": 315.609375, + "width": 272, + "height": 44.78125 + }, + "glyph": { + "x": 344, + "y": 318.609375, + "width": 257, + "height": 38.390625 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 320, + "y": 384.390625, + "width": 320, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 458, + "y": 396.390625, + "width": 78, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(122, 122, 122)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(94, 94, 94)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(122, 122, 122) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 548, + "y": 396.390625, + "width": 76, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(220, 49, 70)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 320, + "y": 315.609375, + "width": 320, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 320, + "y": 376.390625, + "width": 320, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/linux-x64/light-small.png", + "sha256": "32792afe6959f272795a8783664b43763f0145330be495d135558d5e7040c7d9" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "config": { + "name": "large", + "viewport": { + "width": 1280, + "height": 900 + }, + "type": "standard", + "width": "large", + "dir": "ltr" + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 128, + "y": 358.796875, + "width": 1024, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "borderRadius": "24px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "rgba(0, 0, 0, 0.12) 0px 6px 12px -3px, rgba(0, 0, 0, 0.2) 0px 16px 32px -6px", + "margin": "358.797px 128px 358.812px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "820px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 128, + "y": 358.796875, + "width": 1024, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 128, + "y": 358.796875, + "width": 1024, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 136, + "y": 368.796875, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 153, + "y": 385.796875, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 188, + "y": 380.796875, + "width": 111, + "height": 24 + }, + "glyph": { + "x": 188, + "y": 380.796875, + "width": 111, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 128, + "y": 426.796875, + "width": 1024, + "height": 46.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 152, + "y": 426.796875, + "width": 976, + "height": 22.390625 + }, + "glyph": { + "x": 152, + "y": 429.796875, + "width": 318, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 128, + "y": 473.1875, + "width": 1024, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 970, + "y": 485.1875, + "width": 78, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(122, 122, 122)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(94, 94, 94)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(122, 122, 122) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 1060, + "y": 485.1875, + "width": 76, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(220, 49, 70)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 128, + "y": 426.796875, + "width": 1024, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 128, + "y": 465.1875, + "width": 1024, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/linux-x64/light-large.png", + "sha256": "8e30f50b6a08dd7b5a1a564cca407cecae8cc1a71baae80478efe65a93dbb2d7" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "config": { + "name": "full", + "viewport": { + "width": 1280, + "height": 900 + }, + "type": "standard", + "width": "full", + "dir": "ltr" + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 32, + "y": 358.796875, + "width": 1216, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "borderRadius": "24px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "rgba(0, 0, 0, 0.12) 0px 6px 12px -3px, rgba(0, 0, 0, 0.2) 0px 16px 32px -6px", + "margin": "358.797px 32px 358.812px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "820px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 32, + "y": 358.796875, + "width": 1216, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 32, + "y": 358.796875, + "width": 1216, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 40, + "y": 368.796875, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 57, + "y": 385.796875, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 92, + "y": 380.796875, + "width": 111, + "height": 24 + }, + "glyph": { + "x": 92, + "y": 380.796875, + "width": 111, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 32, + "y": 426.796875, + "width": 1216, + "height": 46.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 56, + "y": 426.796875, + "width": 1168, + "height": 22.390625 + }, + "glyph": { + "x": 56, + "y": 429.796875, + "width": 318, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 32, + "y": 473.1875, + "width": 1216, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 1066, + "y": 485.1875, + "width": 78, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(122, 122, 122)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(94, 94, 94)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(122, 122, 122) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 1156, + "y": 485.1875, + "width": 76, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(220, 49, 70)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 32, + "y": 426.796875, + "width": 1216, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 32, + "y": 465.1875, + "width": 1216, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/linux-x64/light-full.png", + "sha256": "f37d74f2b5ed9be122d9783b75531890dae302beefb4b0e44905145f9ff82f32" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "config": { + "name": "narrow-standard", + "viewport": { + "width": 360, + "height": 650 + }, + "type": "standard", + "width": "medium", + "dir": "ltr" + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 0, + "y": 0, + "width": 360, + "height": 650 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "rgba(0, 0, 0, 0.12) 0px 6px 12px -3px, rgba(0, 0, 0, 0.2) 0px 16px 32px -6px", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "650px", + "minHeight": "650px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 0, + "y": 0, + "width": 360, + "height": 650 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 0, + "y": 0, + "width": 360, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 4, + "y": 10, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 21, + "y": 27, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 56, + "y": 22, + "width": 111, + "height": 24 + }, + "glyph": { + "x": 56, + "y": 22, + "width": 111, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 0, + "y": 68, + "width": 360, + "height": 514 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 24, + "y": 68, + "width": 312, + "height": 44.78125 + }, + "glyph": { + "x": 24, + "y": 71, + "width": 257, + "height": 38.390625 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 0, + "y": 582, + "width": 360, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 178, + "y": 594, + "width": 78, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(122, 122, 122)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(94, 94, 94)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(122, 122, 122) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 268, + "y": 594, + "width": 76, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(220, 49, 70)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 0, + "y": 68, + "width": 360, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 0, + "y": 574, + "width": 360, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/linux-x64/light-narrow-standard.png", + "sha256": "551e62ca12cd728486b175eeeced87940eed96e8525ff0ee7f2a5a643e4a1b57" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "config": { + "name": "narrow-alert", + "viewport": { + "width": 360, + "height": 650 + }, + "type": "alert", + "width": "small", + "dir": "ltr" + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 20, + "y": 222.609375, + "width": 320, + "height": 204.78125 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "borderRadius": "24px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "rgba(0, 0, 0, 0.12) 0px 6px 12px -3px, rgba(0, 0, 0, 0.2) 0px 16px 32px -6px", + "margin": "222.609px 20px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "570px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 20, + "y": 222.609375, + "width": 320, + "height": 204.78125 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 20, + "y": 222.609375, + "width": 320, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 24, + "y": 232.609375, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 41, + "y": 249.609375, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 76, + "y": 244.609375, + "width": 111, + "height": 24 + }, + "glyph": { + "x": 76, + "y": 244.609375, + "width": 111, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 20, + "y": 290.609375, + "width": 320, + "height": 68.78125 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 44, + "y": 290.609375, + "width": 272, + "height": 44.78125 + }, + "glyph": { + "x": 44, + "y": 293.609375, + "width": 257, + "height": 38.390625 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 20, + "y": 359.390625, + "width": 320, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 158, + "y": 371.390625, + "width": 78, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(122, 122, 122)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(94, 94, 94)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(122, 122, 122) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 248, + "y": 371.390625, + "width": 76, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(220, 49, 70)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 20, + "y": 290.609375, + "width": 320, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 20, + "y": 351.390625, + "width": 320, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/linux-x64/light-narrow-alert.png", + "sha256": "710bd03f8007c3847283a8bf95b3b5fbab3a3da6b2bc53d74e7bd8725d9a605a" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "config": { + "name": "short-standard", + "viewport": { + "width": 900, + "height": 460 + }, + "type": "standard", + "width": "medium", + "dir": "ltr" + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 0, + "y": 0, + "width": 900, + "height": 460 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "rgba(0, 0, 0, 0.12) 0px 6px 12px -3px, rgba(0, 0, 0, 0.2) 0px 16px 32px -6px", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "460px", + "minHeight": "460px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 0, + "y": 0, + "width": 900, + "height": 460 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 0, + "y": 0, + "width": 900, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 4, + "y": 10, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 21, + "y": 27, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 56, + "y": 22, + "width": 111, + "height": 24 + }, + "glyph": { + "x": 56, + "y": 22, + "width": 111, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 0, + "y": 68, + "width": 900, + "height": 324 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 24, + "y": 68, + "width": 852, + "height": 22.390625 + }, + "glyph": { + "x": 24, + "y": 71, + "width": 318, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 0, + "y": 392, + "width": 900, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 718, + "y": 404, + "width": 78, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(122, 122, 122)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(94, 94, 94)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(122, 122, 122) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 808, + "y": 404, + "width": 76, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(220, 49, 70)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 0, + "y": 68, + "width": 900, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 0, + "y": 384, + "width": 900, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/linux-x64/light-short-standard.png", + "sha256": "05a3f34b4a80103715c8ca15e2861d26b9bedb46209a0879c3df06019b73f76b" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "config": { + "name": "rtl", + "viewport": { + "width": 960, + "height": 700 + }, + "type": "standard", + "width": "medium", + "dir": "rtl", + "subtitle": "Household settings" + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "borderRadius": "24px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "rgba(0, 0, 0, 0.12) 0px 6px 12px -3px, rgba(0, 0, 0, 0.2) 0px 16px 32px -6px", + "margin": "258.797px 190px 258.812px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "620px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 714, + "y": 268.796875, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 731, + "y": 285.796875, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 599, + "y": 269.59375, + "width": 111, + "height": 24 + }, + "glyph": { + "x": 599, + "y": 269.59375, + "width": 111, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": { + "box": { + "x": 590, + "y": 296.59375, + "width": 120, + "height": 16 + }, + "glyph": { + "x": 590, + "y": 296.59375, + "width": 120, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(94, 94, 94)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "body": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 46.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 214, + "y": 326.796875, + "width": 532, + "height": 22.390625 + }, + "glyph": { + "x": 428, + "y": 329.796875, + "width": 318, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 190, + "y": 373.1875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 294, + "y": 385.1875, + "width": 78, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(122, 122, 122)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(94, 94, 94)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(122, 122, 122) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 206, + "y": 385.1875, + "width": 76, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(220, 49, 70)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 190, + "y": 365.1875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/linux-x64/light-rtl.png", + "sha256": "b2f82c7d0177a64627372f6e8d5090f41678f9dc42ff6127116a9eb0d2ccb343" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "config": { + "name": "close-hover", + "viewport": { + "width": 960, + "height": 700 + }, + "type": "standard", + "width": "medium", + "dir": "ltr", + "interaction": "hover" + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "borderRadius": "24px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "rgba(0, 0, 0, 0.12) 0px 6px 12px -3px, rgba(0, 0, 0, 0.2) 0px 16px 32px -6px", + "margin": "258.797px 190px 258.812px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "620px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 198, + "y": 268.796875, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 215, + "y": 285.796875, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 250, + "y": 280.796875, + "width": 111, + "height": 24 + }, + "glyph": { + "x": 250, + "y": 280.796875, + "width": 111, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 46.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 214, + "y": 326.796875, + "width": 532, + "height": 22.390625 + }, + "glyph": { + "x": 214, + "y": 329.796875, + "width": 318, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 190, + "y": 373.1875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 588, + "y": 385.1875, + "width": 78, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(122, 122, 122)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(94, 94, 94)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(122, 122, 122) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 678, + "y": 385.1875, + "width": 76, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(220, 49, 70)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 190, + "y": 365.1875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/linux-x64/light-close-hover.png", + "sha256": "250aacf0556da296dce02e80d8705c872ef6f9db9288c7029528588f907bff8a" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "config": { + "name": "close-focus", + "viewport": { + "width": 960, + "height": 700 + }, + "type": "standard", + "width": "medium", + "dir": "ltr", + "interaction": "focus" + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "borderRadius": "24px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "rgba(0, 0, 0, 0.12) 0px 6px 12px -3px, rgba(0, 0, 0, 0.2) 0px 16px 32px -6px", + "margin": "258.797px 190px 258.812px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "620px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 198, + "y": 268.796875, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 215, + "y": 285.796875, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 250, + "y": 280.796875, + "width": 111, + "height": 24 + }, + "glyph": { + "x": 250, + "y": 280.796875, + "width": 111, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 46.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 214, + "y": 326.796875, + "width": 532, + "height": 22.390625 + }, + "glyph": { + "x": 214, + "y": 329.796875, + "width": 318, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 190, + "y": 373.1875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 588, + "y": 385.1875, + "width": 78, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(122, 122, 122)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(94, 94, 94)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(122, 122, 122) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 678, + "y": 385.1875, + "width": 76, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(220, 49, 70)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 190, + "y": 365.1875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/linux-x64/light-close-focus.png", + "sha256": "ebeab9fe4bd8b595c7af9a50915a1b660243b48f49efeb093d7b5ff21e7bcb0e" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "config": { + "name": "pending", + "viewport": { + "width": 960, + "height": 700 + }, + "type": "standard", + "width": "medium", + "dir": "ltr", + "pending": true + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "borderRadius": "24px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "rgba(0, 0, 0, 0.12) 0px 6px 12px -3px, rgba(0, 0, 0, 0.2) 0px 16px 32px -6px", + "margin": "258.797px 190px 258.812px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "620px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 198, + "y": 268.796875, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 215, + "y": 285.796875, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 250, + "y": 280.796875, + "width": 111, + "height": 24 + }, + "glyph": { + "x": 250, + "y": 280.796875, + "width": 111, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 46.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 214, + "y": 326.796875, + "width": 532, + "height": 22.390625 + }, + "glyph": { + "x": 214, + "y": 329.796875, + "width": 318, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 190, + "y": 373.1875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 588, + "y": 385.1875, + "width": 78, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(122, 122, 122)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(94, 94, 94)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(122, 122, 122) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 678, + "y": 385.1875, + "width": 76, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(220, 49, 70)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 190, + "y": 365.1875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/linux-x64/light-pending.png", + "sha256": "d8176d37f913088ff47b56b38bd35611d7ef6aed6cc40f5144a82e319dccaad6" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "config": { + "name": "disabled", + "viewport": { + "width": 960, + "height": 700 + }, + "type": "standard", + "width": "medium", + "dir": "ltr", + "disabled": true + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "borderRadius": "24px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "rgba(0, 0, 0, 0.12) 0px 6px 12px -3px, rgba(0, 0, 0, 0.2) 0px 16px 32px -6px", + "margin": "258.797px 190px 258.812px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "620px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 198, + "y": 268.796875, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 215, + "y": 285.796875, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 250, + "y": 280.796875, + "width": 111, + "height": 24 + }, + "glyph": { + "x": 250, + "y": 280.796875, + "width": 111, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 46.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 214, + "y": 326.796875, + "width": 532, + "height": 22.390625 + }, + "glyph": { + "x": 214, + "y": 329.796875, + "width": 318, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 190, + "y": 373.1875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 588, + "y": 385.1875, + "width": 78, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(122, 122, 122)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(94, 94, 94)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(122, 122, 122) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 678, + "y": 385.1875, + "width": 76, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(243, 243, 243)", + "backgroundColor": "rgb(204, 204, 204)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(243, 243, 243) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 190, + "y": 365.1875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/linux-x64/light-disabled.png", + "sha256": "2029444601ec7be862635fa7af58d830cae7802af74f0d778d072d77fd01972c" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "config": { + "name": "no-footer", + "viewport": { + "width": 960, + "height": 700 + }, + "type": "standard", + "width": "medium", + "dir": "ltr", + "noFooter": true + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 190, + "y": 292.796875, + "width": 580, + "height": 114.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "borderRadius": "24px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "rgba(0, 0, 0, 0.12) 0px 6px 12px -3px, rgba(0, 0, 0, 0.2) 0px 16px 32px -6px", + "margin": "292.797px 190px 292.812px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "620px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 190, + "y": 292.796875, + "width": 580, + "height": 114.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 190, + "y": 292.796875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 198, + "y": 302.796875, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 215, + "y": 319.796875, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 250, + "y": 314.796875, + "width": 111, + "height": 24 + }, + "glyph": { + "x": 250, + "y": 314.796875, + "width": 111, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 190, + "y": 360.796875, + "width": 580, + "height": 46.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 214, + "y": 360.796875, + "width": 532, + "height": 22.390625 + }, + "glyph": { + "x": 214, + "y": 363.796875, + "width": 318, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": null, + "cancel": null, + "confirm": null, + "top": { + "box": { + "x": 190, + "y": 360.796875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 190, + "y": 399.1875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/linux-x64/light-no-footer.png", + "sha256": "e99e0f1ceb376af58dfcadcad43181baa7dfeb8c8c10b8837f2551e910c184d7" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "config": { + "name": "long-top", + "viewport": { + "width": 960, + "height": 700 + }, + "type": "standard", + "width": "medium", + "dir": "ltr", + "long": true + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 190, + "y": 40, + "width": 580, + "height": 620 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "borderRadius": "24px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "rgba(0, 0, 0, 0.12) 0px 6px 12px -3px, rgba(0, 0, 0, 0.2) 0px 16px 32px -6px", + "margin": "40px 190px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "620px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 190, + "y": 40, + "width": 580, + "height": 620 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 190, + "y": 40, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 198, + "y": 50, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 215, + "y": 67, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 250, + "y": 62, + "width": 111, + "height": 24 + }, + "glyph": { + "x": 250, + "y": 62, + "width": 111, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 190, + "y": 108, + "width": 580, + "height": 484 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 214, + "y": 108, + "width": 532, + "height": 895.765625 + }, + "glyph": { + "x": 214, + "y": 111, + "width": 318, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 190, + "y": 592, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 588, + "y": 604, + "width": 78, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(122, 122, 122)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(94, 94, 94)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(122, 122, 122) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 678, + "y": 604, + "width": 76, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(220, 49, 70)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 190, + "y": 108, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 190, + "y": 584, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/linux-x64/light-long-top.png", + "sha256": "f1c4c1d401672ff0bb5c6e0e0d9cb57d0536afb58db1301948a55f644e8bb4f4" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "config": { + "name": "long-middle", + "viewport": { + "width": 960, + "height": 700 + }, + "type": "standard", + "width": "medium", + "dir": "ltr", + "long": true, + "interaction": "scroll" + }, + "scrollTop": 96, + "parts": { + "surface": { + "box": { + "x": 190, + "y": 40, + "width": 580, + "height": 620 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "borderRadius": "24px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "rgba(0, 0, 0, 0.12) 0px 6px 12px -3px, rgba(0, 0, 0, 0.2) 0px 16px 32px -6px", + "margin": "40px 190px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "620px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 190, + "y": 40, + "width": 580, + "height": 620 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 190, + "y": 40, + "width": 580, + "height": 69 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 198, + "y": 50, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 215, + "y": 67, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 250, + "y": 62, + "width": 111, + "height": 24 + }, + "glyph": { + "x": 250, + "y": 62, + "width": 111, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 190, + "y": 109, + "width": 580, + "height": 483 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 214, + "y": 13, + "width": 532, + "height": 895.765625 + }, + "glyph": { + "x": 214, + "y": 16, + "width": 318, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 190, + "y": 592, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 588, + "y": 604, + "width": 78, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(122, 122, 122)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(94, 94, 94)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(122, 122, 122) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 678, + "y": 604, + "width": 76, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(220, 49, 70)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 190, + "y": 109, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "bottom": { + "box": { + "x": 190, + "y": 584, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/linux-x64/light-long-middle.png", + "sha256": "cfa479e48dc2908b04b48a9f4c2b13268b4de0aed4883eda6662625b81d788f1" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "config": { + "name": "long-bottom", + "viewport": { + "width": 960, + "height": 700 + }, + "type": "standard", + "width": "medium", + "dir": "ltr", + "long": true, + "interaction": "bottom" + }, + "scrollTop": 450, + "parts": { + "surface": { + "box": { + "x": 190, + "y": 40, + "width": 580, + "height": 620 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "borderRadius": "24px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "rgba(0, 0, 0, 0.12) 0px 6px 12px -3px, rgba(0, 0, 0, 0.2) 0px 16px 32px -6px", + "margin": "40px 190px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "620px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 190, + "y": 40, + "width": 580, + "height": 620 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 190, + "y": 40, + "width": 580, + "height": 69 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 198, + "y": 50, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 215, + "y": 67, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 250, + "y": 62, + "width": 111, + "height": 24 + }, + "glyph": { + "x": 250, + "y": 62, + "width": 111, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 190, + "y": 109, + "width": 580, + "height": 483 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 214, + "y": -341, + "width": 532, + "height": 895.765625 + }, + "glyph": { + "x": 214, + "y": -338, + "width": 318, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 190, + "y": 592, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 588, + "y": 604, + "width": 78, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(122, 122, 122)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(94, 94, 94)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(122, 122, 122) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 678, + "y": 604, + "width": 76, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(220, 49, 70)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 190, + "y": 109, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "bottom": { + "box": { + "x": 190, + "y": 584, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/linux-x64/light-long-bottom.png", + "sha256": "a68e6c32592e78d1838641c5e1381b2389c34b1f11a3118160de54b7d74860c8" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "config": { + "name": "standard", + "viewport": { + "width": 960, + "height": 700 + }, + "type": "standard", + "width": "medium", + "dir": "ltr" + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "borderRadius": "24px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "rgba(0, 0, 0, 0.4) 0px 6px 12px -3px, rgba(0, 0, 0, 0.55) 0px 16px 32px -6px", + "margin": "258.797px 190px 258.812px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "620px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 198, + "y": 268.796875, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 215, + "y": 285.796875, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 250, + "y": 280.796875, + "width": 111, + "height": 24 + }, + "glyph": { + "x": 250, + "y": 280.796875, + "width": 111, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 46.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 214, + "y": 326.796875, + "width": 532, + "height": 22.390625 + }, + "glyph": { + "x": 214, + "y": 329.796875, + "width": 318, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 190, + "y": 373.1875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 588, + "y": 385.1875, + "width": 78, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(177, 177, 177)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(177, 177, 177)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(177, 177, 177) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 678, + "y": 385.1875, + "width": 76, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(179, 5, 50)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 190, + "y": 365.1875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/linux-x64/dark-standard.png", + "sha256": "87b506bbc0aaaea6865105d914a9276d6728c465053087b9b4abe316f4867c95" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "config": { + "name": "small", + "viewport": { + "width": 960, + "height": 700 + }, + "type": "standard", + "width": "small", + "dir": "ltr" + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 320, + "y": 247.609375, + "width": 320, + "height": 204.78125 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "borderRadius": "24px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "rgba(0, 0, 0, 0.4) 0px 6px 12px -3px, rgba(0, 0, 0, 0.55) 0px 16px 32px -6px", + "margin": "247.609px 320px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "620px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 320, + "y": 247.609375, + "width": 320, + "height": 204.78125 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 320, + "y": 247.609375, + "width": 320, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 328, + "y": 257.609375, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 345, + "y": 274.609375, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 380, + "y": 269.609375, + "width": 111, + "height": 24 + }, + "glyph": { + "x": 380, + "y": 269.609375, + "width": 111, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 320, + "y": 315.609375, + "width": 320, + "height": 68.78125 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 344, + "y": 315.609375, + "width": 272, + "height": 44.78125 + }, + "glyph": { + "x": 344, + "y": 318.609375, + "width": 257, + "height": 38.390625 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 320, + "y": 384.390625, + "width": 320, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 458, + "y": 396.390625, + "width": 78, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(177, 177, 177)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(177, 177, 177)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(177, 177, 177) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 548, + "y": 396.390625, + "width": 76, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(179, 5, 50)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 320, + "y": 315.609375, + "width": 320, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 320, + "y": 376.390625, + "width": 320, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/linux-x64/dark-small.png", + "sha256": "80d698e5d37d122f2f9a8d4ef5d60b7d096ad00608d4ca14d8118842d4fb4284" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "config": { + "name": "large", + "viewport": { + "width": 1280, + "height": 900 + }, + "type": "standard", + "width": "large", + "dir": "ltr" + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 128, + "y": 358.796875, + "width": 1024, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "borderRadius": "24px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "rgba(0, 0, 0, 0.4) 0px 6px 12px -3px, rgba(0, 0, 0, 0.55) 0px 16px 32px -6px", + "margin": "358.797px 128px 358.812px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "820px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 128, + "y": 358.796875, + "width": 1024, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 128, + "y": 358.796875, + "width": 1024, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 136, + "y": 368.796875, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 153, + "y": 385.796875, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 188, + "y": 380.796875, + "width": 111, + "height": 24 + }, + "glyph": { + "x": 188, + "y": 380.796875, + "width": 111, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 128, + "y": 426.796875, + "width": 1024, + "height": 46.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 152, + "y": 426.796875, + "width": 976, + "height": 22.390625 + }, + "glyph": { + "x": 152, + "y": 429.796875, + "width": 318, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 128, + "y": 473.1875, + "width": 1024, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 970, + "y": 485.1875, + "width": 78, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(177, 177, 177)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(177, 177, 177)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(177, 177, 177) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 1060, + "y": 485.1875, + "width": 76, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(179, 5, 50)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 128, + "y": 426.796875, + "width": 1024, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 128, + "y": 465.1875, + "width": 1024, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/linux-x64/dark-large.png", + "sha256": "60865b90e857901e50853d589954751aa98785956c086dcd3bdff4ea622579b1" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "config": { + "name": "full", + "viewport": { + "width": 1280, + "height": 900 + }, + "type": "standard", + "width": "full", + "dir": "ltr" + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 32, + "y": 358.796875, + "width": 1216, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "borderRadius": "24px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "rgba(0, 0, 0, 0.4) 0px 6px 12px -3px, rgba(0, 0, 0, 0.55) 0px 16px 32px -6px", + "margin": "358.797px 32px 358.812px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "820px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 32, + "y": 358.796875, + "width": 1216, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 32, + "y": 358.796875, + "width": 1216, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 40, + "y": 368.796875, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 57, + "y": 385.796875, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 92, + "y": 380.796875, + "width": 111, + "height": 24 + }, + "glyph": { + "x": 92, + "y": 380.796875, + "width": 111, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 32, + "y": 426.796875, + "width": 1216, + "height": 46.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 56, + "y": 426.796875, + "width": 1168, + "height": 22.390625 + }, + "glyph": { + "x": 56, + "y": 429.796875, + "width": 318, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 32, + "y": 473.1875, + "width": 1216, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 1066, + "y": 485.1875, + "width": 78, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(177, 177, 177)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(177, 177, 177)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(177, 177, 177) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 1156, + "y": 485.1875, + "width": 76, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(179, 5, 50)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 32, + "y": 426.796875, + "width": 1216, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 32, + "y": 465.1875, + "width": 1216, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/linux-x64/dark-full.png", + "sha256": "cacf658abd2e5d7ffebd6f635e9dad876c976b9b3d9f14352236f137fb08412c" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "config": { + "name": "narrow-standard", + "viewport": { + "width": 360, + "height": 650 + }, + "type": "standard", + "width": "medium", + "dir": "ltr" + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 0, + "y": 0, + "width": 360, + "height": 650 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "rgba(0, 0, 0, 0.4) 0px 6px 12px -3px, rgba(0, 0, 0, 0.55) 0px 16px 32px -6px", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "650px", + "minHeight": "650px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 0, + "y": 0, + "width": 360, + "height": 650 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 0, + "y": 0, + "width": 360, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 4, + "y": 10, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 21, + "y": 27, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 56, + "y": 22, + "width": 111, + "height": 24 + }, + "glyph": { + "x": 56, + "y": 22, + "width": 111, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 0, + "y": 68, + "width": 360, + "height": 514 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 24, + "y": 68, + "width": 312, + "height": 44.78125 + }, + "glyph": { + "x": 24, + "y": 71, + "width": 257, + "height": 38.390625 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 0, + "y": 582, + "width": 360, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 178, + "y": 594, + "width": 78, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(177, 177, 177)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(177, 177, 177)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(177, 177, 177) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 268, + "y": 594, + "width": 76, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(179, 5, 50)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 0, + "y": 68, + "width": 360, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 0, + "y": 574, + "width": 360, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/linux-x64/dark-narrow-standard.png", + "sha256": "53ebcdf70a6be370b092d88170c10a54dae64b97bc3eb3e78a263d3b0bd7fefd" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "config": { + "name": "narrow-alert", + "viewport": { + "width": 360, + "height": 650 + }, + "type": "alert", + "width": "small", + "dir": "ltr" + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 20, + "y": 222.609375, + "width": 320, + "height": 204.78125 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "borderRadius": "24px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "rgba(0, 0, 0, 0.4) 0px 6px 12px -3px, rgba(0, 0, 0, 0.55) 0px 16px 32px -6px", + "margin": "222.609px 20px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "570px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 20, + "y": 222.609375, + "width": 320, + "height": 204.78125 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 20, + "y": 222.609375, + "width": 320, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 24, + "y": 232.609375, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 41, + "y": 249.609375, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 76, + "y": 244.609375, + "width": 111, + "height": 24 + }, + "glyph": { + "x": 76, + "y": 244.609375, + "width": 111, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 20, + "y": 290.609375, + "width": 320, + "height": 68.78125 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 44, + "y": 290.609375, + "width": 272, + "height": 44.78125 + }, + "glyph": { + "x": 44, + "y": 293.609375, + "width": 257, + "height": 38.390625 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 20, + "y": 359.390625, + "width": 320, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 158, + "y": 371.390625, + "width": 78, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(177, 177, 177)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(177, 177, 177)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(177, 177, 177) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 248, + "y": 371.390625, + "width": 76, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(179, 5, 50)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 20, + "y": 290.609375, + "width": 320, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 20, + "y": 351.390625, + "width": 320, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/linux-x64/dark-narrow-alert.png", + "sha256": "cb0fda7185d4f7b403ee5469fd89eeab2acdf5ddefb18aab5b4c65c77bed6130" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "config": { + "name": "short-standard", + "viewport": { + "width": 900, + "height": 460 + }, + "type": "standard", + "width": "medium", + "dir": "ltr" + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 0, + "y": 0, + "width": 900, + "height": 460 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "rgba(0, 0, 0, 0.4) 0px 6px 12px -3px, rgba(0, 0, 0, 0.55) 0px 16px 32px -6px", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "460px", + "minHeight": "460px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 0, + "y": 0, + "width": 900, + "height": 460 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 0, + "y": 0, + "width": 900, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 4, + "y": 10, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 21, + "y": 27, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 56, + "y": 22, + "width": 111, + "height": 24 + }, + "glyph": { + "x": 56, + "y": 22, + "width": 111, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 0, + "y": 68, + "width": 900, + "height": 324 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 24, + "y": 68, + "width": 852, + "height": 22.390625 + }, + "glyph": { + "x": 24, + "y": 71, + "width": 318, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 0, + "y": 392, + "width": 900, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 718, + "y": 404, + "width": 78, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(177, 177, 177)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(177, 177, 177)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(177, 177, 177) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 808, + "y": 404, + "width": 76, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(179, 5, 50)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 0, + "y": 68, + "width": 900, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 0, + "y": 384, + "width": 900, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/linux-x64/dark-short-standard.png", + "sha256": "b4a57e381ffd7cfc69c6c3d8384046c9ea4719662dcf88eda1c69942aafc5241" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "config": { + "name": "rtl", + "viewport": { + "width": 960, + "height": 700 + }, + "type": "standard", + "width": "medium", + "dir": "rtl", + "subtitle": "Household settings" + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "borderRadius": "24px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "rgba(0, 0, 0, 0.4) 0px 6px 12px -3px, rgba(0, 0, 0, 0.55) 0px 16px 32px -6px", + "margin": "258.797px 190px 258.812px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "620px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 714, + "y": 268.796875, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 731, + "y": 285.796875, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 599, + "y": 269.59375, + "width": 111, + "height": 24 + }, + "glyph": { + "x": 599, + "y": 269.59375, + "width": 111, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": { + "box": { + "x": 590, + "y": 296.59375, + "width": 120, + "height": 16 + }, + "glyph": { + "x": 590, + "y": 296.59375, + "width": 120, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(155, 155, 155)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "body": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 46.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 214, + "y": 326.796875, + "width": 532, + "height": 22.390625 + }, + "glyph": { + "x": 428, + "y": 329.796875, + "width": 318, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 190, + "y": 373.1875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 294, + "y": 385.1875, + "width": 78, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(177, 177, 177)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(177, 177, 177)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(177, 177, 177) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 206, + "y": 385.1875, + "width": 76, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(179, 5, 50)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 190, + "y": 365.1875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/linux-x64/dark-rtl.png", + "sha256": "1bba205f23e4b66e6d57afae17569e6c17056e1b49d10c89f546b30f11a10f95" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "config": { + "name": "close-hover", + "viewport": { + "width": 960, + "height": 700 + }, + "type": "standard", + "width": "medium", + "dir": "ltr", + "interaction": "hover" + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "borderRadius": "24px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "rgba(0, 0, 0, 0.4) 0px 6px 12px -3px, rgba(0, 0, 0, 0.55) 0px 16px 32px -6px", + "margin": "258.797px 190px 258.812px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "620px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 198, + "y": 268.796875, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 215, + "y": 285.796875, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 250, + "y": 280.796875, + "width": 111, + "height": 24 + }, + "glyph": { + "x": 250, + "y": 280.796875, + "width": 111, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 46.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 214, + "y": 326.796875, + "width": 532, + "height": 22.390625 + }, + "glyph": { + "x": 214, + "y": 329.796875, + "width": 318, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 190, + "y": 373.1875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 588, + "y": 385.1875, + "width": 78, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(177, 177, 177)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(177, 177, 177)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(177, 177, 177) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 678, + "y": 385.1875, + "width": 76, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(179, 5, 50)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 190, + "y": 365.1875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/linux-x64/dark-close-hover.png", + "sha256": "70f3305c4b845f66641ed12acfb23c3716a644da63d691af76d3b0e57415db92" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "config": { + "name": "close-focus", + "viewport": { + "width": 960, + "height": 700 + }, + "type": "standard", + "width": "medium", + "dir": "ltr", + "interaction": "focus" + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "borderRadius": "24px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "rgba(0, 0, 0, 0.4) 0px 6px 12px -3px, rgba(0, 0, 0, 0.55) 0px 16px 32px -6px", + "margin": "258.797px 190px 258.812px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "620px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 198, + "y": 268.796875, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 215, + "y": 285.796875, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 250, + "y": 280.796875, + "width": 111, + "height": 24 + }, + "glyph": { + "x": 250, + "y": 280.796875, + "width": 111, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 46.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 214, + "y": 326.796875, + "width": 532, + "height": 22.390625 + }, + "glyph": { + "x": 214, + "y": 329.796875, + "width": 318, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 190, + "y": 373.1875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 588, + "y": 385.1875, + "width": 78, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(177, 177, 177)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(177, 177, 177)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(177, 177, 177) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 678, + "y": 385.1875, + "width": 76, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(179, 5, 50)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 190, + "y": 365.1875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/linux-x64/dark-close-focus.png", + "sha256": "c2423d6507dd9ae565e0da84dc53a456817ea4a94ce0c936da32290fb0966e65" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "config": { + "name": "pending", + "viewport": { + "width": 960, + "height": 700 + }, + "type": "standard", + "width": "medium", + "dir": "ltr", + "pending": true + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "borderRadius": "24px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "rgba(0, 0, 0, 0.4) 0px 6px 12px -3px, rgba(0, 0, 0, 0.55) 0px 16px 32px -6px", + "margin": "258.797px 190px 258.812px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "620px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 198, + "y": 268.796875, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 215, + "y": 285.796875, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 250, + "y": 280.796875, + "width": 111, + "height": 24 + }, + "glyph": { + "x": 250, + "y": 280.796875, + "width": 111, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 46.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 214, + "y": 326.796875, + "width": 532, + "height": 22.390625 + }, + "glyph": { + "x": 214, + "y": 329.796875, + "width": 318, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 190, + "y": 373.1875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 588, + "y": 385.1875, + "width": 78, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(177, 177, 177)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(177, 177, 177)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(177, 177, 177) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 678, + "y": 385.1875, + "width": 76, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(179, 5, 50)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 190, + "y": 365.1875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/linux-x64/dark-pending.png", + "sha256": "01e07faae39bd019860860953f83fc07139e6d06f40ddf9d8f340a776d30f341" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "config": { + "name": "disabled", + "viewport": { + "width": 960, + "height": 700 + }, + "type": "standard", + "width": "medium", + "dir": "ltr", + "disabled": true + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "borderRadius": "24px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "rgba(0, 0, 0, 0.4) 0px 6px 12px -3px, rgba(0, 0, 0, 0.55) 0px 16px 32px -6px", + "margin": "258.797px 190px 258.812px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "620px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 190, + "y": 258.796875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 198, + "y": 268.796875, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 215, + "y": 285.796875, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 250, + "y": 280.796875, + "width": 111, + "height": 24 + }, + "glyph": { + "x": 250, + "y": 280.796875, + "width": 111, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 46.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 214, + "y": 326.796875, + "width": 532, + "height": 22.390625 + }, + "glyph": { + "x": 214, + "y": 329.796875, + "width": 318, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 190, + "y": 373.1875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 588, + "y": 385.1875, + "width": 78, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(177, 177, 177)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(177, 177, 177)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(177, 177, 177) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 678, + "y": 385.1875, + "width": 76, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(122, 122, 122)", + "backgroundColor": "rgb(74, 74, 74)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(122, 122, 122) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 190, + "y": 326.796875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 190, + "y": 365.1875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/linux-x64/dark-disabled.png", + "sha256": "2246123448ee9bf03300f2bd1d87dc9d3d5124bb0f17c992232c7b101708f7ac" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "config": { + "name": "no-footer", + "viewport": { + "width": 960, + "height": 700 + }, + "type": "standard", + "width": "medium", + "dir": "ltr", + "noFooter": true + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 190, + "y": 292.796875, + "width": 580, + "height": 114.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "borderRadius": "24px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "rgba(0, 0, 0, 0.4) 0px 6px 12px -3px, rgba(0, 0, 0, 0.55) 0px 16px 32px -6px", + "margin": "292.797px 190px 292.812px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "620px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 190, + "y": 292.796875, + "width": 580, + "height": 114.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 190, + "y": 292.796875, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 198, + "y": 302.796875, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 215, + "y": 319.796875, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 250, + "y": 314.796875, + "width": 111, + "height": 24 + }, + "glyph": { + "x": 250, + "y": 314.796875, + "width": 111, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 190, + "y": 360.796875, + "width": 580, + "height": 46.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 214, + "y": 360.796875, + "width": 532, + "height": 22.390625 + }, + "glyph": { + "x": 214, + "y": 363.796875, + "width": 318, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": null, + "cancel": null, + "confirm": null, + "top": { + "box": { + "x": 190, + "y": 360.796875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 190, + "y": 399.1875, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/linux-x64/dark-no-footer.png", + "sha256": "a20bd9441c8d95ffc57ccac8ae80b5f45513a28f139f4019e024a343e8389380" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "config": { + "name": "long-top", + "viewport": { + "width": 960, + "height": 700 + }, + "type": "standard", + "width": "medium", + "dir": "ltr", + "long": true + }, + "scrollTop": 0, + "parts": { + "surface": { + "box": { + "x": 190, + "y": 40, + "width": 580, + "height": 620 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "borderRadius": "24px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "rgba(0, 0, 0, 0.4) 0px 6px 12px -3px, rgba(0, 0, 0, 0.55) 0px 16px 32px -6px", + "margin": "40px 190px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "620px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 190, + "y": 40, + "width": 580, + "height": 620 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 190, + "y": 40, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 198, + "y": 50, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 215, + "y": 67, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 250, + "y": 62, + "width": 111, + "height": 24 + }, + "glyph": { + "x": 250, + "y": 62, + "width": 111, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 190, + "y": 108, + "width": 580, + "height": 484 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 214, + "y": 108, + "width": 532, + "height": 895.765625 + }, + "glyph": { + "x": 214, + "y": 111, + "width": 318, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 190, + "y": 592, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 588, + "y": 604, + "width": 78, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(177, 177, 177)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(177, 177, 177)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(177, 177, 177) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 678, + "y": 604, + "width": 76, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(179, 5, 50)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 190, + "y": 108, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + }, + "bottom": { + "box": { + "x": 190, + "y": 584, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/linux-x64/dark-long-top.png", + "sha256": "4ae6a7ca9016de3b31c7c6920215fdc60c96787c194ae433e95ac2748245f2b5" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "config": { + "name": "long-middle", + "viewport": { + "width": 960, + "height": 700 + }, + "type": "standard", + "width": "medium", + "dir": "ltr", + "long": true, + "interaction": "scroll" + }, + "scrollTop": 96, + "parts": { + "surface": { + "box": { + "x": 190, + "y": 40, + "width": 580, + "height": 620 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "borderRadius": "24px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "rgba(0, 0, 0, 0.4) 0px 6px 12px -3px, rgba(0, 0, 0, 0.55) 0px 16px 32px -6px", + "margin": "40px 190px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "620px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 190, + "y": 40, + "width": 580, + "height": 620 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 190, + "y": 40, + "width": 580, + "height": 69 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 198, + "y": 50, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 215, + "y": 67, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 250, + "y": 62, + "width": 111, + "height": 24 + }, + "glyph": { + "x": 250, + "y": 62, + "width": 111, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 190, + "y": 109, + "width": 580, + "height": 483 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 214, + "y": 13, + "width": 532, + "height": 895.765625 + }, + "glyph": { + "x": 214, + "y": 16, + "width": 318, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 190, + "y": 592, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 588, + "y": 604, + "width": 78, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(177, 177, 177)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(177, 177, 177)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(177, 177, 177) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 678, + "y": 604, + "width": 76, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(179, 5, 50)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 190, + "y": 109, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "bottom": { + "box": { + "x": 190, + "y": 584, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/linux-x64/dark-long-middle.png", + "sha256": "52cc7821e8c3719b6119fc05a34aaa1cb1f529df4f1c23287b51010828a4af72" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "config": { + "name": "long-bottom", + "viewport": { + "width": 960, + "height": 700 + }, + "type": "standard", + "width": "medium", + "dir": "ltr", + "long": true, + "interaction": "bottom" + }, + "scrollTop": 450, + "parts": { + "surface": { + "box": { + "x": 190, + "y": 40, + "width": 580, + "height": 620 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "borderRadius": "24px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "rgba(0, 0, 0, 0.4) 0px 6px 12px -3px, rgba(0, 0, 0, 0.55) 0px 16px 32px -6px", + "margin": "40px 190px", + "padding": "0px", + "gap": "normal", + "overflow": "hidden", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "620px", + "minHeight": "0px", + "opacity": "1" + } + }, + "backdrop": { + "box": { + "x": 190, + "y": 40, + "width": 580, + "height": 620 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "brightness(0.68)", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "header": { + "box": { + "x": 190, + "y": 40, + "width": 580, + "height": 69 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "close": { + "box": { + "x": 198, + "y": 50, + "width": 48, + "height": 48 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "-4px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "closeGlyph": { + "box": { + "x": 215, + "y": 67, + "width": 14, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "title": { + "box": { + "x": 250, + "y": 62, + "width": 111, + "height": 24 + }, + "glyph": { + "x": 250, + "y": 62, + "width": 111, + "height": 24 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "inline", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "subtitle": null, + "body": { + "box": { + "x": 190, + "y": 109, + "width": 580, + "height": 483 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 24px 24px", + "gap": "normal", + "overflow": "auto", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "description": { + "box": { + "x": 214, + "y": -341, + "width": 532, + "height": 895.765625 + }, + "glyph": { + "x": 214, + "y": -338, + "width": 318, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "footer": { + "box": { + "x": 190, + "y": 592, + "width": 580, + "height": 68 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "8px", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "flex", + "maxHeight": "none", + "minHeight": "auto", + "opacity": "1" + } + }, + "cancel": { + "box": { + "x": 588, + "y": 604, + "width": 78, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(177, 177, 177)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgb(177, 177, 177)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(177, 177, 177) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "confirm": { + "box": { + "x": 678, + "y": 604, + "width": 76, + "height": 40 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(179, 5, 50)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px 16px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "display": "inline-flex", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "top": { + "box": { + "x": 190, + "y": 109, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "1" + } + }, + "bottom": { + "box": { + "x": 190, + "y": 584, + "width": 580, + "height": 8 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "boxShadow": "none", + "margin": "0px", + "padding": "0px", + "gap": "normal", + "overflow": "visible", + "backdropFilter": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "display": "block", + "maxHeight": "none", + "minHeight": "0px", + "opacity": "0" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-dialog/linux-x64/dark-long-bottom.png", + "sha256": "a4f81551ffecafde8ac81800384b6e2d75b0c452cbbb8c810842ff02cb3591ff" + } + } + ], + "candidateCalibrated": true, + "capabilityComplete": false, + "candidateCampaigns": [ + { + "platform": "macos", + "architecture": "arm64", + "browser": "156.0.8078.4", + "accepted": 32, + "exact": 19, + "maxPeakChannelDelta": 1, + "maxMeanChannelDelta": 0.003717948717948718, + "maxChangedFraction": 0.003717948717948718, + "alphaChanges": 0 + }, + { + "platform": "linux", + "architecture": "arm64", + "browser": "156.0.8078.80", + "accepted": 32, + "exact": 32, + "maxPeakChannelDelta": 0, + "maxMeanChannelDelta": 0, + "maxChangedFraction": 0, + "alphaChanges": 0 + }, + { + "platform": "linux", + "architecture": "x64", + "browser": "156.0.8078.4", + "accepted": 32, + "exact": 32, + "maxPeakChannelDelta": 0, + "maxMeanChannelDelta": 0, + "maxChangedFraction": 0, + "alphaChanges": 0 + } + ], + "tolerance": { + "peakChannelDelta": 6, + "meanChannelDelta": 0.01, + "changedFraction": 0.01 + }, + "nativeCommandMinTargetPx": 44 +} diff --git a/docs/evidence/ha-feedback-reference.json b/docs/evidence/ha-feedback-reference.json new file mode 100644 index 0000000..9e7162c --- /dev/null +++ b/docs/evidence/ha-feedback-reference.json @@ -0,0 +1,12176 @@ +{ + "scope": "Actual Home Assistant notice and spinner modules, plus the official compiled empty state. Fictional household content; no Home Assistant account or API.", + "sources": { + "notice": { + "source": "https://github.com/home-assistant/frontend/blob/027d9578ec9663b8aa22f50c24274a7cd9d001c1/src/components/ha-alert.ts", + "chunk": "94121.0e44a112e95ac8c8.js", + "appSha256": "7b0d03a0c75c971cd3084c988430c512414209ca2c8bba8d506724d3be2827ec", + "assets": { + "/frontend_latest/app.d6c28fc2e48aeea4.js": { + "sha256": "7b0d03a0c75c971cd3084c988430c512414209ca2c8bba8d506724d3be2827ec", + "bytes": 577102 + }, + "/frontend_latest/79871.0cd7505014fef7fb.js": { + "sha256": "3a613295ac4ee48fc19ddadff4baa1c147e98108731f224d1d640906e5b1df65", + "bytes": 8829 + }, + "/frontend_latest/57539.27d7cefd99dace6a.js": { + "sha256": "8be1aa5585c10687ef9b740ca03edbd7d03f2dce527d98bcb392bf98c2a27a9f", + "bytes": 30004 + }, + "/frontend_latest/54353.5437d2f3817bda05.js": { + "sha256": "46837596efa4541d206731639acd701c312dc4e256dbbe1b47f490023d26fd35", + "bytes": 28665 + }, + "/frontend_latest/40523.1e09f4c93f125c24.js": { + "sha256": "926458359cfc4067dea446422401e81fcc82e9e2a127c7c066a48bb1dfe2acb8", + "bytes": 14720 + }, + "/frontend_latest/37532.79d0d1bb37c67bc0.js": { + "sha256": "4a73e707cfcacda888e13fc3dd8a849e78b9f987ef7c5f006ee4624ce0f70f38", + "bytes": 7382 + }, + "/frontend_latest/9287.09045b2bbbaec3ff.js": { + "sha256": "458ff250f1f58d0f3353e5e4db02ecd81c18d5118da63784e4460ad350f0479b", + "bytes": 16586 + }, + "/frontend_latest/83083.fe45ed5de283dceb.js": { + "sha256": "c0387a9445b6540bdbb9248fa7f36654d6efbbd4822b14d77ee1257ce0f2653c", + "bytes": 26848 + }, + "/frontend_latest/8099.739711f91e051b08.js": { + "sha256": "085891bfde6d7bcc99feee1d23bd218811559da0524fbd716a341834729f5610", + "bytes": 24201 + }, + "/frontend_latest/24519.eb7116b32c634736.js": { + "sha256": "bfc6f1fc208db0980494f7fce3d7cf66fdb56b49b7aebe6d7dc81a11f8ad0294", + "bytes": 10948 + }, + "/frontend_latest/49227.905c893829033053.js": { + "sha256": "d81915b48e9020c18239e551210bb9f688acc13ea161097b6d6b237eeb5aff97", + "bytes": 16153 + }, + "/frontend_latest/15204.4ba98d3a7e1188ba.js": { + "sha256": "af5ac046919202876888a099621d3f4ac232409a2c06e0fad53ae5ca10e9c9d7", + "bytes": 11586 + }, + "/frontend_latest/75395.cc5150b9b2a1eaab.js": { + "sha256": "8106a40d2e3422a76c07862bd704905ed7e17ce5c293ed86dc2b29cd45bddda5", + "bytes": 43325 + }, + "/frontend_latest/85803.5b2b792a7300e3b1.js": { + "sha256": "0d120e26671cf33a96ed8cb7c49d9a49d0d94510d4b799edd4bc91350509cfaa", + "bytes": 9833 + }, + "/frontend_latest/88836.82d8c061e321f700.js": { + "sha256": "f0f86b486ac1bc1a4317ab31652d751442431d6c71dc4fef9132e4d784351e30", + "bytes": 20779 + }, + "/frontend_latest/41649.246763083c75df64.js": { + "sha256": "c57a1d6ad874fe05971ce2f5e2be0f64e3a64b56fd80c1d8c17a846908fe8d52", + "bytes": 5853 + }, + "/frontend_latest/54076.4e72607dd775669c.js": { + "sha256": "aed795f3496c91f8ed83d792866430784e226d71141da3a286c3db82ae139bd7", + "bytes": 334098 + }, + "/frontend_latest/51808.00d17dbc5c336819.js": { + "sha256": "c77cc7ee51ed09359b42e90a45c7b94bd5162fa9187481fd85faa8352a84152b", + "bytes": 56168 + }, + "/frontend_latest/19662.02bfe987bcf02fae.js": { + "sha256": "a961b6fc841d4d3e3ca4fab591bf737d3c6186b67ada466944f67a138d2827ea", + "bytes": 37879 + }, + "/frontend_latest/86151.a018324031dccf64.js": { + "sha256": "b066cb7d0b813ba3963068c795c83b667e1623743ffe8116aeca52620e8237cc", + "bytes": 21981 + }, + "/frontend_latest/44518.60aafb0dd7361a8a.js": { + "sha256": "51fb962c1f10b8b55e33240aafcae94bbf08d29c11c8d4ba5e11735cc25b1963", + "bytes": 12454 + }, + "/frontend_latest/53047.2ff52aed1ea1d58d.js": { + "sha256": "a07fa2ea375bbc9d9c48d9f23cc41c9021d93bdb8b1fd85f2d473c32722b8e04", + "bytes": 22445 + }, + "/frontend_latest/53224.cf6a4ce6a1632ae3.js": { + "sha256": "159d3c58f915157201dbeb8a03bd85627bd132e86d62a157dfd14fc512e0d114", + "bytes": 22424 + }, + "/frontend_latest/27885.b2722f12c8ea5f0d.js": { + "sha256": "9b50005b75b8ae380f82ac4b152acd05b93fa6f63b72db015a76f7e1a634634e", + "bytes": 14763 + }, + "/frontend_latest/91441.f4e291d27370bd0e.js": { + "sha256": "6cb720571975c708cb319a6edaf59add5976981b71e6f9a2deff4f5f51f12b05", + "bytes": 9318 + }, + "/frontend_latest/23322.127ad1a39e017ad1.js": { + "sha256": "b75ec9e8e58297341494a01cb136719ad2ade2ef581dce65dce3fcd4d22e5b74", + "bytes": 15104 + }, + "/frontend_latest/2066.619086da7335e894.js": { + "sha256": "9fa71dd59b3d55070ecd5e1a54d20cff4662f77d3216403e2288738647fcd517", + "bytes": 14652 + }, + "/frontend_latest/17332.cfc44d92e55e41b1.js": { + "sha256": "e4774bb25ac5042926b065e281949267503b1764d88f2a96218a5209f9006948", + "bytes": 14891 + }, + "/frontend_latest/4274.9a41952ea24b0c35.js": { + "sha256": "44379e6950a12f261bb118e88bc81694308ea6e807965acd8a68552da0bf8886", + "bytes": 14848 + }, + "/frontend_latest/65819.c67beedb2569fde2.js": { + "sha256": "3b849b691fc05ffcf8b0275bacafb417d9ca2df774638d431a6022c3617fb78b", + "bytes": 14389 + }, + "/frontend_latest/38402.e30322de1fd7e232.js": { + "sha256": "a04e3e4608e892f4b2dc44e2a4c3279170c94c352523764546fb1b9aa4268634", + "bytes": 20205 + }, + "/frontend_latest/90488.1801cdc1bce0d252.js": { + "sha256": "4b42a382c681c8045a19d4f004ce9e508ea709fe9b27ef2845cbfcd103a8e43a", + "bytes": 19522 + }, + "/frontend_latest/56327.669df9212b1bbd57.js": { + "sha256": "379f817c3ef286f94fa228adea8bf2a3abbe7e9ca115a8eab9772bee1697e35b", + "bytes": 23575 + }, + "/frontend_latest/11164.4007f39963ca53fe.js": { + "sha256": "cbe80d4a20c692baac50bcd2f4f25a11532722be4f3a2bc74afc36fc0e87d251", + "bytes": 13671 + }, + "/frontend_latest/63105.5db3fbaa75461e58.js": { + "sha256": "ff7a67cfa7f9a8262c33e13ba9bb54ac0e38727ff88eb464d93d620aa6a97b4d", + "bytes": 13739 + }, + "/frontend_latest/4556.3b8bc343b186ac7f.js": { + "sha256": "ab338cdf594607256a05dec14798f81914c38c1009d5f718824be3ea22ee5702", + "bytes": 28448 + }, + "/frontend_latest/89316.4c8a52fd9476e18d.js": { + "sha256": "4a7a2d0a04ec62c54234bfbe575f3c90334f5be8dadb992271c1d4d04e5cb91b", + "bytes": 18823 + }, + "/frontend_latest/59392.7c213f7ec058e53a.js": { + "sha256": "ac168d5e749cde3f0f858b13765766f769b336f375a5296b37f3898c789db167", + "bytes": 13547 + }, + "/frontend_latest/79358.df250c7f378eb741.js": { + "sha256": "47504e1e798d1299996a11832d08c73b4ac5508d3f7cc54671f1f376ec227ea8", + "bytes": 20790 + }, + "/frontend_latest/61346.23c39a21bb727e57.js": { + "sha256": "e3bca0f2e4b1159beead5846f8dc8cac5def8038251be7509268450cb127fa6f", + "bytes": 35839 + }, + "/frontend_latest/37877.3e4fcac2e2136e85.js": { + "sha256": "acda63df1944dadb1d1021f10aa1667f88439c8d3df2185ac4167b2364e9218b", + "bytes": 12199 + }, + "/frontend_latest/58068.496636f152f989b6.js": { + "sha256": "2f60fa77098d87558e7c2ad463eb98261ec35fcf3a830030131d98c4689a5554", + "bytes": 14843 + }, + "/frontend_latest/78918.284a9604258fe27b.js": { + "sha256": "d9136df59278b2364da59b5ae4be98b6f83017ce94bcfc6f9879aae7c07a4bd0", + "bytes": 10950 + }, + "/frontend_latest/1027.26a15473845250e8.js": { + "sha256": "06f76e762bfb07360abae7abe3b1dc1ab239472c8445f131b9c41fa234366208", + "bytes": 14240 + }, + "/frontend_latest/4558.e20b3760d07801a7.js": { + "sha256": "43fa2969e6ba2676d21e0e5ae9a887e05a4857d7640c4537faaaf3a6793897a5", + "bytes": 48720 + }, + "/frontend_latest/97769.cb1c5172b385ed95.js": { + "sha256": "56d7d415776d66dda6b00c284eecb8d5284374ec43147e986fde88e3f52ce1a6", + "bytes": 12926 + }, + "/frontend_latest/64334.af08239c2ebb5f72.js": { + "sha256": "8a9bb136f5a75989c0249652d2437f71c95c56c5e57c552423bd7634ded28592", + "bytes": 62089 + }, + "/frontend_latest/89437.7a0c267598dbedf7.js": { + "sha256": "93b97f57d2103714bd6b000d84d66a6e5eb1abcb0e3d70ced5b68a778574452e", + "bytes": 31196 + }, + "/frontend_latest/84656.b37270a3ef77878d.js": { + "sha256": "b5520eaac50bef5c56bf9c34f78248bfffe859d2660b69a0c2bb092401972047", + "bytes": 35511 + }, + "/frontend_latest/30295.44550b6ede673685.js": { + "sha256": "c05dd5e1a5fadc0e367a1fdd726ba106f9b7ec2f2e9141b5f9278a34ec61d295", + "bytes": 18250 + }, + "/frontend_latest/75312.5646a5160728e6b0.js": { + "sha256": "487b478ae0fd9a627d755b3e0ebff32d4fd389db2f3e790fbe1ba7f8922d7a12", + "bytes": 13589 + }, + "/frontend_latest/8885.0d1314825734b9ba.js": { + "sha256": "f96524fc829f4ca06a65671dfb65343fc4ac5fc3a0775fc9fcdda4ec9b31ef1f", + "bytes": 10824 + }, + "/frontend_latest/84962.17ced8e504bf6331.js": { + "sha256": "c672f4824f9a91b1a349f85f1960ded234e32349dc48916ee32e3a2b1eb7b6f3", + "bytes": 12868 + }, + "/frontend_latest/50560.8660644d0f8ae049.js": { + "sha256": "8988a5ade0606c481a3febf6a572a4bd54848a7f8f03be75813e3a7b6c70fb5d", + "bytes": 26364 + }, + "/frontend_latest/38416.72b67af26ef89a66.js": { + "sha256": "b0acadf75c26ae79ef27521207f5e625b98225f4cfd627211b9054339ed3ca41", + "bytes": 15700 + }, + "/frontend_latest/32425.69983054c1ddb489.js": { + "sha256": "7bcdf7b58c77c00baf193a8b30b012d08e031682f7cd8ddbacd16e7e3c3e9c94", + "bytes": 418581 + }, + "/frontend_latest/16507.a01c0a650d7bdf12.js": { + "sha256": "3cd1825b5822cc44025ba52b950bfcba634795ff078bc4ef7bd1867bd6c8a794", + "bytes": 39680 + }, + "/frontend_latest/84956.2ab0e4e5dfbc712c.js": { + "sha256": "e5c0f30aa9c533d4a6c98f08e290080e523844d9e83323a80f186d1cd90fb0f8", + "bytes": 14278 + }, + "/frontend_latest/92811.0f15037d3b10a2c3.js": { + "sha256": "cd7255a05902ce487ea9763a06b3d3a7a2dddcaf01a068415eb0b7239a0d30ed", + "bytes": 13267 + }, + "/frontend_latest/54537.f4833c5913c76cf2.js": { + "sha256": "097d10625d7cfefcf5f45646e1abe71e189870ac62677b8ff655189ffa818d52", + "bytes": 9818 + }, + "/frontend_latest/25481.23ddd5d2ec866816.js": { + "sha256": "eff9c4785b1b13110a6c8d2dd9d06d0abb5038e05f3ee78af0144ac5cda41b4f", + "bytes": 14691 + }, + "/frontend_latest/46565.e3d80a51d865ed5c.js": { + "sha256": "5f911bddaecb5761fb312d30ee6d5c54c0729681d67a6938510743a92461bdda", + "bytes": 12790 + }, + "/frontend_latest/94121.0e44a112e95ac8c8.js": { + "sha256": "b8867abd42ff8397dfb27af640d00be262547b6dc1476bdc3a9d907b520bf020", + "bytes": 14742 + }, + "/frontend_latest/58992.1d29f9136bc3c796.js": { + "sha256": "403801a586fc76ed2c42c7a246d318cf115f9f8dc3e6b51736770fb0d27eab0d", + "bytes": 20956 + }, + "/frontend_latest/28858.17df029135a17ae3.js": { + "sha256": "cb20a7108b88881b05d9cb192f6e668bbdd02be64b5d594d3ce0caeac7439ffd", + "bytes": 12216 + }, + "/frontend_latest/47578.fba66e0739297711.js": { + "sha256": "c8f7aa9acf22e7f4d9a18a32015ee5ad62b9f383a80a96144bda5005be7c0d60", + "bytes": 27140 + }, + "/frontend_latest/90012.9945d8238ffa5a3a.js": { + "sha256": "bf1e417679e1f11a69f523da19d45b7a286f69cfff3e17a1b715081b412cde7f", + "bytes": 32550 + }, + "/frontend_latest/14883.0a68bf6c727a2e22.js": { + "sha256": "10c72f142d4b19619a223e1d67cbe3b1e5e079605903afda730c5df1f96b9ffe", + "bytes": 38920 + }, + "/frontend_latest/5496.c0eba59802d17a07.js": { + "sha256": "6d9a293389b0632626eec6f452dabf8172953aa4238f70b111aa9b43088e777e", + "bytes": 9450 + }, + "/frontend_latest/49589.23a2870d61954701.js": { + "sha256": "2fda7fb7e84778e196807fa82ba3f657f14ce335e9f8f3795b551d485a6641eb", + "bytes": 13433 + }, + "/static/locale-data/intl-displaynames/en.json": { + "sha256": "de6876c5e48244c0a6ec4a189e0c27293674bfb8fda6fe4deae4083cf319937e", + "bytes": 43298 + } + }, + "modules": [ + 46686, + 49057 + ], + "themes": { + "light": { + "--ha-space-8": "32px", + "--wa-color-brand-on-normal": "#009ac7", + "--state-inactive-color": "#9e9e9e", + "--safe-width": "calc(100vw - 0px - 0px)", + "--success-color": "#43a047", + "--input-outlined-disabled-border-color": "#0000000f", + "--color-29": "#97ee3f", + "--purple-color": "#926bc7", + "--ha-color-fill-primary-normal-resting": "#dff3fc", + "--mdc-theme-background": "#fafafa", + "--mdc-theme-text-primary-on-background": "#141414", + "--ha-space-15": "60px", + "--state-binary_sensor-active-color": "#ffc107", + "--state-valve-active-color": "#2196f3", + "--mdc-text-field-fill-color": "#f5f5f5", + "--ha-font-family-code": "monospace", + "--wa-form-control-value-line-height": "1.2", + "--safe-height": "calc(100vh - 0px - 0px)", + "--state-weather-windy_variant-color": "#4caf50", + "--dark-primary-opacity": ".87", + "--state-binary_sensor-safety-on-color": "#f44336", + "--mdc-select-outlined-disabled-border-color": "#0000000f", + "--ha-font-size-s": "calc(12px * 1)", + "--ha-color-primary-30": "#006787", + "--state-sensor-battery-high-color": "#4caf50", + "--ha-color-red-60": "#f3676c", + "--ha-border-radius-pill": "9999px", + "--ha-color-form-background": "#f3f3f3", + "--mdc-text-field-disabled-ink-color": "#0000005e", + "--state-fan-active-color": "#00bcd4", + "--sidebar-selected-text-color": "#009ac7", + "--state-weather-hail-color": "#00bcd4", + "--ha-color-on-neutral-normal": "#5e5e5e", + "--ha-color-fill-disabled-loud-hover": "#b1b1b1", + "--md-list-item-supporting-text-font": "Roboto, Noto, sans-serif", + "--wa-color-warning-on-loud": "#fff", + "--state-weather-exceptional-color": "#f44336", + "--ha-color-shadow-scrollable-fade": "#00000014", + "--ha-color-orange-50": "#c94e00", + "--black-color": "#000", + "--wa-color-brand-border-quiet": "#dff3fc", + "--ha-color-fill-primary-quiet-active": "#eff9fe", + "--state-media_player-active-color": "#03a9f4", + "--cyan-color": "#00bcd4", + "--state-alarm_control_panel-disarming-color": "#ff9800", + "--mdc-text-field-label-ink-color": "#0009", + "--ha-color-white": "#fff", + "--wa-color-warning-fill-normal": "#ffe0c8", + "--margin-title-ltr": "0 0 0 24px", + "--ha-color-on-warning-loud": "#fff", + "--ha-color-red-70": "#fd8f90", + "--color-9": "#01ab63", + "--ha-color-border-danger-loud": "#b30532", + "--state-weather-rainy-color": "#2196f3", + "--wa-focus-ring-style": "solid", + "--input-idle-line-color": "#0000006b", + "--mdc-select-outlined-idle-border-color": "#00000061", + "--input-disabled-fill-color": "#fafafa", + "--ha-font-weight-heading": "700", + "--state-alarm_control_panel-armed_night-color": "#4caf50", + "--input-label-ink-color": "#0009", + "--ha-color-orange-05": "#280700", + "--rgb-accent-color": "255, 152, 0", + "--ha-font-weight-normal": "400", + "--color-28": "#927acc", + "--wa-color-surface-default": "#fff", + "--mdc-text-field-ink-color": "#000000de", + "--ha-space-9": "36px", + "--dark-divider-opacity": ".12", + "--ha-color-primary-60": "#37c8fd", + "--wa-form-control-height": "40px", + "--state-vacuum-error-color": "#f44336", + "--color-17": "#7599d1", + "--state-siren-active-color": "#f44336", + "--wa-color-brand-border-loud": "#009ac7", + "--wa-focus-ring-offset": "2px", + "--ha-border-width-sm": "1px", + "--wa-color-neutral-border-normal": "#989898", + "--wa-color-warning-on-quiet": "#c94e00", + "--state-climate-heat-color": "#ff6f22", + "--ha-border-width-md": "2px", + "--secondary-background-color": "#e5e5e5", + "--ha-color-green-80": "#93da98", + "--text-light-primary-color": "#212121", + "--ha-color-on-danger-quiet": "#dc3146", + "--ha-color-neutral-90": "#e6e6e6", + "--ha-border-width-lg": "3px", + "--color-46": "#c27eb6", + "--ha-color-fill-primary-normal-hover": "#b9e6fc", + "--ha-color-orange-60": "#f36d00", + "--wa-color-danger-on-loud": "#fff", + "--wa-color-surface-border": "#e6e6e6", + "--wa-form-control-border-radius": "12px", + "--wa-form-control-placeholder-color": "#5e5e5e", + "--wa-color-success-border-normal": "#5dc36f", + "--wa-form-control-border-color": "#989898", + "--state-climate-auto-color": "#4caf50", + "--dark-secondary-opacity": ".54", + "--ha-font-size-5xl": "calc(40px * 1)", + "--state-active-color": "#ffc107", + "--ha-color-green-20": "#0a3a1d", + "--ha-color-border-primary-normal": "#7bd4fb", + "--color-18": "#7a4c31", + "--outline-color": "#0000001f", + "--state-sensor-battery-medium-color": "#ff9800", + "--color-25": "#c884ff", + "--ha-color-focus": "#989898", + "--energy-battery-in-color": "#f06292", + "--safe-area-offset-right": "calc(max(0px - 0px, 0px) / 2)", + "--state-alarm_control_panel-arming-color": "#ff9800", + "--state-water_heater-eco-color": "#4caf50", + "--input-fill-color": "#f5f5f5", + "--ha-color-fill-neutral-quiet-hover": "#e6e6e6", + "--state-water_heater-heat_pump-color": "#ff9800", + "--ha-color-primary-70": "#7bd4fb", + "--light-primary-opacity": "1", + "--ha-color-fill-warning-loud-resting": "#ff9342", + "--ha-color-fill-primary-loud-active": "#009ac7", + "--color-2": "#f4bd4a", + "--ha-font-size-3xl": "calc(28px * 1)", + "--ha-assist-chip-filled-container-color": "rgba(33, 33, 33, .15)", + "--color-24": "#ffadda", + "--ha-font-size-xs": "calc(10px * 1)", + "--ha-animation-duration-normal": "1ms", + "--wa-color-danger-on-normal": "#b30532", + "--sidebar-text-color": "#141414", + "--mdc-theme-text-secondary-on-background": "#5e5e5e", + "--wa-form-control-border-width": "1px", + "--wa-color-neutral-on-normal": "#5e5e5e", + "--ha-border-radius-md": "8px", + "--energy-gas-color": "#8e021b", + "--color-15": "#d96895", + "--ha-color-surface-low-inverted": "#141414", + "--ha-color-on-disabled-loud": "#f3f3f3", + "--state-alarm_control_panel-armed_away-color": "#4caf50", + "--wa-focus-ring-width": "2px", + "--table-header-background-color": "#f5f5f5", + "--ha-color-neutral-80": "#ccc", + "--ha-color-orange-70": "#ff9342", + "--ha-font-weight-light": "300", + "--wa-color-warning-fill-quiet": "#ffe0c8", + "--wa-color-brand-fill-normal": "#dff3fc", + "--ha-color-on-primary-normal": "#009ac7", + "--color-32": "#f48758", + "--ha-line-height-expanded": "2", + "--wa-border-radius-pill": "9999px", + "--color-51": "#f48800", + "--ha-color-green-50": "#00883c", + "--state-weather-windy-color": "#4caf50", + "--ha-border-radius-5xl": "32px", + "--ha-border-radius-circle": "50%", + "--ha-color-primary-10": "#002e3e", + "--ha-color-text-disabled": "#989898", + "--scrollbar-thumb-color": "#c2c2c2", + "--mdc-theme-secondary": "#ff9800", + "--ha-color-fill-success-loud-resting": "#00883c", + "--mdc-select-ink-color": "#000000de", + "--ha-color-border-success-quiet": "#c2f2c1", + "--state-light-active-color": "#ffc107", + "--wa-border-radius-s": "4px", + "--label-badge-green": "#43a047", + "--state-binary_sensor-lock-on-color": "#f44336", + "--wa-color-neutral-on-quiet": "#7a7a7a", + "--wa-form-control-padding-inline": "12px", + "--mdc-text-field-disabled-fill-color": "#fafafa", + "--ha-color-on-success-loud": "#fff", + "--color-27": "#bf8b6d", + "--history-unknown-color": "#606060", + "--state-weather-cloudy-color": "#bdbdbd", + "--state-lock-open-color": "#f44336", + "--wa-color-brand-on-quiet": "#18bcf2", + "--state-water_heater-performance-color": "#ff6f22", + "--energy-grid-consumption-color": "#488fc2", + "--ha-color-fill-neutral-normal-resting": "#e6e6e6", + "--ha-color-fill-danger-quiet-hover": "#ffdedc", + "--wa-transition-easing": "ease", + "--wa-focus-ring": "solid 2px #989898", + "--wa-transition-normal": "1ms", + "--ha-font-size-scale": "1", + "--wa-color-neutral-fill-loud": "#5e5e5e", + "--ha-color-text-primary": "#141414", + "--ha-color-primary-95": "#eff9fe", + "--mdc-button-disabled-ink-color": "#bdbdbd", + "--table-row-background-color": "#fafafa", + "--ha-animation-duration-instant": "1ms", + "--wa-panel-border-width": "1px", + "--ha-box-shadow-l": "0 6px 12px -3px #0000001f, 0 16px 32px -6px #0003", + "--wa-form-control-required-content-offset": ".1rem", + "--mdc-radio-unchecked-color": "rgba(33, 33, 33, .54)", + "--wa-color-danger-border-quiet": "#ffdedc", + "--sidebar-selected-icon-color": "#009ac7", + "--ha-color-fill-warning-normal-resting": "#ffe0c8", + "--ha-color-fill-danger-quiet-active": "#fff0ef", + "--ha-color-on-primary-loud": "#fff", + "--ha-font-family-heading": "Roboto, Noto, sans-serif", + "--ha-color-orange-40": "#9d3800", + "--color-36": "#e43872", + "--state-climate-fan_only-color": "#00bcd4", + "--input-disabled-line-color": "#0000000f", + "--ha-space-20": "80px", + "--color-6": "#ff8ab7", + "--wa-space-xs": "8px", + "--ha-color-primary-20": "#004156", + "--mdc-select-label-ink-color": "#0009", + "--ha-space-6": "24px", + "--ha-color-fill-neutral-quiet-active": "#f3f3f3", + "--ha-color-fill-primary-quiet-resting": "#eff9fe", + "--ha-font-size-m": "calc(14px * 1)", + "--color-50": "#a49100", + "--float-end": "right", + "--wa-color-danger-border-normal": "#fd8f90", + "--ha-color-fill-danger-loud-resting": "#dc3146", + "--state-alarm_control_panel-pending-color": "#ff9800", + "--checked-icon-color": "#fff", + "--mdc-checkbox-unchecked-color": "rgba(33, 33, 33, .54)", + "--color-19": "#6989f4", + "--ha-space-19": "76px", + "--ha-font-family-body": "Roboto, Noto, sans-serif", + "--rgb-text-primary-color": "255, 255, 255", + "--ha-color-border-warning-normal": "#ff9342", + "--shadow-color": "#00000029", + "--state-icon-color": "#44739e", + "--ha-color-fill-warning-quiet-hover": "#ffe0c8", + "--ha-color-fill-primary-normal-active": "#dff3fc", + "--mdc-theme-primary": "#009ac7", + "--color-34": "#f2b94f", + "--ha-space-4": "16px", + "--mdc-dialog-heading-ink-color": "#141414", + "--disabled-color": "#bdbdbd", + "--state-plant-active-color": "#f44336", + "--ha-color-neutral-40": "#5e5e5e", + "--orange-color": "#ff9800", + "--energy-water-color": "#00bcd4", + "--ha-font-weight-body": "400", + "--wa-form-control-required-content": "\"*\"", + "--ha-color-fill-danger-normal-hover": "#ffb8b6", + "--wa-font-weight-body": "400", + "--color-45": "#fecddf", + "--color-4": "#6cc5b0", + "--wa-line-height-condensed": "1.2", + "--lime-color": "#cddc39", + "--wa-color-warning-border-normal": "#ff9342", + "--mdc-tab-text-label-color-default": "#141414", + "--mdc-select-disabled-fill-color": "#fafafa", + "--light-green-color": "#8bc34a", + "--wa-color-brand-border-normal": "#18bcf2", + "--wa-color-neutral-fill-normal": "#e6e6e6", + "--label-badge-red": "#db4437", + "--ha-color-on-danger-normal": "#b30532", + "--state-device_tracker-home-color": "#4caf50", + "--state-cover-active-color": "#926bc7", + "--state-binary_sensor-problem-on-color": "#f44336", + "--state-binary_sensor-sound-on-color": "#f44336", + "--ha-color-neutral-60": "#989898", + "--input-dropdown-icon-color": "#0000008a", + "--ha-color-fill-disabled-quiet-hover": "#e6e6e6", + "--app-header-border-bottom": "1px solid #0000001f", + "--blue-color": "#2196f3", + "--wa-color-danger-fill-quiet": "#ffdedc", + "--state-weather-lightning-color": "#ffeb3b", + "--color-8": "#97bbf5", + "--safe-area-inset-x": "calc(0px + 0px)", + "--color-42": "#009f82", + "--mdc-select-dropdown-icon-color": "#0000008a", + "--mdc-theme-text-disabled-on-light": "#bdbdbd", + "--wa-color-brand-fill-loud": "#009ac7", + "--ha-color-green-70": "#5dc36f", + "--state-weather-snowy_rainy-color": "#03a9f4", + "--mdc-text-field-outlined-disabled-border-color": "#0000000f", + "--darker-primary-color": "#016194", + "--ha-color-orange-20": "#5e1c00", + "--state-update-active-color": "#ff9800", + "--ha-color-on-neutral-quiet": "#7a7a7a", + "--wa-color-neutral-border-loud": "#5e5e5e", + "--state-lock-locking-color": "#ff9800", + "--mdc-text-field-hover-line-color": "#000000de", + "--ha-moz-osx-font-smoothing": "grayscale", + "--state-alarm_control_panel-triggered-color": "#f44336", + "--wa-color-surface-raised": "#fff", + "--safe-area-inset-top": "0px", + "--safe-area-offset-top": "calc(max(0px - 0px, 0px) / 2)", + "--ha-color-fill-danger-loud-active": "#dc3146", + "--mdc-text-field-idle-line-color": "#0000006b", + "--dark-disabled-opacity": ".38", + "--state-climate-dry-color": "#ff9800", + "--ha-space-14": "56px", + "--state-sensor-battery-low-color": "#f44336", + "--history-unavailable-color": "transparent", + "--color-44": "#cbe8ff", + "--ha-color-red-30": "#8a132c", + "--safe-area-inset-left": "0px", + "--wa-form-control-value-color": "#141414", + "--ha-font-size-2xl": "calc(24px * 1)", + "--ha-color-on-primary-quiet": "#18bcf2", + "--wa-color-warning-fill-loud": "#ff9342", + "--wa-font-size-s": "calc(12px * 1)", + "--table-row-alternative-background-color": "#e5e5e5", + "--ha-color-red-20": "#631323", + "--ha-color-fill-neutral-loud-active": "#5e5e5e", + "--color-10": "#094bad", + "--ha-color-on-disabled-quiet": "#ccc", + "--ha-color-on-warning-quiet": "#c94e00", + "--ha-color-text-secondary": "#5e5e5e", + "--state-water_heater-gas-color": "#ff9800", + "--ha-color-green-10": "#052310", + "--label-badge-background-color": "#fff", + "--ha-color-form-background-hover": "#e6e6e6", + "--ha-color-fill-danger-normal-active": "#ffdedc", + "--ha-color-border-primary-quiet": "#dff3fc", + "--ha-animation-duration-fast": "1ms", + "--state-lock-locked-color": "#4caf50", + "--wa-panel-border-style": "solid", + "--ha-space-16": "64px", + "--safe-area-inset-y": "calc(0px + 0px)", + "--ha-color-primary-80": "#b9e6fc", + "--deep-purple-color": "#6e41ab", + "--ha-color-neutral-05": "#141414", + "--light-blue-color": "#03a9f4", + "--ha-border-radius-6xl": "36px", + "--mdc-theme-surface": "#fff", + "--brown-color": "#795548", + "--ha-color-on-warning-normal": "#9d3800", + "--ha-color-primary-40": "#009ac7", + "--state-weather-sunny-color": "#ffc107", + "--ha-color-fill-warning-normal-hover": "#ffbb89", + "--slider-color": "#009ac7", + "--color-52": "#27d0df", + "--ha-color-border-warning-quiet": "#ffe0c8", + "--color-53": "#a04a9b", + "--state-weather-clear_night-color": "#6e41ab", + "--bar-box-shadow": "0 2px 12px #00000029", + "--rgb-warning-color": "255, 166, 0", + "--ha-color-neutral-95": "#f3f3f3", + "--ha-color-fill-success-normal-active": "#c2f2c1", + "--ha-border-radius-xl": "16px", + "--color-37": "#d9b100", + "--white-color": "#fff", + "--ha-color-fill-neutral-quiet-resting": "#f3f3f3", + "--header-height": "56px", + "--amber-color": "#ffc107", + "--state-water_heater-electric-color": "#ff9800", + "--state-person-home-color": "#4caf50", + "--energy-non-fossil-color": "#0f9d58", + "--wa-color-danger-border-loud": "#b30532", + "--wa-color-success-fill-normal": "#c2f2c1", + "--state-lock-unlocked-color": "#f44336", + "--green-color": "#4caf50", + "--state-lock-jammed-color": "#f44336", + "--scale-direction": "1", + "--ha-color-border-neutral-quiet": "#e6e6e6", + "--mdc-theme-on-secondary": "#fff", + "--safe-area-inset-bottom": "0px", + "--ha-color-fill-success-quiet-active": "#e3f9e3", + "--slider-secondary-color": "#b3e5fc", + "--wa-color-brand-on-loud": "#fff", + "--color-33": "#8caed6", + "--color-26": "#badeff", + "--color-11": "#c99000", + "--ha-color-fill-disabled-normal-hover": "#e6e6e6", + "--wa-panel-border-radius": "24px", + "--ha-color-neutral-30": "#4a4a4a", + "--ha-color-fill-primary-loud-resting": "#009ac7", + "--color-5": "#a463f2", + "--ha-border-radius-sm": "4px", + "--wa-color-neutral-fill-quiet": "#e6e6e6", + "--ha-color-fill-neutral-normal-active": "#e6e6e6", + "--ha-color-red-05": "#2a040b", + "--ha-space-7": "28px", + "--ha-line-height-normal": "1.6", + "--energy-solar-color": "#ff9800", + "--mdc-button-outline-color": "#0000001f", + "--disabled-text-color": "#bdbdbd", + "--ha-color-red-80": "#ffb8b6", + "--ha-color-fill-success-quiet-hover": "#c2f2c1", + "--light-grey-color": "#bdbdbd", + "--energy-grid-return-color": "#8353d1", + "--state-alert-on-color": "#f44336", + "--ha-border-radius-4xl": "28px", + "--state-humidifier-on-color": "#2196f3", + "--ha-font-size-4xl": "calc(32px * 1)", + "--ha-color-green-60": "#00ac49", + "--state-binary_sensor-battery-on-color": "#f44336", + "--state-water_heater-high_demand-color": "#ff6f22", + "--ha-color-fill-success-quiet-resting": "#e3f9e3", + "--input-disabled-ink-color": "#0000005e", + "--divider-color": "#0000001f", + "--checked-icon-scale": ".9", + "--ha-color-fill-success-loud-hover": "#036730", + "--ha-color-on-success-normal": "#036730", + "--ha-color-primary-05": "#001721", + "--ha-color-on-danger-loud": "#fff", + "--wa-color-warning-border-quiet": "#ffe0c8", + "--blue-grey-color": "#607d8b", + "--ha-border-radius-lg": "12px", + "--ha-color-fill-neutral-loud-resting": "#5e5e5e", + "--ha-color-text-secondary-inverted": "#363636", + "--mdc-select-disabled-dropdown-icon-color": "#0000005e", + "--ha-color-primary-50": "#18bcf2", + "--color-3": "#ff725c", + "--state-climate-heat-cool-color": "#ffc107", + "--wa-color-warning-border-loud": "#9d3800", + "--wa-color-text-quiet": "#5e5e5e", + "--state-switch-active-color": "#ffc107", + "--ha-color-green-30": "#0a5027", + "--ha-color-fill-warning-quiet-active": "#fff0e4", + "--ha-color-text-primary-inverted": "#fff", + "--ha-space-11": "44px", + "--ha-color-red-40": "#b30532", + "--mdc-dialog-content-ink-color": "#141414", + "--wa-color-neutral-border-quiet": "#e6e6e6", + "--sidebar-background-color": "#fff", + "--wa-form-control-value-font-weight": "400", + "--primary-color": "#009ac7", + "--color-35": "#eff26e", + "--ha-assist-chip-active-container-color": "rgba(0, 154, 199, .15)", + "--wa-color-success-on-loud": "#fff", + "--markdown-code-background-color": "#fafafa", + "--ha-space-10": "40px", + "--primary-background-color": "#fafafa", + "--wa-form-control-activated-color": "#009ac7", + "--ha-space-17": "68px", + "--label-badge-blue": "#039be5", + "--warning-color": "#ffa600", + "--ha-font-weight-action": "500", + "--wa-color-success-on-quiet": "#00883c", + "--input-outlined-idle-border-color": "#00000061", + "--wa-color-success-fill-quiet": "#c2f2c1", + "--ha-color-red-95": "#fff0ef", + "--ha-color-black": "#000", + "--ha-color-surface-lower-inverted": "#000", + "--ha-color-fill-success-normal-hover": "#93da98", + "--ha-space-13": "52px", + "--state-sun-below_horizon-color": "#3f51b5", + "--app-theme-color": "#fff", + "--color-47": "#8cd2ce", + "--wa-form-control-padding-block": ".75em", + "--ha-color-fill-success-normal-resting": "#c2f2c1", + "--wa-font-size-l": "calc(16px * 1)", + "--rgb-info-color": "3, 155, 229", + "--state-lawn_mower-active-color": "#009688", + "--ha-color-fill-success-loud-active": "#00883c", + "--ha-color-green-05": "#031608", + "--ha-color-neutral-20": "#363636", + "--ha-color-fill-warning-normal-active": "#ffe0c8", + "--rgb-secondary-text-color": "114, 114, 114", + "--state-binary_sensor-carbon_monoxide-on-color": "#f44336", + "--energy-battery-out-color": "#4db6ac", + "--sidebar-icon-color": "rgba(33, 33, 33, .6)", + "--color-41": "#d06800", + "--margin-title-rtl": "0 24px 0 0", + "--ha-color-border-success-loud": "#036730", + "--ha-color-fill-warning-loud-active": "#ff9342", + "--ha-color-fill-disabled-loud-resting": "#ccc", + "--ha-space-1": "4px", + "--mdc-checkbox-disabled-color": "#bdbdbd", + "--ha-space-3": "12px", + "--ha-color-neutral-50": "#7a7a7a", + "--state-binary_sensor-heat-on-color": "#f44336", + "--rgb-primary-color": "0, 154, 199", + "--red-color": "#f44336", + "--ha-color-green-95": "#e3f9e3", + "--state-alarm_control_panel-armed_custom_bypass-color": "#4caf50", + "--wa-color-text-normal": "#141414", + "--ha-space-5": "20px", + "--rgb-success-color": "67, 160, 71", + "--ha-color-orange-10": "#3b0f00", + "--color-30": "#bf3947", + "--state-weather-pouring-color": "#3f51b5", + "--ha-color-fill-neutral-loud-hover": "#4a4a4a", + "--state-unavailable-color": "#bdbdbd", + "--wa-color-brand-fill-quiet": "#dff3fc", + "--ha-color-orange-90": "#ffe0c8", + "--state-binary_sensor-tamper-on-color": "#f44336", + "--ha-color-fill-disabled-normal-resting": "#f3f3f3", + "--mdc-text-field-disabled-line-color": "#0000000f", + "--wa-space-m": "16px", + "--ha-line-height-condensed": "1.2", + "--wa-form-control-background-color": "", + "--state-device_tracker-active-color": "#2196f3", + "--input-hover-line-color": "#000000de", + "--ha-font-size-xl": "calc(20px * 1)", + "--ha-color-border-neutral-normal": "#989898", + "--wa-border-width-s": "1px", + "--color-49": "#f883b0", + "--wa-shadow-l": "0 6px 12px -3px #0000001f, 0 16px 32px -6px #0003", + "--wa-font-size-m": "calc(14px * 1)", + "--ha-font-weight-medium": "500", + "--state-vacuum-active-color": "#009688", + "--ha-color-fill-disabled-quiet-resting": "#f3f3f3", + "--mdc-text-field-outlined-idle-border-color": "#00000061", + "--ha-border-radius-3xl": "24px", + "--color-48": "#c4b8d9", + "--ha-color-border-danger-normal": "#fd8f90", + "--accent-color": "#ff9800", + "--outline-hover-color": "#0000003d", + "--ha-color-on-disabled-normal": "#b1b1b1", + "--ha-font-size-l": "calc(16px * 1)", + "--color-38": "#9d7a00", + "--state-weather-partlycloudy-color": "#607d8b", + "--ha-color-orange-80": "#ffbb89", + "--wa-border-radius-m": "8px", + "--state-binary_sensor-glass_break-on-color": "#f44336", + "--deep-orange-color": "#ff6f22", + "--ha-color-form-background-disabled": "#ccc", + "--wa-color-success-border-loud": "#036730", + "--ha-color-orange-95": "#fff0e4", + "--mdc-theme-error": "#db4437", + "--ha-color-primary-90": "#dff3fc", + "--ha-color-border-neutral-loud": "#5e5e5e", + "--state-weather-fog-color": "#9e9e9e", + "--color-40": "#00d27e", + "--wa-space-xl": "32px", + "--secondary-text-color": "#5e5e5e", + "--error-color": "#db4437", + "--mdc-dialog-scroll-divider-color": "#0000001f", + "--state-weather-snowy-color": "#c0e0ff", + "--ha-font-weight-bold": "700", + "--ha-space-12": "48px", + "--wa-border-radius-l": "12px", + "--wa-color-danger-fill-loud": "#dc3146", + "--color-16": "#8043ce", + "--color-22": "#8fe9d3", + "--ha-color-red-50": "#dc3146", + "--state-alarm_control_panel-armed_vacation-color": "#4caf50", + "--mdc-select-outlined-hover-border-color": "#000000de", + "--wa-border-style": "solid", + "--ha-color-surface-default": "#fff", + "--app-header-background-color": "#fff", + "--card-background-color": "#fff", + "--state-alert-off-color": "#ff9800", + "--mdc-theme-on-surface": "#141414", + "--ha-color-border-success-normal": "#5dc36f", + "--state-climate-cool-color": "#2196f3", + "--label-badge-text-color": "rgba(33, 33, 33, .8)", + "--state-binary_sensor-smoke-on-color": "#f44336", + "--wa-color-warning-on-normal": "#9d3800", + "--mdc-text-field-outlined-hover-border-color": "#000000de", + "--color-21": "#ff957c", + "--indigo-color": "#3f51b5", + "--wa-focus-ring-color": "#989898", + "--mdc-radio-disabled-color": "#bdbdbd", + "--color-13": "#49a28f", + "--state-alarm_control_panel-armed_home-color": "#4caf50", + "--ha-color-text-link": "#009ac7", + "--mdc-select-fill-color": "#f5f5f5", + "--ha-color-fill-primary-quiet-hover": "#dff3fc", + "--ha-color-fill-danger-quiet-resting": "#fff0ef", + "--label-badge-grey": "#9e9e9e", + "--wa-transition-fast": "1ms", + "--label-badge-yellow": "#ffa600", + "--data-table-background-color": "#fff", + "--state-icon-error-color": "#db4437", + "--color-39": "#698cff", + "--ha-box-shadow-s": "0 1px 2px 0 #00000014, 0 1px 3px 0 #0000001f", + "--ha-border-radius-2xl": "20px", + "--wa-shadow-m": "0 3px 6px -1px #0000001a, 0 8px 16px -2px #00000026", + "--ha-color-surface-low": "#f3f3f3", + "--ha-animation-duration-slow": "1ms", + "--color-31": "#9f5b00", + "--ha-font-smoothing": "antialiased", + "--color-14": "#048732", + "--color-20": "#ffd444", + "--ha-color-fill-warning-quiet-resting": "#fff0e4", + "--wa-border-width-m": "2px", + "--ha-color-green-90": "#c2f2c1", + "--state-lawn_mower-error-color": "#f44336", + "--mdc-select-idle-line-color": "#0000006b", + "--color-23": "#62cc71", + "--mdc-select-hover-line-color": "#000000de", + "--ha-dialog-scrim-backdrop-filter": "brightness(68%)", + "--safe-area-inset-right": "0px", + "--clear-background-color": "#fff", + "--state-sun-above_horizon-color": "#ffc107", + "--state-lock-unlocking-color": "#ff9800", + "--ha-animation-duration-none": "1ms", + "--light-primary-color": "#b3e5fc", + "--state-lock-opening-color": "#ff9800", + "--color-7": "#9c6b4e", + "--wa-form-control-toggle-size": "20px", + "--ha-color-fill-danger-normal-resting": "#ffdedc", + "--mdc-theme-on-primary": "#fff", + "--input-outlined-hover-border-color": "#000000de", + "--chip-background-color": "rgba(33, 33, 33, .15)", + "--ha-color-on-success-quiet": "#00883c", + "--ha-color-on-surface-default": "#141414", + "--md-list-item-label-text-font": "Roboto, Noto, sans-serif", + "--ha-color-red-90": "#ffdedc", + "--input-ink-color": "#000000de", + "--direction": "ltr", + "--rgb-card-background-color": "255, 255, 255", + "--float-start": "left", + "--light-secondary-opacity": ".7", + "--ha-space-2": "8px", + "--ha-color-fill-primary-loud-hover": "#006787", + "--slider-track-color": "#c2c2c2", + "--md-list-item-trailing-supporting-text-font": "Roboto, Noto, sans-serif", + "--ha-color-red-10": "#3e0913", + "--safe-area-offset-left": "calc(max(0px - 0px, 0px) / 2)", + "--wa-color-neutral-on-loud": "#fff", + "--text-primary-color": "#fff", + "--ha-color-surface-lower": "#e6e6e6", + "--ha-font-family-longform": "ui-sans-serif, system-ui, sans-serif", + "--light-divider-opacity": ".12", + "--state-weather-lightning_rainy-color": "#cddc39", + "--ha-border-radius-square": "0", + "--safe-area-offset-bottom": "calc(max(0px - 0px, 0px) / 2)", + "--wa-font-weight-action": "500", + "--ha-color-on-neutral-loud": "#fff", + "--wa-color-success-fill-loud": "#00883c", + "--primary-text-color": "#141414", + "--info-color": "#039be5", + "--color-54": "#4269d0", + "--teal-color": "#009688", + "--ha-color-fill-warning-loud-hover": "#c94e00", + "--color-12": "#d84f3e", + "--pink-color": "#e91e63", + "--wa-form-control-border-style": "solid", + "--ha-color-border-warning-loud": "#9d3800", + "--light-disabled-opacity": ".3", + "--mdc-select-disabled-ink-color": "#0000005e", + "--mdc-theme-text-icon-on-background": "#5e5e5e", + "--wa-color-success-border-quiet": "#c2f2c1", + "--wa-color-success-on-normal": "#036730", + "--ha-space-18": "72px", + "--wa-space-l": "24px", + "--rgb-primary-text-color": "33, 33, 33", + "--wa-border-width-l": "3px", + "--ha-color-neutral-10": "#202020", + "--state-person-active-color": "#2196f3", + "--ha-box-shadow-m": "0 3px 6px -1px #0000001a, 0 8px 16px -2px #00000026", + "--ha-color-border-danger-quiet": "#ffdedc", + "--app-header-text-color": "#141414", + "--ha-color-orange-30": "#7e2900", + "--ha-color-surface-default-inverted": "#202020", + "--ha-color-fill-danger-loud-hover": "#b30532", + "--ha-color-neutral-70": "#b1b1b1", + "--wa-shadow-s": "0 1px 2px 0 #00000014, 0 1px 3px 0 #0000001f", + "--color-43": "#c49200", + "--dark-primary-color": "#0288d1", + "--ha-color-green-40": "#036730", + "--color-1": "#4269d0", + "--dark-grey-color": "#606060", + "--rgb-error-color": "219, 68, 55", + "--ha-color-fill-neutral-normal-hover": "#ccc", + "--ha-color-border-primary-loud": "#009ac7", + "--wa-color-danger-on-quiet": "#dc3146", + "--state-binary_sensor-gas-on-color": "#f44336", + "--grey-color": "#9e9e9e", + "--mdc-theme-text-hint-on-background": "#5e5e5e", + "--wa-color-danger-fill-normal": "#ffdedc", + "--state-binary_sensor-moisture-on-color": "#f44336", + "--yellow-color": "#ffeb3b" + }, + "dark": { + "--ha-space-8": "32px", + "--wa-color-brand-on-normal": "#37c8fd", + "--state-inactive-color": "#9e9e9e", + "--codemirror-type": "#decb6b", + "--safe-width": "calc(100vw - 0px - 0px)", + "--success-color": "#43a047", + "--input-outlined-disabled-border-color": "#ffffff0f", + "--color-29": "#97ee3f", + "--purple-color": "#926bc7", + "--ha-color-fill-primary-normal-resting": "#002e3e", + "--mdc-theme-background": "#111", + "--ha-space-15": "60px", + "--mdc-theme-text-primary-on-background": "#e1e1e1", + "--state-binary_sensor-active-color": "#ffc107", + "--state-valve-active-color": "#2196f3", + "--mdc-text-field-fill-color": "#ffffff0d", + "--ha-font-family-code": "monospace", + "--wa-form-control-value-line-height": "1.2", + "--safe-height": "calc(100vh - 0px - 0px)", + "--state-weather-windy_variant-color": "#4caf50", + "--dark-primary-opacity": ".87", + "--state-binary_sensor-safety-on-color": "#f44336", + "--mdc-select-outlined-disabled-border-color": "#ffffff0f", + "--ha-font-size-s": "calc(12px * 1)", + "--rgb-ha-button-warning-light-color": "145,123,84", + "--ha-color-primary-30": "#006787", + "--state-sensor-battery-high-color": "#4caf50", + "--ha-color-red-60": "#f3676c", + "--ha-border-radius-pill": "9999px", + "--ha-color-form-background": "#363636", + "--mdc-text-field-disabled-ink-color": "#ffffff5e", + "--state-fan-active-color": "#00bcd4", + "--rgb-disabled-text-color": "111,111,111", + "--sidebar-selected-text-color": "#009ac7", + "--state-weather-hail-color": "#00bcd4", + "--ha-color-fill-disabled-loud-hover": "#5e5e5e", + "--ha-color-on-neutral-normal": "#989898", + "--md-list-item-supporting-text-font": "Roboto, Noto, sans-serif", + "--wa-color-warning-on-loud": "#fff", + "--ha-color-shadow-scrollable-fade": "#00000014", + "--state-weather-exceptional-color": "#f44336", + "--ha-color-orange-50": "#c94e00", + "--black-color": "#000", + "--wa-color-brand-border-quiet": "#dff3fc", + "--ha-color-fill-primary-quiet-active": "#001721", + "--state-media_player-active-color": "#03a9f4", + "--cyan-color": "#00bcd4", + "--state-alarm_control_panel-disarming-color": "#ff9800", + "--ha-color-white": "#fff", + "--mdc-text-field-label-ink-color": "#fff9", + "--wa-color-warning-fill-normal": "#3b0f00", + "--margin-title-ltr": "0 0 0 24px", + "--ha-color-on-warning-loud": "#fff", + "--ha-color-red-70": "#fd8f90", + "--rgb-clear-background-color": "17,17,17", + "--codemirror-variable": "#f07178", + "--color-9": "#01ab63", + "--map-filter": "invert(.9) hue-rotate(170deg) brightness(1.5) contrast(1.2) saturate(.3)", + "--ha-color-border-danger-loud": "#dc3146", + "--state-weather-rainy-color": "#2196f3", + "--wa-focus-ring-style": "solid", + "--input-idle-line-color": "#ffffff6b", + "--mdc-select-outlined-idle-border-color": "#ffffff61", + "--input-disabled-fill-color": "#ffffff05", + "--ha-font-weight-heading": "700", + "--state-alarm_control_panel-armed_night-color": "#4caf50", + "--input-label-ink-color": "#fff9", + "--ha-color-orange-05": "#280700", + "--rgb-accent-color": "255, 152, 0", + "--ha-font-weight-normal": "400", + "--color-28": "#927acc", + "--wa-color-surface-default": "#1c1c1c", + "--ha-color-primary-60": "#37c8fd", + "--ha-space-9": "36px", + "--dark-divider-opacity": ".12", + "--mdc-text-field-ink-color": "#ffffffde", + "--wa-form-control-height": "40px", + "--state-vacuum-error-color": "#f44336", + "--color-17": "#7599d1", + "--state-siren-active-color": "#f44336", + "--wa-focus-ring-offset": "2px", + "--wa-color-brand-border-loud": "#009ac7", + "--ha-border-width-sm": "1px", + "--wa-color-neutral-border-normal": "#7a7a7a", + "--wa-color-warning-on-quiet": "#ff9342", + "--ha-border-width-md": "2px", + "--state-climate-heat-color": "#ff6f22", + "--secondary-background-color": "#282828", + "--ha-color-green-80": "#93da98", + "--text-light-primary-color": "#212121", + "--color-46": "#c27eb6", + "--ha-color-neutral-90": "#e6e6e6", + "--ha-border-width-lg": "3px", + "--ha-color-fill-primary-normal-hover": "#004156", + "--ha-color-on-danger-quiet": "#fd8f90", + "--ha-color-orange-60": "#f36d00", + "--wa-color-danger-on-loud": "#fff", + "--wa-color-surface-border": "#5e5e5e", + "--wa-form-control-border-radius": "12px", + "--wa-form-control-placeholder-color": "#ccc", + "--wa-color-success-border-normal": "#5dc36f", + "--wa-form-control-border-color": "#7a7a7a", + "--state-climate-auto-color": "#4caf50", + "--ha-color-green-20": "#0a3a1d", + "--ha-font-size-5xl": "calc(40px * 1)", + "--ha-color-border-primary-normal": "#7bd4fb", + "--dark-secondary-opacity": ".54", + "--outline-color": "#e1e1e11f", + "--state-active-color": "#ffc107", + "--color-18": "#7a4c31", + "--state-sensor-battery-medium-color": "#ff9800", + "--color-25": "#c884ff", + "--ha-color-focus": "#989898", + "--energy-battery-in-color": "#f06292", + "--safe-area-offset-right": "calc(max(0px - 0px, 0px) / 2)", + "--state-alarm_control_panel-arming-color": "#ff9800", + "--state-water_heater-eco-color": "#4caf50", + "--input-fill-color": "#ffffff0d", + "--codemirror-qualifier": "#decb6b", + "--ha-color-fill-neutral-quiet-hover": "#202020", + "--state-water_heater-heat_pump-color": "#ff9800", + "--ha-color-primary-70": "#7bd4fb", + "--light-primary-opacity": "1", + "--ha-color-fill-warning-loud-resting": "#9d3800", + "--ha-color-fill-primary-loud-active": "#009ac7", + "--color-2": "#f4bd4a", + "--rgb-primary-background-color": "17,17,17", + "--ha-font-size-3xl": "calc(28px * 1)", + "--ha-assist-chip-filled-container-color": "rgba(225,225,225, .15)", + "--color-24": "#ffadda", + "--ha-font-size-xs": "calc(10px * 1)", + "--ha-animation-duration-normal": "1ms", + "--wa-color-danger-on-normal": "#f3676c", + "--sidebar-text-color": "#e1e1e1", + "--color-15": "#d96895", + "--wa-form-control-border-width": "1px", + "--wa-color-neutral-on-normal": "#989898", + "--ha-border-radius-md": "8px", + "--energy-gas-color": "#8e021b", + "--mdc-theme-text-secondary-on-background": "#9b9b9b", + "--ha-color-surface-low-inverted": "#f3f3f3", + "--ha-color-on-disabled-loud": "#7a7a7a", + "--state-alarm_control_panel-armed_away-color": "#4caf50", + "--rgb-input-ink-color": "255,255,255", + "--codemirror-variable-2": "#eff", + "--wa-focus-ring-width": "2px", + "--table-header-background-color": "#ffffff0d", + "--ha-color-neutral-80": "#ccc", + "--ha-color-orange-70": "#ff9342", + "--wa-color-brand-fill-normal": "#002e3e", + "--wa-color-warning-fill-quiet": "#3b0f00", + "--codemirror-comment": "#545454", + "--ha-font-weight-light": "300", + "--ha-color-on-primary-normal": "#37c8fd", + "--ha-line-height-expanded": "2", + "--color-32": "#f48758", + "--wa-border-radius-pill": "9999px", + "--color-51": "#f48800", + "--ha-color-green-50": "#00883c", + "--rgb-input-disabled-ink-color": "255,255,255", + "--state-weather-windy-color": "#4caf50", + "--ha-border-radius-5xl": "32px", + "--ha-border-radius-circle": "50%", + "--ha-color-primary-10": "#002e3e", + "--ha-color-text-disabled": "#989898", + "--scrollbar-thumb-color": "#6e6e6e", + "--mdc-theme-secondary": "#ff9800", + "--ha-color-fill-success-loud-resting": "#036730", + "--ha-color-border-success-quiet": "#c2f2c1", + "--mdc-select-ink-color": "#ffffffde", + "--state-light-active-color": "#ffc107", + "--wa-border-radius-s": "4px", + "--ha-color-on-success-loud": "#fff", + "--state-binary_sensor-lock-on-color": "#f44336", + "--label-badge-green": "#43a047", + "--wa-color-neutral-on-quiet": "#b1b1b1", + "--rgb-codemirror-operator": "137,221,255", + "--mdc-text-field-disabled-fill-color": "#ffffff05", + "--wa-form-control-padding-inline": "12px@layer wa-utilities{@supports (scrollbar-gutter", + "--color-27": "#bf8b6d", + "--history-unknown-color": "#606060", + "--state-weather-cloudy-color": "#bdbdbd", + "--state-lock-open-color": "#f44336", + "--wa-color-brand-on-quiet": "#7bd4fb", + "--state-water_heater-performance-color": "#ff6f22", + "--energy-grid-consumption-color": "#488fc2", + "--ha-color-fill-danger-quiet-hover": "#3e0913", + "--ha-button-neutral-light-color": "#6a7081", + "--wa-transition-easing": "ease", + "--wa-focus-ring": "solid 2px #989898", + "--ha-color-fill-neutral-normal-resting": "#202020", + "--wa-transition-normal": "1ms", + "--ha-font-size-scale": "1", + "--ha-color-text-primary": "#fff", + "--wa-color-neutral-fill-loud": "#989898", + "--ha-color-primary-95": "#eff9fe", + "--mdc-button-disabled-ink-color": "#6f6f6f", + "--table-row-background-color": "#111", + "--rgb-codemirror-comment": "84,84,84", + "--ha-button-primary-light-color": "#4082a040", + "--ha-animation-duration-instant": "1ms", + "--wa-panel-border-width": "1px", + "--ha-box-shadow-l": "0 6px 12px -3px #0006, 0 16px 32px -6px #0000008c", + "--rgb-input-dropdown-icon-color": "255,255,255", + "--wa-form-control-required-content-offset": ".1rem", + "--mdc-radio-unchecked-color": "rgba(225,225,225, .54)", + "--wa-color-danger-border-quiet": "#ffdedc", + "--sidebar-selected-icon-color": "#009ac7", + "--ha-color-fill-warning-normal-resting": "#3b0f00", + "--ha-color-fill-danger-quiet-active": "#2a040b", + "--ha-color-on-primary-loud": "#fff", + "--ha-font-family-heading": "Roboto, Noto, sans-serif", + "--ha-color-orange-40": "#9d3800", + "--color-36": "#e43872", + "--state-climate-fan_only-color": "#00bcd4", + "--input-disabled-line-color": "#ffffff0f", + "--ha-space-20": "80px", + "--color-6": "#ff8ab7", + "--wa-space-xs": "8px", + "--ha-color-primary-20": "#004156", + "--mdc-select-label-ink-color": "#fff9", + "--ha-space-6": "24px", + "--ha-color-fill-neutral-quiet-active": "", + "--ha-color-fill-primary-quiet-resting": "#001721", + "--rgb-codemirror-atom": "247,140,108", + "--ha-font-size-m": "calc(14px * 1)", + "--color-50": "#a49100", + "--float-end": "right", + "--rgb-disabled-color": "70,70,70", + "--ha-color-fill-danger-loud-resting": "#b30532", + "--wa-color-danger-border-normal": "#dc3146", + "--state-alarm_control_panel-pending-color": "#ff9800", + "--checked-icon-color": "#fff", + "--mdc-checkbox-unchecked-color": "rgba(225,225,225, .54)", + "--color-19": "#6989f4", + "--ha-space-19": "76px", + "--ha-font-family-body": "Roboto, Noto, sans-serif", + "--rgb-text-primary-color": "255, 255, 255", + "--ha-color-border-warning-normal": "#c94e00", + "--shadow-color": "#0000007a", + "--state-icon-color": "#44739e", + "--rgb-ha-button-neutral-color": "217,218,224", + "--ha-color-fill-warning-quiet-hover": "#3b0f00", + "--rgb-outline-hover-color": "225,225,225", + "--ha-color-fill-primary-normal-active": "#002e3e", + "--mdc-theme-primary": "#009ac7", + "--color-34": "#f2b94f", + "--rgb-input-outlined-idle-border-color": "255,255,255", + "--mdc-dialog-heading-ink-color": "#e1e1e1", + "--disabled-color": "#464646", + "--ha-space-4": "16px", + "--state-plant-active-color": "#f44336", + "--ha-color-neutral-40": "#5e5e5e", + "--energy-water-color": "#00bcd4", + "--orange-color": "#ff9800", + "--ha-font-weight-body": "400", + "--wa-form-control-required-content": "\"*\"", + "--ha-color-fill-danger-normal-hover": "#631323", + "--wa-font-weight-body": "400", + "--color-45": "#fecddf", + "--color-4": "#6cc5b0", + "--wa-line-height-condensed": "1.2", + "--lime-color": "#cddc39", + "--wa-color-warning-border-normal": "#c94e00", + "--mdc-tab-text-label-color-default": "#e1e1e1", + "--mdc-select-disabled-fill-color": "#ffffff05", + "--rgb-codemirror-variable-2": "238,255,255", + "--light-green-color": "#8bc34a", + "--wa-color-brand-border-normal": "#18bcf2", + "--wa-color-neutral-fill-normal": "#202020", + "--ha-color-on-danger-normal": "#f3676c", + "--label-badge-red": "#db4437", + "--state-device_tracker-home-color": "#4caf50", + "--state-cover-active-color": "#926bc7", + "--state-binary_sensor-problem-on-color": "#f44336", + "--state-binary_sensor-sound-on-color": "#f44336", + "--ha-color-neutral-60": "#989898", + "--input-dropdown-icon-color": "#ffffff8a", + "--ha-color-fill-disabled-quiet-hover": "#363636", + "--app-header-border-bottom": "1px solid #e1e1e11f", + "--blue-color": "#2196f3", + "--wa-color-danger-fill-quiet": "#3e0913", + "--state-weather-lightning-color": "#ffeb3b", + "--color-8": "#97bbf5", + "--rgb-codemirror-number": "255,83,112", + "--safe-area-inset-x": "calc(0px + 0px)", + "--color-42": "#009f82", + "--mdc-select-dropdown-icon-color": "#ffffff8a", + "--ha-button-warning-light-color": "#917b54c1", + "--mdc-theme-text-disabled-on-light": "#6f6f6f", + "--wa-color-brand-fill-loud": "#009ac7", + "--ha-color-green-70": "#5dc36f", + "--mdc-text-field-outlined-disabled-border-color": "#ffffff0f", + "--state-weather-snowy_rainy-color": "#03a9f4", + "--darker-primary-color": "#016194", + "--ha-color-orange-20": "#5e1c00", + "--state-update-active-color": "#ff9800", + "--ha-color-on-neutral-quiet": "#b1b1b1", + "--wa-color-neutral-border-loud": "#b1b1b1", + "--state-lock-locking-color": "#ff9800", + "--rgb-codemirror-variable-3": "222,203,107", + "--mdc-text-field-hover-line-color": "#ffffffde", + "--ha-moz-osx-font-smoothing": "grayscale", + "--codemirror-number": "#ff5370", + "--state-alarm_control_panel-triggered-color": "#f44336", + "--wa-color-surface-raised": "#1c1c1c", + "--safe-area-inset-top": "0px", + "--safe-area-offset-top": "calc(max(0px - 0px, 0px) / 2)", + "--ha-color-fill-danger-loud-active": "#b30532", + "--mdc-text-field-idle-line-color": "#ffffff6b", + "--dark-disabled-opacity": ".38", + "--state-climate-dry-color": "#ff9800", + "--codemirror-attribute": "#c792ea", + "--ha-space-14": "56px", + "--mdc-linear-progress-buffer-color": "#ffffff1a", + "--state-sensor-battery-low-color": "#f44336", + "--history-unavailable-color": "transparent", + "--color-44": "#cbe8ff", + "--ha-color-red-30": "#8a132c", + "--safe-area-inset-left": "0px", + "--wa-form-control-value-color": "#e1e1e1", + "--ha-font-size-2xl": "calc(24px * 1)", + "--ha-color-on-primary-quiet": "#7bd4fb", + "--wa-color-warning-fill-loud": "#9d3800", + "--wa-font-size-s": "calc(12px * 1)", + "--table-row-alternative-background-color": "#282828", + "--ha-color-red-20": "#631323", + "--ha-color-fill-neutral-loud-active": "#989898", + "--rgb-input-outlined-hover-border-color": "255,255,255", + "--color-10": "#094bad", + "--ha-color-on-disabled-quiet": "#5e5e5e", + "--ha-color-on-warning-quiet": "#ff9342", + "--ha-color-text-secondary": "#ccc", + "--state-water_heater-gas-color": "#ff9800", + "--ha-color-green-10": "#052310", + "--label-badge-background-color": "#1c1c1c", + "--ha-color-form-background-hover": "#4a4a4a", + "--ha-color-fill-danger-normal-active": "#3e0913", + "--ha-color-border-primary-quiet": "#dff3fc", + "--ha-animation-duration-fast": "1ms", + "--state-lock-locked-color": "#4caf50", + "--wa-panel-border-style": "solid", + "--ha-space-16": "64px", + "--safe-area-inset-y": "calc(0px + 0px)", + "--ha-color-primary-80": "#b9e6fc", + "--deep-purple-color": "#6e41ab", + "--ha-color-neutral-05": "#141414", + "--rgb-input-disabled-line-color": "255,255,255", + "--light-blue-color": "#03a9f4", + "--ha-border-radius-6xl": "36px", + "--mdc-theme-surface": "#1c1c1c", + "--state-weather-sunny-color": "#ffc107", + "--brown-color": "#795548", + "--ha-color-on-warning-normal": "#f36d00", + "--ha-color-primary-40": "#009ac7", + "--ha-color-fill-warning-normal-hover": "#5e1c00", + "--rgb-codemirror-meta": "255,203,107", + "--slider-color": "#009ac7", + "--color-52": "#27d0df", + "--ha-color-border-warning-quiet": "#ffe0c8", + "--codemirror-tag": "#ff5370", + "--color-53": "#a04a9b", + "--state-weather-clear_night-color": "#6e41ab", + "--bar-box-shadow": "0 2px 12px #0000007a", + "--rgb-mdc-ripple-color": "170,170,170", + "--rgb-input-outlined-disabled-border-color": "255,255,255", + "--rgb-warning-color": "255, 166, 0", + "--ha-color-fill-success-normal-active": "#052310", + "--ha-color-neutral-95": "#f3f3f3", + "--ha-border-radius-xl": "16px", + "--color-37": "#d9b100", + "--white-color": "#fff", + "--ha-color-fill-neutral-quiet-resting": "#141414", + "--codemirror-variable-3": "#decb6b", + "--header-height": "56px", + "--amber-color": "#ffc107", + "--state-water_heater-electric-color": "#ff9800", + "--rgb-ha-button-primary-light-color": "64,130,160", + "--state-person-home-color": "#4caf50", + "--energy-non-fossil-color": "#0f9d58", + "--wa-color-danger-border-loud": "#dc3146", + "--wa-color-success-fill-normal": "#052310", + "--scale-direction": "1", + "--state-lock-unlocked-color": "#f44336", + "--state-lock-jammed-color": "#f44336", + "--green-color": "#4caf50", + "--ha-color-border-neutral-quiet": "#5e5e5e", + "--mdc-theme-on-secondary": "#fff", + "--safe-area-inset-bottom": "0px", + "--codemirror-atom": "#f78c6c", + "--rgb-ha-button-neutral-light-color": "106,112,129", + "--slider-secondary-color": "#b3e5fc", + "--wa-color-brand-on-loud": "#fff", + "--color-33": "#8caed6", + "--color-26": "#badeff", + "--color-11": "#c99000", + "--rgb-divider-color": "225,225,225", + "--ha-color-fill-disabled-normal-hover": "#4a4a4a", + "--color-5": "#a463f2", + "--ha-color-neutral-30": "#4a4a4a", + "--ha-color-fill-primary-loud-resting": "#009ac7", + "--wa-panel-border-radius": "24px", + "--ha-border-radius-sm": "4px", + "--wa-color-neutral-fill-quiet": "#202020", + "--ha-color-fill-neutral-normal-active": "#202020", + "--ha-color-fill-success-quiet-active": "#031608", + "--ha-color-red-05": "#2a040b", + "--ha-space-7": "28px", + "--mdc-button-outline-color": "#e1e1e11f", + "--energy-solar-color": "#ff9800", + "--disabled-text-color": "#6f6f6f", + "--ha-line-height-normal": "1.6", + "--codemirror-builtin": "#ffcb6b", + "--ha-color-red-80": "#ffb8b6", + "--ha-color-fill-success-quiet-hover": "#052310", + "--light-grey-color": "#bdbdbd", + "--rgb-codemirror-property": "199,146,234", + "--energy-grid-return-color": "#a280db", + "--state-alert-on-color": "#f44336", + "--ha-border-radius-4xl": "28px", + "--state-humidifier-on-color": "#2196f3", + "--ha-font-size-4xl": "calc(32px * 1)", + "--state-binary_sensor-battery-on-color": "#f44336", + "--ha-color-green-60": "#00ac49", + "--codemirror-string": "#c3e88d", + "--ha-color-fill-success-quiet-resting": "#031608", + "--divider-color": "#e1e1e11f", + "--ha-color-on-danger-loud": "#fff", + "--input-disabled-ink-color": "#ffffff5e", + "--codemirror-meta": "#ffcb6b", + "--ha-color-fill-success-loud-hover": "#0a5027", + "--checked-icon-scale": ".9", + "--rgb-energy-grid-return-color": "162,128,219", + "--ha-color-on-success-normal": "#00ac49", + "--ha-color-border-normal": "#18bcf2", + "--wa-color-warning-border-quiet": "#ffe0c8", + "--rgb-codemirror-qualifier": "222,203,107", + "--ha-color-primary-05": "#001721", + "--blue-grey-color": "#607d8b", + "--state-water_heater-high_demand-color": "#ff6f22", + "--ha-border-radius-lg": "12px", + "--ha-color-fill-neutral-loud-resting": "#989898", + "--ha-color-text-secondary-inverted": "#5e5e5e", + "--mdc-select-disabled-dropdown-icon-color": "#ffffff5e", + "--ha-color-primary-50": "#18bcf2", + "--color-3": "#ff725c", + "--state-climate-heat-cool-color": "#ffc107", + "--codemirror-def": "#82aaff", + "--rgb-mdc-linear-progress-buffer-color": "255,255,255", + "--wa-color-warning-border-loud": "#c94e00", + "--mdc-ripple-color": "#aaa", + "--wa-color-text-quiet": "#ccc", + "--state-switch-active-color": "#ffc107", + "--rgb-codemirror-variable": "240,113,120", + "--ha-color-green-30": "#0a5027", + "--ha-color-fill-warning-quiet-active": "#280700", + "--ha-color-text-primary-inverted": "#000", + "--ha-space-11": "44px", + "--ha-color-red-40": "#b30532", + "--mdc-dialog-content-ink-color": "#e1e1e1", + "--wa-color-neutral-border-quiet": "#5e5e5e", + "--sidebar-background-color": "#1c1c1c", + "--wa-form-control-value-font-weight": "400", + "--primary-color": "#009ac7", + "--color-35": "#eff26e", + "--ha-assist-chip-active-container-color": "rgba(0, 154, 199, .15)", + "--codemirror-operator": "#89ddff", + "--wa-color-success-on-loud": "#fff", + "--markdown-code-background-color": "#111", + "--ha-space-10": "40px", + "--primary-background-color": "#111", + "--wa-form-control-activated-color": "#009ac7", + "--ha-space-17": "68px", + "--label-badge-blue": "#039be5", + "--warning-color": "#ffa600", + "--ha-font-weight-action": "500", + "--ha-color-red-95": "#fff0ef", + "--wa-color-success-on-quiet": "#5dc36f", + "--input-outlined-idle-border-color": "#ffffff61", + "--wa-color-success-fill-quiet": "#052310", + "--codemirror-property": "#c792ea", + "--ha-color-black": "#000", + "--rgb-codemirror-attribute": "199,146,234", + "--ha-color-surface-lower-inverted": "", + "--ha-color-fill-success-normal-hover": "#0a3a1d", + "--ha-space-13": "52px", + "--state-sun-below_horizon-color": "#3f51b5", + "--app-theme-color": "#1c1c1c", + "--color-47": "#8cd2ce", + "--wa-form-control-padding-block": ".75em", + "--ha-color-fill-success-normal-resting": "#052310", + "--wa-font-size-l": "calc(16px * 1)", + "--rgb-info-color": "3, 155, 229", + "--state-lawn_mower-active-color": "#009688", + "--ha-color-fill-success-loud-active": "#036730", + "--codemirror-keyword": "#c792ea", + "--ha-color-green-05": "#031608", + "--ha-color-neutral-20": "#363636", + "--rgb-codemirror-keyword": "199,146,234", + "--ha-color-fill-warning-normal-active": "#3b0f00", + "--rgb-input-fill-color": "255,255,255", + "--rgb-secondary-text-color": "155,155,155", + "--state-binary_sensor-carbon_monoxide-on-color": "#f44336", + "--sidebar-icon-color": "rgba(225,225,225, .6)", + "--energy-battery-out-color": "#4db6ac", + "--color-41": "#d06800", + "--margin-title-rtl": "0 24px 0 0", + "--ha-color-border-success-loud": "#036730", + "--ha-color-fill-warning-loud-active": "#9d3800", + "--ha-color-fill-disabled-loud-resting": "#4a4a4a", + "--ha-space-1": "4px", + "--mdc-checkbox-disabled-color": "#6f6f6f", + "--ha-space-3": "12px", + "--ha-color-neutral-50": "#7a7a7a", + "--state-binary_sensor-heat-on-color": "#f44336", + "--rgb-primary-color": "0, 154, 199", + "--red-color": "#f44336", + "--ha-color-green-95": "#e3f9e3", + "--state-alarm_control_panel-armed_custom_bypass-color": "#4caf50", + "--wa-color-text-normal": "#e1e1e1", + "--ha-space-5": "20px", + "--rgb-success-color": "67, 160, 71", + "--ha-color-orange-10": "#3b0f00", + "--color-30": "#bf3947", + "--state-weather-pouring-color": "#3f51b5", + "--ha-color-fill-neutral-loud-hover": "#b1b1b1", + "--state-unavailable-color": "#6f6f6f", + "--wa-color-brand-fill-quiet": "#002e3e", + "--ha-color-orange-90": "#ffe0c8", + "--state-binary_sensor-tamper-on-color": "#f44336", + "--ha-color-fill-disabled-normal-resting": "#363636", + "--mdc-text-field-disabled-line-color": "#ffffff0f", + "--wa-space-m": "16px", + "--ha-line-height-condensed": "1.2", + "--wa-form-control-background-color": "", + "--state-device_tracker-active-color": "#2196f3", + "--input-hover-line-color": "#ffffffde", + "--ha-font-size-xl": "calc(20px * 1)", + "--ha-color-border-neutral-normal": "#7a7a7a", + "--wa-border-width-s": "1px", + "--color-49": "#f883b0", + "--wa-shadow-l": "0 6px 12px -3px #0006, 0 16px 32px -6px #0000008c", + "--wa-font-size-m": "calc(14px * 1)", + "--ha-font-weight-medium": "500", + "--rgb-outline-color": "225,225,225", + "--state-vacuum-active-color": "#009688", + "--rgb-secondary-background-color": "40,40,40", + "--ha-color-fill-disabled-quiet-resting": "#202020", + "--mdc-text-field-outlined-idle-border-color": "#ffffff61", + "--ha-border-radius-3xl": "24px", + "--color-48": "#c4b8d9", + "--ha-color-border-danger-normal": "#dc3146", + "--accent-color": "#ff9800", + "--outline-hover-color": "#e1e1e13d", + "--ha-color-on-disabled-normal": "#7a7a7a", + "--ha-font-size-l": "calc(16px * 1)", + "--color-38": "#9d7a00", + "--state-weather-partlycloudy-color": "#607d8b", + "--ha-color-orange-80": "#ffbb89", + "--wa-border-radius-m": "8px", + "--state-binary_sensor-glass_break-on-color": "#f44336", + "--deep-orange-color": "#ff6f22", + "--codemirror-string-2": "#f07178", + "--ha-color-form-background-disabled": "#363636", + "--wa-color-success-border-loud": "#036730", + "--ha-color-orange-95": "#fff0e4", + "--rgb-scrollbar-thumb-color": "110,110,110", + "--mdc-theme-error": "#db4437", + "--ha-color-primary-90": "#dff3fc", + "--ha-color-border-neutral-loud": "#b1b1b1", + "--state-weather-fog-color": "#9e9e9e", + "--color-40": "#00d27e", + "--rgb-input-disabled-fill-color": "255,255,255", + "--wa-space-xl": "32px", + "--secondary-text-color": "#9b9b9b", + "--rgb-codemirror-tag": "255,83,112", + "--error-color": "#db4437", + "--state-weather-snowy-color": "#c0e0ff", + "--mdc-dialog-scroll-divider-color": "#e1e1e11f", + "--ha-font-weight-bold": "700", + "--ha-space-12": "48px", + "--wa-border-radius-l": "12px", + "--wa-color-danger-fill-loud": "#b30532", + "--state-alarm_control_panel-armed_vacation-color": "#4caf50", + "--color-22": "#8fe9d3", + "--color-16": "#8043ce", + "--rgb-codemirror-string-2": "240,113,120", + "--ha-color-red-50": "#dc3146", + "--mdc-select-outlined-hover-border-color": "#ffffffde", + "--ha-color-surface-default": "#202020", + "--wa-border-style": "solid", + "--app-header-background-color": "#1c1c1c", + "--card-background-color": "#1c1c1c", + "--state-alert-off-color": "#ff9800", + "--mdc-theme-on-surface": "#e1e1e1", + "--ha-color-border-success-normal": "#5dc36f", + "--state-binary_sensor-smoke-on-color": "#f44336", + "--label-badge-text-color": "rgba(225,225,225, .8)", + "--state-climate-cool-color": "#2196f3", + "--wa-color-warning-on-normal": "#f36d00", + "--mdc-text-field-outlined-hover-border-color": "#ffffffde", + "--color-21": "#ff957c", + "--indigo-color": "#3f51b5", + "--wa-focus-ring-color": "#989898", + "--mdc-radio-disabled-color": "#6f6f6f", + "--color-13": "#49a28f", + "--state-alarm_control_panel-armed_home-color": "#4caf50", + "--ha-color-text-link": "#37c8fd", + "--ha-button-neutral-color": "#d9dae0", + "--rgb-codemirror-type": "222,203,107", + "--mdc-select-fill-color": "#ffffff0d", + "--ha-color-fill-primary-quiet-hover": "#002e3e", + "--ha-color-fill-danger-quiet-resting": "#2a040b", + "--label-badge-grey": "#9e9e9e", + "--wa-transition-fast": "1ms", + "--label-badge-yellow": "#ffa600", + "--data-table-background-color": "#1c1c1c", + "--state-icon-error-color": "#db4437", + "--color-39": "#698cff", + "--rgb-input-idle-line-color": "255,255,255", + "--ha-box-shadow-s": "0 1px 2px 0 #0006, 0 1px 3px 0 #00000080", + "--ha-border-radius-2xl": "20px", + "--wa-shadow-m": "0 3px 6px -1px #00000059, 0 8px 16px -2px #00000073", + "--color-14": "#048732", + "--color-31": "#9f5b00", + "--ha-animation-duration-slow": "1ms", + "--ha-font-smoothing": "antialiased", + "--ha-color-surface-low": "#141414", + "--color-20": "#ffd444", + "--ha-color-fill-warning-quiet-resting": "#280700", + "--wa-border-width-m": "2px", + "--ha-color-green-90": "#c2f2c1", + "--state-lawn_mower-error-color": "#f44336", + "--mdc-select-idle-line-color": "#ffffff6b", + "--color-23": "#62cc71", + "--mdc-select-hover-line-color": "#ffffffde", + "--ha-dialog-scrim-backdrop-filter": "brightness(68%)", + "--safe-area-inset-right": "0px", + "--clear-background-color": "#111", + "--state-lock-unlocking-color": "#ff9800", + "--state-sun-above_horizon-color": "#ffc107", + "--ha-animation-duration-none": "1ms", + "--color-7": "#9c6b4e", + "--light-primary-color": "#b3e5fc", + "--state-lock-opening-color": "#ff9800", + "--wa-form-control-toggle-size": "20px", + "--ha-color-fill-danger-normal-resting": "#3e0913", + "--mdc-theme-on-primary": "#fff", + "--input-outlined-hover-border-color": "#ffffffde", + "--chip-background-color": "rgba(225,225,225, .15)", + "--rgb-shadow-color": "0,0,0", + "--ha-color-on-surface-default": "#f3f3f3", + "--ha-color-on-success-quiet": "#5dc36f", + "--md-list-item-label-text-font": "Roboto, Noto, sans-serif", + "--ha-color-red-90": "#ffdedc", + "--rgb-input-label-ink-color": "255,255,255", + "--input-ink-color": "#ffffffde", + "--direction": "ltr", + "--rgb-card-background-color": "28,28,28", + "--float-start": "left", + "--light-secondary-opacity": ".7", + "--ha-space-2": "8px", + "--ha-color-fill-primary-loud-hover": "#006787", + "--md-list-item-trailing-supporting-text-font": "Roboto, Noto, sans-serif", + "--slider-track-color": "#6e6e6e", + "--ha-color-red-10": "#3e0913", + "--safe-area-offset-left": "calc(max(0px - 0px, 0px) / 2)", + "--wa-color-neutral-on-loud": "#fff", + "--ha-color-surface-lower": "#000", + "--text-primary-color": "#fff", + "--ha-font-family-longform": "ui-sans-serif, system-ui, sans-serif", + "--light-divider-opacity": ".12", + "--state-weather-lightning_rainy-color": "#cddc39", + "--ha-border-radius-square": "0", + "--safe-area-offset-bottom": "calc(max(0px - 0px, 0px) / 2)", + "--wa-font-weight-action": "500", + "--ha-color-on-neutral-loud": "#fff", + "--wa-color-success-fill-loud": "#036730", + "--primary-text-color": "#e1e1e1", + "--info-color": "#039be5", + "--color-54": "#4269d0", + "--teal-color": "#009688", + "--color-12": "#d84f3e", + "--ha-color-fill-warning-loud-hover": "#7e2900", + "--pink-color": "#e91e63", + "--wa-form-control-border-style": "solid", + "--ha-color-border-warning-loud": "#c94e00", + "--light-disabled-opacity": ".3", + "--mdc-select-disabled-ink-color": "#ffffff5e", + "--mdc-theme-text-icon-on-background": "#9b9b9b", + "--wa-color-success-border-quiet": "#c2f2c1", + "--wa-color-success-on-normal": "#00ac49", + "--wa-space-l": "24px", + "--ha-space-18": "72px", + "--rgb-primary-text-color": "225,225,225", + "--wa-border-width-l": "3px", + "--ha-color-neutral-10": "#202020", + "--state-person-active-color": "#2196f3", + "--ha-box-shadow-m": "0 3px 6px -1px #00000059, 0 8px 16px -2px #00000073", + "--ha-color-border-danger-quiet": "#ffdedc", + "--app-header-text-color": "#e1e1e1", + "--ha-color-orange-30": "#7e2900", + "--ha-color-surface-default-inverted": "#fff", + "--ha-color-fill-danger-loud-hover": "#8a132c", + "--wa-shadow-s": "0 1px 2px 0 #0006, 0 1px 3px 0 #00000080", + "--ha-color-neutral-70": "#b1b1b1", + "--color-43": "#c49200", + "--dark-primary-color": "#0288d1", + "--rgb-input-hover-line-color": "255,255,255", + "--ha-color-green-40": "#036730", + "--color-1": "#4269d0", + "--dark-grey-color": "#606060", + "--rgb-error-color": "219, 68, 55", + "--ha-color-fill-neutral-normal-hover": "#363636", + "--rgb-codemirror-def": "130,170,255", + "--rgb-codemirror-string": "195,232,141", + "--rgb-codemirror-builtin": "255,203,107", + "--ha-color-border-primary-loud": "#009ac7", + "--wa-color-danger-on-quiet": "#fd8f90", + "--state-binary_sensor-gas-on-color": "#f44336", + "--grey-color": "#9e9e9e", + "--mdc-theme-text-hint-on-background": "#9b9b9b", + "--wa-color-danger-fill-normal": "#3e0913", + "--state-binary_sensor-moisture-on-color": "#f44336", + "--yellow-color": "#ffeb3b" + } + }, + "fonts": { + "regular": "47107401d0adb375ab9aa167f9d62489a849d510e740a307b5a4db60e5db3562", + "medium": "96025fe9db6578d8bc7f4b8be739750b1490e07221c2b1f16acde2ea7669cedf", + "arabic": "bdff3e5659d67e67def05b33f749683b9376ae819d65d3dd62ac4640b3aaef48" + } + }, + "empty": { + "source": "https://github.com/home-assistant/frontend/blob/027d9578ec9663b8aa22f50c24274a7cd9d001c1/src/components/ha-empty-state.ts", + "release": "https://pypi.org/project/home-assistant-frontend/20261028.4/", + "appSha256": "81d3215543a41854bedb8fc8c2a6d28df878bd3c548f7a011a9909818c550656", + "assets": { + "/frontend_latest/app.b5128a74bf2d8376.js": { + "sha256": "81d3215543a41854bedb8fc8c2a6d28df878bd3c548f7a011a9909818c550656", + "bytes": 617660 + }, + "/frontend_latest/84012.63d5ea420a138c36.js": { + "sha256": "d275a41113efac5abbc831d94231512ec5d0debfc39e9b5cb791bfa3bca2511a", + "bytes": 8832 + }, + "/frontend_latest/97594.f89e70c27a3e65b1.js": { + "sha256": "f378f4cdb271f215862914fdcf6e8b60092d284e43af705d4df0d0fc7b5ea816", + "bytes": 30363 + }, + "/frontend_latest/83170.29fecb90c37c38e2.js": { + "sha256": "78ca51f4dc6056b992a73ce8b2d2ca218124f2f1e1f8b34d0ea288e68ab4a4d2", + "bytes": 28701 + }, + "/frontend_latest/43282.779e8b39ff6c0e59.js": { + "sha256": "9fdd38d66541bedd0809f271f9787940ae1ff7e399f77eeda33b4c2fbf1d96a0", + "bytes": 16091 + }, + "/frontend_latest/18725.db715f5021125499.js": { + "sha256": "fcb5c3bc8f9ae36a201df948565a665f240f5fec765ffb08115bd2c91a3ba331", + "bytes": 17744 + }, + "/frontend_latest/42458.b01005b35a0e76c6.js": { + "sha256": "e97722bdce3b148ba70fda6e1179cd8301c25ab59cd4242b5097881378237478", + "bytes": 26857 + }, + "/frontend_latest/39274.a53045930d77fec6.js": { + "sha256": "ed0e0c8b2a02b950af1362975f63169a1c949c8f527f8d0da4b9a28520a942df", + "bytes": 25654 + }, + "/frontend_latest/68870.d8eebb7477523216.js": { + "sha256": "0174a957bd42acd2ab5237e02584e8cfe933159901c40284bae056b344b00d6a", + "bytes": 53675 + }, + "/frontend_latest/69238.01421cea45337956.js": { + "sha256": "ea75f2950bada56d0a00666f1753ff0549f71d9d8aac3ff8d7b10e56bc3d5bd4", + "bytes": 9457 + }, + "/frontend_latest/39777.f4a1a79564d9ffc4.js": { + "sha256": "faecbaae542c17b8ea7e9d297779ef4e361bb1df313d29ccccb3855afb8dedc2", + "bytes": 15044 + }, + "/frontend_latest/83741.a30c30447d08776f.js": { + "sha256": "fae819348c77b67b43b35b2a69624ed6bf77c7d007d3d02ae925724a661a32a0", + "bytes": 43326 + }, + "/frontend_latest/53910.86a8a70f5cace923.js": { + "sha256": "efb21d6de89f26e7e828fbfec97dc9b18e10d68d42424cec6e2df7c1d4537bc4", + "bytes": 2319 + }, + "/frontend_latest/12374.1441d414d6cdbec7.js": { + "sha256": "d2075f61168f3e5b06e3bf87fa51bb383f0b33a6ac333a0b6fbaa484f7d181ba", + "bytes": 304768 + }, + "/frontend_latest/17247.f2ac0dd00c8483ec.js": { + "sha256": "2328bd709c1d8b52cbc5a2947a64758e72d91e3fa5ea60837b05a0cc0ba5e1d9", + "bytes": 20760 + }, + "/frontend_latest/56679.1e031e4b7637005b.js": { + "sha256": "f03ce5bf8471253f2ab5c694b325b189ef4448724b3f870f634d7d463669e83f", + "bytes": 23384 + }, + "/frontend_latest/70158.6bea3e346cdc3aa0.js": { + "sha256": "25a3694a1b252867b3759b4ca05338e6ebc63dd71a571ca0a75cbe043708bb4b", + "bytes": 56938 + }, + "/frontend_latest/64128.9724b3cb1a632a22.js": { + "sha256": "9ef2aa07fa448f08ea1017570dc36e0594de4987a6a07b7c3b10533e3b9f8c2a", + "bytes": 37878 + }, + "/frontend_latest/11980.7c9c09e7d0804710.js": { + "sha256": "dcdb4319fa0b365e2b4272f92a8568c12340d4f518857bd36f39232369d2475e", + "bytes": 5854 + }, + "/frontend_latest/32334.383e3bc66c13c072.js": { + "sha256": "5bc67cf42dd573f5864477fadc16873e38f0a32ac24476ae97f171cc902af887", + "bytes": 21981 + }, + "/frontend_latest/89122.051cd59c31f1e5e9.js": { + "sha256": "f01a69eea16b99135716051c1a076593ea27261a7df5935335b9c50702d7b4f5", + "bytes": 22849 + }, + "/frontend_latest/70464.2c238fe9f4ada026.js": { + "sha256": "d0c99821019d64556504df2f0d5d088718f37f291278666e67be47a2602b16bd", + "bytes": 22422 + }, + "/frontend_latest/80917.dff8637f288fb94f.js": { + "sha256": "83cd002c39591854207cbb4892a6c53a0f6c0924c08236abf9e282a151ab696b", + "bytes": 14378 + }, + "/frontend_latest/45950.715967f63c0bcb27.js": { + "sha256": "ce2a8e67c56bbb2021157184265d16d7d732b7d690dea0d137cefaaed15473c5", + "bytes": 10347 + }, + "/frontend_latest/97868.76eb030ce27559ef.js": { + "sha256": "2c8f7a458b146b3fa3ddd8da559e010c4f0bf07f3e07eac5101c3fb750b292cf", + "bytes": 7236 + }, + "/frontend_latest/59346.8334a05df4407c8d.js": { + "sha256": "5625a951de85efc571ba2d39e9d9c3fcea8d8e858f2fcd3db3bbbf1213bac016", + "bytes": 15142 + }, + "/frontend_latest/61761.2bfd12ea7919a1b2.js": { + "sha256": "9ee3e66bbee84433ee12776650e78e9db5b3a48be8bf95fb33880f99743ab62b", + "bytes": 14965 + }, + "/frontend_latest/19789.e0eec13f31bf69d0.js": { + "sha256": "606aee932dc63d617273820a709dc6a98ad6ce17811054985a1ec6ce3e2cc9d7", + "bytes": 11866 + }, + "/frontend_latest/37081.045060b7950b2462.js": { + "sha256": "0a285ff80f5054518256040fed0f78dd14ede4b95fd93216b20ade59910fd106", + "bytes": 14898 + }, + "/frontend_latest/15313.702ba081a01119fc.js": { + "sha256": "2af6dbaa7c7272b009a9449df49f31cfc8afa40ac8c9775530925b45b6f1369f", + "bytes": 20099 + }, + "/frontend_latest/80550.8ba436abe4d43a47.js": { + "sha256": "2fe7b4a43f9724f8d27a837be8e5d45a026acd85be21e65405ba4fa74d12a449", + "bytes": 14427 + }, + "/frontend_latest/11767.f95e9ad89c530260.js": { + "sha256": "f4813aecb5020803b5809e64169e83ac1d990a61b8ab1c03134cd1f1ec36c599", + "bytes": 17060 + }, + "/frontend_latest/27951.6f29551f25a1a9e8.js": { + "sha256": "661b450c159c3f6136412203f080e0c0bc40139882e224098bbc1b3e19064280", + "bytes": 9658 + }, + "/frontend_latest/96529.fb0df751c574ae46.js": { + "sha256": "5f52ee3be18554c116dd84ca632c8cea9abb2803368e6eace3970217ef3f374f", + "bytes": 16432 + }, + "/frontend_latest/55591.8f178b64be1b8b34.js": { + "sha256": "7fb30a9f7c1ba188c9d88858c14a12c735258d0d189324d8235dbe1abef8ef06", + "bytes": 16099 + }, + "/frontend_latest/30398.26ad8bf23a5061e4.js": { + "sha256": "047b7edbc5bbf46c5552fb0ba3e7e4624105dde9c233c7b19b2053bfc2e42a22", + "bytes": 23572 + }, + "/frontend_latest/54584.9e3527a9d65ae971.js": { + "sha256": "1aa9dad2c49bedd627e778ca908306973720d5ef7d49f5daa50c2937dd33e6ff", + "bytes": 13808 + }, + "/frontend_latest/74629.b79c1442d625b9c1.js": { + "sha256": "5e111f74df2258fc1321ee594f83b9b2630ff3f8f139147e7ca881c9662f7a23", + "bytes": 20227 + }, + "/frontend_latest/80295.c1476be3ef9d36f1.js": { + "sha256": "2c9862ea62196f61ea6350b262abba9d2670cd62c2dc35d2aa81e82e263b845e", + "bytes": 36477 + }, + "/frontend_latest/59795.0538085d7c03843f.js": { + "sha256": "5b1bee1fb20d7f4e1c7e6bf364eaec4fff1c1816004d8fbdc262439187b7d871", + "bytes": 18251 + }, + "/frontend_latest/21463.8052db07ce2a35a7.js": { + "sha256": "fb304ce048ad5081702e43f19307527e2ea3b3d1f6d3143381e0cf5d08cfcbde", + "bytes": 27525 + }, + "/frontend_latest/19167.72beebc76e98b08b.js": { + "sha256": "ee20da9eb03c3efa188df3f01f2a773a188f27d0c20f1699da11b7fba46010f4", + "bytes": 9259 + }, + "/frontend_latest/51771.e7bf04e12020bb56.js": { + "sha256": "bf2dfca1e13e8fd221a2c9f3e0ba94fba685c97f0ea2e7864a196fef2038c4f6", + "bytes": 17040 + }, + "/frontend_latest/7686.6fe003f288ac2ae6.js": { + "sha256": "f769803693d21eeadf6d32d33deb2d7caf3b950138653cb7da0c707f0430a0cf", + "bytes": 11384 + }, + "/frontend_latest/48421.1d81bae4ff58cdc9.js": { + "sha256": "b68a8cbdf495cccb8f7c44fa6a687933ee37d1e7c11aa1f077e1cf9f83bf0e7f", + "bytes": 36416 + }, + "/frontend_latest/84663.ebd149f28d43ee7a.js": { + "sha256": "75a29b0c0fb7eccbbdb373b31bb8c4a187fbcf9f6b15cea9e3c40f1876b2d896", + "bytes": 10754 + }, + "/frontend_latest/25035.bd7ba72891899657.js": { + "sha256": "7c1c508447e49b890e4d2ee9153bd8e0cb3ffde2f32052a53e6a516069462c7f", + "bytes": 14576 + }, + "/frontend_latest/32087.e410292658bb97ee.js": { + "sha256": "e9a47f6680757ec2251b562665d335db37fdebe41af15f3974bec02d9d951674", + "bytes": 52882 + }, + "/frontend_latest/78196.f8124f83554d918b.js": { + "sha256": "f969b1dbb404c7be3e799cea674e581d59931acb9a5990180239684f167ca298", + "bytes": 66327 + }, + "/frontend_latest/98762.a7086cfa2e6da50e.js": { + "sha256": "bc83be55783de513a7fe01330fb569396ee08f7eb91193b84180c38e227771f5", + "bytes": 31768 + }, + "/frontend_latest/24059.54be9e09ad04ef79.js": { + "sha256": "d1a8a483210ad1ca1b1adb32522b40a411960b006dad8ffcb7e89766341c8ffb", + "bytes": 35947 + }, + "/frontend_latest/22092.7c9886e6fe2fcba0.js": { + "sha256": "44e31869c85d25d2a98db3437c567e01a369651c71df675d7e039bbb3d6ecda0", + "bytes": 19725 + }, + "/frontend_latest/30060.f01e4ccd4daeabf8.js": { + "sha256": "ce9a9d23bdd5fde25fd2ec4eb46de535f832aae15be12ef1aeddc5627c235bb9", + "bytes": 11943 + }, + "/frontend_latest/86062.1b4df64721982088.js": { + "sha256": "77b46f73fc53b7678334c6b59e1020710f2c93888757eab6b86f4f3793323db9", + "bytes": 14263 + }, + "/frontend_latest/3740.a1fbf6f5c06d77ad.js": { + "sha256": "ccf2f54c230b27a9cd2a3c3fe6d90ffad8402ffad6a390a02db262284edc72e1", + "bytes": 18778 + }, + "/frontend_latest/59947.454dc658ef0f00e9.js": { + "sha256": "c644504ae28fbf939cd5b6144b7a062a944bead2b39b51e71d5409d4607f70d4", + "bytes": 26301 + }, + "/frontend_latest/77870.55778f3805eabff8.js": { + "sha256": "0297651aa720af69dc9ab8462c1feaa297b10548d835ac1b4eb5eccb62a122e9", + "bytes": 449809 + }, + "/frontend_latest/53768.c4c8063dcb31b4d9.js": { + "sha256": "6cdeb110bb17f89b6ff3e5b4613baa09231450ce0303f208947c908d9f158b44", + "bytes": 17462 + }, + "/frontend_latest/32409.83e239054a42ebf5.js": { + "sha256": "c9c72347fca94e773c09a9c3b0b7c79a8a05f826bc3de4296a3f6f99013db9e7", + "bytes": 14489 + }, + "/frontend_latest/54929.1b1ae4885236a6f4.js": { + "sha256": "f26fdf42dfac9e59d200b1706cfad58a78be24c108b5974b17a8c85512acc00e", + "bytes": 39640 + }, + "/frontend_latest/25232.49498c80772a1cf3.js": { + "sha256": "1ad7ec357ccd0006635e8a1e543c3aa9923f9c6f114fe0900f1e34245da98ac2", + "bytes": 13498 + }, + "/frontend_latest/42125.3eee873ce83f1ed2.js": { + "sha256": "dcb410656b75d9fd5931e5c02e569cc60715d79d11668e7dfb9cd588f172649d", + "bytes": 13178 + }, + "/frontend_latest/83413.968df13f9d68ef1b.js": { + "sha256": "398536029ef42670912ff500ff5f31fc67f53d53f2777f12132a6dba64aabf02", + "bytes": 13483 + }, + "/frontend_latest/9665.0a2816a1d396159e.js": { + "sha256": "fd4b75512b832ff107d86e9a62d1d268bb7ae62f6ca6dc0c517d0e8c10c0c2c8", + "bytes": 14658 + }, + "/frontend_latest/19917.2dd995381c258dba.js": { + "sha256": "f916d1a062c9f7090bc7a71f9296aa0aa8eb16df80d829037faa98d772883a4d", + "bytes": 13074 + }, + "/frontend_latest/50691.56db0c79ab3cd283.js": { + "sha256": "56a415d886425db8c8fcb94a69c6a0d2e3523159f09d9c81045291e0585d972d", + "bytes": 11707 + }, + "/frontend_latest/21967.2046f481b58d3ab0.js": { + "sha256": "8db7e2e05ae236a19c415602ed7ee500b7cf74b5b70e2a94cbc3e697695a8ac0", + "bytes": 15843 + }, + "/frontend_latest/87392.265ccc4a02f2f228.js": { + "sha256": "9a9b98674fe91dc22b40aabe6a41977513e4977df7e2a797151124b4cf75c417", + "bytes": 25662 + }, + "/frontend_latest/86920.c8c3826e90a8961b.js": { + "sha256": "c845b6ba00406c7466ce17cfe6e935b2f5f458068841db3c03a029e9ad6dbc22", + "bytes": 43923 + }, + "/frontend_latest/92510.a8832f9560299845.js": { + "sha256": "0e93a70c185f6b2544b152cfa3fbc7902caecda10bfc9b6d207efd9ebc9da318", + "bytes": 38678 + }, + "/frontend_latest/16459.a3ed9d288958fd74.js": { + "sha256": "c47d4f6d3a4d182f1469c6e65fac21f0ad2a44e1965567644cee93d356df56fd", + "bytes": 9009 + }, + "/frontend_latest/84926.757e5d6addf80360.js": { + "sha256": "e4d1bfd9efffb2edbdb3877da7a881fabfc70848898ee89ab7e01dfc604442cd", + "bytes": 13430 + }, + "/frontend_latest/32659.64d1a5df600b767f.js": { + "sha256": "70417a4a8631b0fb88ea06013841b27777f48ba8ffbe541513a3f38ef926ab25", + "bytes": 68179 + }, + "/static/locale-data/intl-displaynames/en.json": { + "sha256": "de6876c5e48244c0a6ec4a189e0c27293674bfb8fda6fe4deae4083cf319937e", + "bytes": 43298 + } + }, + "version": "20261028.4", + "chunk": "32659.64d1a5df600b767f.js", + "module": 98868, + "wheelHash": "e5e59b82e63b288323d35886272f2e490ee62f6c7aaa2c56e7ef45e300d44757" + } + }, + "harness": "Expose only the original module loader, use recorded theme/font inputs, and capture two independently identical PNGs per state and platform. The original spinner animation is stopped in the reference fixture to compare static paint.", + "themes": { + "light": { + "--ha-space-8": "32px", + "--wa-color-brand-on-normal": "#009ac7", + "--state-inactive-color": "#9e9e9e", + "--safe-width": "calc(100vw - 0px - 0px)", + "--success-color": "#43a047", + "--input-outlined-disabled-border-color": "#0000000f", + "--color-29": "#97ee3f", + "--purple-color": "#926bc7", + "--ha-color-fill-primary-normal-resting": "#dff3fc", + "--mdc-theme-background": "#fafafa", + "--mdc-theme-text-primary-on-background": "#141414", + "--ha-space-15": "60px", + "--state-binary_sensor-active-color": "#ffc107", + "--state-valve-active-color": "#2196f3", + "--mdc-text-field-fill-color": "#f5f5f5", + "--ha-font-family-code": "monospace", + "--wa-form-control-value-line-height": "1.2", + "--safe-height": "calc(100vh - 0px - 0px)", + "--state-weather-windy_variant-color": "#4caf50", + "--dark-primary-opacity": ".87", + "--state-binary_sensor-safety-on-color": "#f44336", + "--mdc-select-outlined-disabled-border-color": "#0000000f", + "--ha-font-size-s": "calc(12px * 1)", + "--ha-color-primary-30": "#006787", + "--state-sensor-battery-high-color": "#4caf50", + "--ha-color-red-60": "#f3676c", + "--ha-border-radius-pill": "9999px", + "--ha-color-form-background": "#f3f3f3", + "--mdc-text-field-disabled-ink-color": "#0000005e", + "--state-fan-active-color": "#00bcd4", + "--sidebar-selected-text-color": "#009ac7", + "--state-weather-hail-color": "#00bcd4", + "--ha-color-on-neutral-normal": "#5e5e5e", + "--ha-color-fill-disabled-loud-hover": "#b1b1b1", + "--md-list-item-supporting-text-font": "Roboto, Noto, sans-serif", + "--wa-color-warning-on-loud": "#fff", + "--state-weather-exceptional-color": "#f44336", + "--ha-color-shadow-scrollable-fade": "#00000014", + "--ha-color-orange-50": "#c94e00", + "--black-color": "#000", + "--wa-color-brand-border-quiet": "#dff3fc", + "--ha-color-fill-primary-quiet-active": "#eff9fe", + "--state-media_player-active-color": "#03a9f4", + "--cyan-color": "#00bcd4", + "--state-alarm_control_panel-disarming-color": "#ff9800", + "--mdc-text-field-label-ink-color": "#0009", + "--ha-color-white": "#fff", + "--wa-color-warning-fill-normal": "#ffe0c8", + "--margin-title-ltr": "0 0 0 24px", + "--ha-color-on-warning-loud": "#fff", + "--ha-color-red-70": "#fd8f90", + "--color-9": "#01ab63", + "--ha-color-border-danger-loud": "#b30532", + "--state-weather-rainy-color": "#2196f3", + "--wa-focus-ring-style": "solid", + "--input-idle-line-color": "#0000006b", + "--mdc-select-outlined-idle-border-color": "#00000061", + "--input-disabled-fill-color": "#fafafa", + "--ha-font-weight-heading": "700", + "--state-alarm_control_panel-armed_night-color": "#4caf50", + "--input-label-ink-color": "#0009", + "--ha-color-orange-05": "#280700", + "--rgb-accent-color": "255, 152, 0", + "--ha-font-weight-normal": "400", + "--color-28": "#927acc", + "--wa-color-surface-default": "#fff", + "--mdc-text-field-ink-color": "#000000de", + "--ha-space-9": "36px", + "--dark-divider-opacity": ".12", + "--ha-color-primary-60": "#37c8fd", + "--wa-form-control-height": "40px", + "--state-vacuum-error-color": "#f44336", + "--color-17": "#7599d1", + "--state-siren-active-color": "#f44336", + "--wa-color-brand-border-loud": "#009ac7", + "--wa-focus-ring-offset": "2px", + "--ha-border-width-sm": "1px", + "--wa-color-neutral-border-normal": "#989898", + "--wa-color-warning-on-quiet": "#c94e00", + "--state-climate-heat-color": "#ff6f22", + "--ha-border-width-md": "2px", + "--secondary-background-color": "#e5e5e5", + "--ha-color-green-80": "#93da98", + "--text-light-primary-color": "#212121", + "--ha-color-on-danger-quiet": "#dc3146", + "--ha-color-neutral-90": "#e6e6e6", + "--ha-border-width-lg": "3px", + "--color-46": "#c27eb6", + "--ha-color-fill-primary-normal-hover": "#b9e6fc", + "--ha-color-orange-60": "#f36d00", + "--wa-color-danger-on-loud": "#fff", + "--wa-color-surface-border": "#e6e6e6", + "--wa-form-control-border-radius": "12px", + "--wa-form-control-placeholder-color": "#5e5e5e", + "--wa-color-success-border-normal": "#5dc36f", + "--wa-form-control-border-color": "#989898", + "--state-climate-auto-color": "#4caf50", + "--dark-secondary-opacity": ".54", + "--ha-font-size-5xl": "calc(40px * 1)", + "--state-active-color": "#ffc107", + "--ha-color-green-20": "#0a3a1d", + "--ha-color-border-primary-normal": "#7bd4fb", + "--color-18": "#7a4c31", + "--outline-color": "#0000001f", + "--state-sensor-battery-medium-color": "#ff9800", + "--color-25": "#c884ff", + "--ha-color-focus": "#989898", + "--energy-battery-in-color": "#f06292", + "--safe-area-offset-right": "calc(max(0px - 0px, 0px) / 2)", + "--state-alarm_control_panel-arming-color": "#ff9800", + "--state-water_heater-eco-color": "#4caf50", + "--input-fill-color": "#f5f5f5", + "--ha-color-fill-neutral-quiet-hover": "#e6e6e6", + "--state-water_heater-heat_pump-color": "#ff9800", + "--ha-color-primary-70": "#7bd4fb", + "--light-primary-opacity": "1", + "--ha-color-fill-warning-loud-resting": "#ff9342", + "--ha-color-fill-primary-loud-active": "#009ac7", + "--color-2": "#f4bd4a", + "--ha-font-size-3xl": "calc(28px * 1)", + "--ha-assist-chip-filled-container-color": "rgba(33, 33, 33, .15)", + "--color-24": "#ffadda", + "--ha-font-size-xs": "calc(10px * 1)", + "--ha-animation-duration-normal": "1ms", + "--wa-color-danger-on-normal": "#b30532", + "--sidebar-text-color": "#141414", + "--mdc-theme-text-secondary-on-background": "#5e5e5e", + "--wa-form-control-border-width": "1px", + "--wa-color-neutral-on-normal": "#5e5e5e", + "--ha-border-radius-md": "8px", + "--energy-gas-color": "#8e021b", + "--color-15": "#d96895", + "--ha-color-surface-low-inverted": "#141414", + "--ha-color-on-disabled-loud": "#f3f3f3", + "--state-alarm_control_panel-armed_away-color": "#4caf50", + "--wa-focus-ring-width": "2px", + "--table-header-background-color": "#f5f5f5", + "--ha-color-neutral-80": "#ccc", + "--ha-color-orange-70": "#ff9342", + "--ha-font-weight-light": "300", + "--wa-color-warning-fill-quiet": "#ffe0c8", + "--wa-color-brand-fill-normal": "#dff3fc", + "--ha-color-on-primary-normal": "#009ac7", + "--color-32": "#f48758", + "--ha-line-height-expanded": "2", + "--wa-border-radius-pill": "9999px", + "--color-51": "#f48800", + "--ha-color-green-50": "#00883c", + "--state-weather-windy-color": "#4caf50", + "--ha-border-radius-5xl": "32px", + "--ha-border-radius-circle": "50%", + "--ha-color-primary-10": "#002e3e", + "--ha-color-text-disabled": "#989898", + "--scrollbar-thumb-color": "#c2c2c2", + "--mdc-theme-secondary": "#ff9800", + "--ha-color-fill-success-loud-resting": "#00883c", + "--mdc-select-ink-color": "#000000de", + "--ha-color-border-success-quiet": "#c2f2c1", + "--state-light-active-color": "#ffc107", + "--wa-border-radius-s": "4px", + "--label-badge-green": "#43a047", + "--state-binary_sensor-lock-on-color": "#f44336", + "--wa-color-neutral-on-quiet": "#7a7a7a", + "--wa-form-control-padding-inline": "12px", + "--mdc-text-field-disabled-fill-color": "#fafafa", + "--ha-color-on-success-loud": "#fff", + "--color-27": "#bf8b6d", + "--history-unknown-color": "#606060", + "--state-weather-cloudy-color": "#bdbdbd", + "--state-lock-open-color": "#f44336", + "--wa-color-brand-on-quiet": "#18bcf2", + "--state-water_heater-performance-color": "#ff6f22", + "--energy-grid-consumption-color": "#488fc2", + "--ha-color-fill-neutral-normal-resting": "#e6e6e6", + "--ha-color-fill-danger-quiet-hover": "#ffdedc", + "--wa-transition-easing": "ease", + "--wa-focus-ring": "solid 2px #989898", + "--wa-transition-normal": "1ms", + "--ha-font-size-scale": "1", + "--wa-color-neutral-fill-loud": "#5e5e5e", + "--ha-color-text-primary": "#141414", + "--ha-color-primary-95": "#eff9fe", + "--mdc-button-disabled-ink-color": "#bdbdbd", + "--table-row-background-color": "#fafafa", + "--ha-animation-duration-instant": "1ms", + "--wa-panel-border-width": "1px", + "--ha-box-shadow-l": "0 6px 12px -3px #0000001f, 0 16px 32px -6px #0003", + "--wa-form-control-required-content-offset": ".1rem", + "--mdc-radio-unchecked-color": "rgba(33, 33, 33, .54)", + "--wa-color-danger-border-quiet": "#ffdedc", + "--sidebar-selected-icon-color": "#009ac7", + "--ha-color-fill-warning-normal-resting": "#ffe0c8", + "--ha-color-fill-danger-quiet-active": "#fff0ef", + "--ha-color-on-primary-loud": "#fff", + "--ha-font-family-heading": "Roboto, Noto, sans-serif", + "--ha-color-orange-40": "#9d3800", + "--color-36": "#e43872", + "--state-climate-fan_only-color": "#00bcd4", + "--input-disabled-line-color": "#0000000f", + "--ha-space-20": "80px", + "--color-6": "#ff8ab7", + "--wa-space-xs": "8px", + "--ha-color-primary-20": "#004156", + "--mdc-select-label-ink-color": "#0009", + "--ha-space-6": "24px", + "--ha-color-fill-neutral-quiet-active": "#f3f3f3", + "--ha-color-fill-primary-quiet-resting": "#eff9fe", + "--ha-font-size-m": "calc(14px * 1)", + "--color-50": "#a49100", + "--float-end": "right", + "--wa-color-danger-border-normal": "#fd8f90", + "--ha-color-fill-danger-loud-resting": "#dc3146", + "--state-alarm_control_panel-pending-color": "#ff9800", + "--checked-icon-color": "#fff", + "--mdc-checkbox-unchecked-color": "rgba(33, 33, 33, .54)", + "--color-19": "#6989f4", + "--ha-space-19": "76px", + "--ha-font-family-body": "Roboto, Noto, sans-serif", + "--rgb-text-primary-color": "255, 255, 255", + "--ha-color-border-warning-normal": "#ff9342", + "--shadow-color": "#00000029", + "--state-icon-color": "#44739e", + "--ha-color-fill-warning-quiet-hover": "#ffe0c8", + "--ha-color-fill-primary-normal-active": "#dff3fc", + "--mdc-theme-primary": "#009ac7", + "--color-34": "#f2b94f", + "--ha-space-4": "16px", + "--mdc-dialog-heading-ink-color": "#141414", + "--disabled-color": "#bdbdbd", + "--state-plant-active-color": "#f44336", + "--ha-color-neutral-40": "#5e5e5e", + "--orange-color": "#ff9800", + "--energy-water-color": "#00bcd4", + "--ha-font-weight-body": "400", + "--wa-form-control-required-content": "\"*\"", + "--ha-color-fill-danger-normal-hover": "#ffb8b6", + "--wa-font-weight-body": "400", + "--color-45": "#fecddf", + "--color-4": "#6cc5b0", + "--wa-line-height-condensed": "1.2", + "--lime-color": "#cddc39", + "--wa-color-warning-border-normal": "#ff9342", + "--mdc-tab-text-label-color-default": "#141414", + "--mdc-select-disabled-fill-color": "#fafafa", + "--light-green-color": "#8bc34a", + "--wa-color-brand-border-normal": "#18bcf2", + "--wa-color-neutral-fill-normal": "#e6e6e6", + "--label-badge-red": "#db4437", + "--ha-color-on-danger-normal": "#b30532", + "--state-device_tracker-home-color": "#4caf50", + "--state-cover-active-color": "#926bc7", + "--state-binary_sensor-problem-on-color": "#f44336", + "--state-binary_sensor-sound-on-color": "#f44336", + "--ha-color-neutral-60": "#989898", + "--input-dropdown-icon-color": "#0000008a", + "--ha-color-fill-disabled-quiet-hover": "#e6e6e6", + "--app-header-border-bottom": "1px solid #0000001f", + "--blue-color": "#2196f3", + "--wa-color-danger-fill-quiet": "#ffdedc", + "--state-weather-lightning-color": "#ffeb3b", + "--color-8": "#97bbf5", + "--safe-area-inset-x": "calc(0px + 0px)", + "--color-42": "#009f82", + "--mdc-select-dropdown-icon-color": "#0000008a", + "--mdc-theme-text-disabled-on-light": "#bdbdbd", + "--wa-color-brand-fill-loud": "#009ac7", + "--ha-color-green-70": "#5dc36f", + "--state-weather-snowy_rainy-color": "#03a9f4", + "--mdc-text-field-outlined-disabled-border-color": "#0000000f", + "--darker-primary-color": "#016194", + "--ha-color-orange-20": "#5e1c00", + "--state-update-active-color": "#ff9800", + "--ha-color-on-neutral-quiet": "#7a7a7a", + "--wa-color-neutral-border-loud": "#5e5e5e", + "--state-lock-locking-color": "#ff9800", + "--mdc-text-field-hover-line-color": "#000000de", + "--ha-moz-osx-font-smoothing": "grayscale", + "--state-alarm_control_panel-triggered-color": "#f44336", + "--wa-color-surface-raised": "#fff", + "--safe-area-inset-top": "0px", + "--safe-area-offset-top": "calc(max(0px - 0px, 0px) / 2)", + "--ha-color-fill-danger-loud-active": "#dc3146", + "--mdc-text-field-idle-line-color": "#0000006b", + "--dark-disabled-opacity": ".38", + "--state-climate-dry-color": "#ff9800", + "--ha-space-14": "56px", + "--state-sensor-battery-low-color": "#f44336", + "--history-unavailable-color": "transparent", + "--color-44": "#cbe8ff", + "--ha-color-red-30": "#8a132c", + "--safe-area-inset-left": "0px", + "--wa-form-control-value-color": "#141414", + "--ha-font-size-2xl": "calc(24px * 1)", + "--ha-color-on-primary-quiet": "#18bcf2", + "--wa-color-warning-fill-loud": "#ff9342", + "--wa-font-size-s": "calc(12px * 1)", + "--table-row-alternative-background-color": "#e5e5e5", + "--ha-color-red-20": "#631323", + "--ha-color-fill-neutral-loud-active": "#5e5e5e", + "--color-10": "#094bad", + "--ha-color-on-disabled-quiet": "#ccc", + "--ha-color-on-warning-quiet": "#c94e00", + "--ha-color-text-secondary": "#5e5e5e", + "--state-water_heater-gas-color": "#ff9800", + "--ha-color-green-10": "#052310", + "--label-badge-background-color": "#fff", + "--ha-color-form-background-hover": "#e6e6e6", + "--ha-color-fill-danger-normal-active": "#ffdedc", + "--ha-color-border-primary-quiet": "#dff3fc", + "--ha-animation-duration-fast": "1ms", + "--state-lock-locked-color": "#4caf50", + "--wa-panel-border-style": "solid", + "--ha-space-16": "64px", + "--safe-area-inset-y": "calc(0px + 0px)", + "--ha-color-primary-80": "#b9e6fc", + "--deep-purple-color": "#6e41ab", + "--ha-color-neutral-05": "#141414", + "--light-blue-color": "#03a9f4", + "--ha-border-radius-6xl": "36px", + "--mdc-theme-surface": "#fff", + "--brown-color": "#795548", + "--ha-color-on-warning-normal": "#9d3800", + "--ha-color-primary-40": "#009ac7", + "--state-weather-sunny-color": "#ffc107", + "--ha-color-fill-warning-normal-hover": "#ffbb89", + "--slider-color": "#009ac7", + "--color-52": "#27d0df", + "--ha-color-border-warning-quiet": "#ffe0c8", + "--color-53": "#a04a9b", + "--state-weather-clear_night-color": "#6e41ab", + "--bar-box-shadow": "0 2px 12px #00000029", + "--rgb-warning-color": "255, 166, 0", + "--ha-color-neutral-95": "#f3f3f3", + "--ha-color-fill-success-normal-active": "#c2f2c1", + "--ha-border-radius-xl": "16px", + "--color-37": "#d9b100", + "--white-color": "#fff", + "--ha-color-fill-neutral-quiet-resting": "#f3f3f3", + "--header-height": "56px", + "--amber-color": "#ffc107", + "--state-water_heater-electric-color": "#ff9800", + "--state-person-home-color": "#4caf50", + "--energy-non-fossil-color": "#0f9d58", + "--wa-color-danger-border-loud": "#b30532", + "--wa-color-success-fill-normal": "#c2f2c1", + "--state-lock-unlocked-color": "#f44336", + "--green-color": "#4caf50", + "--state-lock-jammed-color": "#f44336", + "--scale-direction": "1", + "--ha-color-border-neutral-quiet": "#e6e6e6", + "--mdc-theme-on-secondary": "#fff", + "--safe-area-inset-bottom": "0px", + "--ha-color-fill-success-quiet-active": "#e3f9e3", + "--slider-secondary-color": "#b3e5fc", + "--wa-color-brand-on-loud": "#fff", + "--color-33": "#8caed6", + "--color-26": "#badeff", + "--color-11": "#c99000", + "--ha-color-fill-disabled-normal-hover": "#e6e6e6", + "--wa-panel-border-radius": "24px", + "--ha-color-neutral-30": "#4a4a4a", + "--ha-color-fill-primary-loud-resting": "#009ac7", + "--color-5": "#a463f2", + "--ha-border-radius-sm": "4px", + "--wa-color-neutral-fill-quiet": "#e6e6e6", + "--ha-color-fill-neutral-normal-active": "#e6e6e6", + "--ha-color-red-05": "#2a040b", + "--ha-space-7": "28px", + "--ha-line-height-normal": "1.6", + "--energy-solar-color": "#ff9800", + "--mdc-button-outline-color": "#0000001f", + "--disabled-text-color": "#bdbdbd", + "--ha-color-red-80": "#ffb8b6", + "--ha-color-fill-success-quiet-hover": "#c2f2c1", + "--light-grey-color": "#bdbdbd", + "--energy-grid-return-color": "#8353d1", + "--state-alert-on-color": "#f44336", + "--ha-border-radius-4xl": "28px", + "--state-humidifier-on-color": "#2196f3", + "--ha-font-size-4xl": "calc(32px * 1)", + "--ha-color-green-60": "#00ac49", + "--state-binary_sensor-battery-on-color": "#f44336", + "--state-water_heater-high_demand-color": "#ff6f22", + "--ha-color-fill-success-quiet-resting": "#e3f9e3", + "--input-disabled-ink-color": "#0000005e", + "--divider-color": "#0000001f", + "--checked-icon-scale": ".9", + "--ha-color-fill-success-loud-hover": "#036730", + "--ha-color-on-success-normal": "#036730", + "--ha-color-primary-05": "#001721", + "--ha-color-on-danger-loud": "#fff", + "--wa-color-warning-border-quiet": "#ffe0c8", + "--blue-grey-color": "#607d8b", + "--ha-border-radius-lg": "12px", + "--ha-color-fill-neutral-loud-resting": "#5e5e5e", + "--ha-color-text-secondary-inverted": "#363636", + "--mdc-select-disabled-dropdown-icon-color": "#0000005e", + "--ha-color-primary-50": "#18bcf2", + "--color-3": "#ff725c", + "--state-climate-heat-cool-color": "#ffc107", + "--wa-color-warning-border-loud": "#9d3800", + "--wa-color-text-quiet": "#5e5e5e", + "--state-switch-active-color": "#ffc107", + "--ha-color-green-30": "#0a5027", + "--ha-color-fill-warning-quiet-active": "#fff0e4", + "--ha-color-text-primary-inverted": "#fff", + "--ha-space-11": "44px", + "--ha-color-red-40": "#b30532", + "--mdc-dialog-content-ink-color": "#141414", + "--wa-color-neutral-border-quiet": "#e6e6e6", + "--sidebar-background-color": "#fff", + "--wa-form-control-value-font-weight": "400", + "--primary-color": "#009ac7", + "--color-35": "#eff26e", + "--ha-assist-chip-active-container-color": "rgba(0, 154, 199, .15)", + "--wa-color-success-on-loud": "#fff", + "--markdown-code-background-color": "#fafafa", + "--ha-space-10": "40px", + "--primary-background-color": "#fafafa", + "--wa-form-control-activated-color": "#009ac7", + "--ha-space-17": "68px", + "--label-badge-blue": "#039be5", + "--warning-color": "#ffa600", + "--ha-font-weight-action": "500", + "--wa-color-success-on-quiet": "#00883c", + "--input-outlined-idle-border-color": "#00000061", + "--wa-color-success-fill-quiet": "#c2f2c1", + "--ha-color-red-95": "#fff0ef", + "--ha-color-black": "#000", + "--ha-color-surface-lower-inverted": "#000", + "--ha-color-fill-success-normal-hover": "#93da98", + "--ha-space-13": "52px", + "--state-sun-below_horizon-color": "#3f51b5", + "--app-theme-color": "#fff", + "--color-47": "#8cd2ce", + "--wa-form-control-padding-block": ".75em", + "--ha-color-fill-success-normal-resting": "#c2f2c1", + "--wa-font-size-l": "calc(16px * 1)", + "--rgb-info-color": "3, 155, 229", + "--state-lawn_mower-active-color": "#009688", + "--ha-color-fill-success-loud-active": "#00883c", + "--ha-color-green-05": "#031608", + "--ha-color-neutral-20": "#363636", + "--ha-color-fill-warning-normal-active": "#ffe0c8", + "--rgb-secondary-text-color": "114, 114, 114", + "--state-binary_sensor-carbon_monoxide-on-color": "#f44336", + "--energy-battery-out-color": "#4db6ac", + "--sidebar-icon-color": "rgba(33, 33, 33, .6)", + "--color-41": "#d06800", + "--margin-title-rtl": "0 24px 0 0", + "--ha-color-border-success-loud": "#036730", + "--ha-color-fill-warning-loud-active": "#ff9342", + "--ha-color-fill-disabled-loud-resting": "#ccc", + "--ha-space-1": "4px", + "--mdc-checkbox-disabled-color": "#bdbdbd", + "--ha-space-3": "12px", + "--ha-color-neutral-50": "#7a7a7a", + "--state-binary_sensor-heat-on-color": "#f44336", + "--rgb-primary-color": "0, 154, 199", + "--red-color": "#f44336", + "--ha-color-green-95": "#e3f9e3", + "--state-alarm_control_panel-armed_custom_bypass-color": "#4caf50", + "--wa-color-text-normal": "#141414", + "--ha-space-5": "20px", + "--rgb-success-color": "67, 160, 71", + "--ha-color-orange-10": "#3b0f00", + "--color-30": "#bf3947", + "--state-weather-pouring-color": "#3f51b5", + "--ha-color-fill-neutral-loud-hover": "#4a4a4a", + "--state-unavailable-color": "#bdbdbd", + "--wa-color-brand-fill-quiet": "#dff3fc", + "--ha-color-orange-90": "#ffe0c8", + "--state-binary_sensor-tamper-on-color": "#f44336", + "--ha-color-fill-disabled-normal-resting": "#f3f3f3", + "--mdc-text-field-disabled-line-color": "#0000000f", + "--wa-space-m": "16px", + "--ha-line-height-condensed": "1.2", + "--wa-form-control-background-color": "", + "--state-device_tracker-active-color": "#2196f3", + "--input-hover-line-color": "#000000de", + "--ha-font-size-xl": "calc(20px * 1)", + "--ha-color-border-neutral-normal": "#989898", + "--wa-border-width-s": "1px", + "--color-49": "#f883b0", + "--wa-shadow-l": "0 6px 12px -3px #0000001f, 0 16px 32px -6px #0003", + "--wa-font-size-m": "calc(14px * 1)", + "--ha-font-weight-medium": "500", + "--state-vacuum-active-color": "#009688", + "--ha-color-fill-disabled-quiet-resting": "#f3f3f3", + "--mdc-text-field-outlined-idle-border-color": "#00000061", + "--ha-border-radius-3xl": "24px", + "--color-48": "#c4b8d9", + "--ha-color-border-danger-normal": "#fd8f90", + "--accent-color": "#ff9800", + "--outline-hover-color": "#0000003d", + "--ha-color-on-disabled-normal": "#b1b1b1", + "--ha-font-size-l": "calc(16px * 1)", + "--color-38": "#9d7a00", + "--state-weather-partlycloudy-color": "#607d8b", + "--ha-color-orange-80": "#ffbb89", + "--wa-border-radius-m": "8px", + "--state-binary_sensor-glass_break-on-color": "#f44336", + "--deep-orange-color": "#ff6f22", + "--ha-color-form-background-disabled": "#ccc", + "--wa-color-success-border-loud": "#036730", + "--ha-color-orange-95": "#fff0e4", + "--mdc-theme-error": "#db4437", + "--ha-color-primary-90": "#dff3fc", + "--ha-color-border-neutral-loud": "#5e5e5e", + "--state-weather-fog-color": "#9e9e9e", + "--color-40": "#00d27e", + "--wa-space-xl": "32px", + "--secondary-text-color": "#5e5e5e", + "--error-color": "#db4437", + "--mdc-dialog-scroll-divider-color": "#0000001f", + "--state-weather-snowy-color": "#c0e0ff", + "--ha-font-weight-bold": "700", + "--ha-space-12": "48px", + "--wa-border-radius-l": "12px", + "--wa-color-danger-fill-loud": "#dc3146", + "--color-16": "#8043ce", + "--color-22": "#8fe9d3", + "--ha-color-red-50": "#dc3146", + "--state-alarm_control_panel-armed_vacation-color": "#4caf50", + "--mdc-select-outlined-hover-border-color": "#000000de", + "--wa-border-style": "solid", + "--ha-color-surface-default": "#fff", + "--app-header-background-color": "#fff", + "--card-background-color": "#fff", + "--state-alert-off-color": "#ff9800", + "--mdc-theme-on-surface": "#141414", + "--ha-color-border-success-normal": "#5dc36f", + "--state-climate-cool-color": "#2196f3", + "--label-badge-text-color": "rgba(33, 33, 33, .8)", + "--state-binary_sensor-smoke-on-color": "#f44336", + "--wa-color-warning-on-normal": "#9d3800", + "--mdc-text-field-outlined-hover-border-color": "#000000de", + "--color-21": "#ff957c", + "--indigo-color": "#3f51b5", + "--wa-focus-ring-color": "#989898", + "--mdc-radio-disabled-color": "#bdbdbd", + "--color-13": "#49a28f", + "--state-alarm_control_panel-armed_home-color": "#4caf50", + "--ha-color-text-link": "#009ac7", + "--mdc-select-fill-color": "#f5f5f5", + "--ha-color-fill-primary-quiet-hover": "#dff3fc", + "--ha-color-fill-danger-quiet-resting": "#fff0ef", + "--label-badge-grey": "#9e9e9e", + "--wa-transition-fast": "1ms", + "--label-badge-yellow": "#ffa600", + "--data-table-background-color": "#fff", + "--state-icon-error-color": "#db4437", + "--color-39": "#698cff", + "--ha-box-shadow-s": "0 1px 2px 0 #00000014, 0 1px 3px 0 #0000001f", + "--ha-border-radius-2xl": "20px", + "--wa-shadow-m": "0 3px 6px -1px #0000001a, 0 8px 16px -2px #00000026", + "--ha-color-surface-low": "#f3f3f3", + "--ha-animation-duration-slow": "1ms", + "--color-31": "#9f5b00", + "--ha-font-smoothing": "antialiased", + "--color-14": "#048732", + "--color-20": "#ffd444", + "--ha-color-fill-warning-quiet-resting": "#fff0e4", + "--wa-border-width-m": "2px", + "--ha-color-green-90": "#c2f2c1", + "--state-lawn_mower-error-color": "#f44336", + "--mdc-select-idle-line-color": "#0000006b", + "--color-23": "#62cc71", + "--mdc-select-hover-line-color": "#000000de", + "--ha-dialog-scrim-backdrop-filter": "brightness(68%)", + "--safe-area-inset-right": "0px", + "--clear-background-color": "#fff", + "--state-sun-above_horizon-color": "#ffc107", + "--state-lock-unlocking-color": "#ff9800", + "--ha-animation-duration-none": "1ms", + "--light-primary-color": "#b3e5fc", + "--state-lock-opening-color": "#ff9800", + "--color-7": "#9c6b4e", + "--wa-form-control-toggle-size": "20px", + "--ha-color-fill-danger-normal-resting": "#ffdedc", + "--mdc-theme-on-primary": "#fff", + "--input-outlined-hover-border-color": "#000000de", + "--chip-background-color": "rgba(33, 33, 33, .15)", + "--ha-color-on-success-quiet": "#00883c", + "--ha-color-on-surface-default": "#141414", + "--md-list-item-label-text-font": "Roboto, Noto, sans-serif", + "--ha-color-red-90": "#ffdedc", + "--input-ink-color": "#000000de", + "--direction": "ltr", + "--rgb-card-background-color": "255, 255, 255", + "--float-start": "left", + "--light-secondary-opacity": ".7", + "--ha-space-2": "8px", + "--ha-color-fill-primary-loud-hover": "#006787", + "--slider-track-color": "#c2c2c2", + "--md-list-item-trailing-supporting-text-font": "Roboto, Noto, sans-serif", + "--ha-color-red-10": "#3e0913", + "--safe-area-offset-left": "calc(max(0px - 0px, 0px) / 2)", + "--wa-color-neutral-on-loud": "#fff", + "--text-primary-color": "#fff", + "--ha-color-surface-lower": "#e6e6e6", + "--ha-font-family-longform": "ui-sans-serif, system-ui, sans-serif", + "--light-divider-opacity": ".12", + "--state-weather-lightning_rainy-color": "#cddc39", + "--ha-border-radius-square": "0", + "--safe-area-offset-bottom": "calc(max(0px - 0px, 0px) / 2)", + "--wa-font-weight-action": "500", + "--ha-color-on-neutral-loud": "#fff", + "--wa-color-success-fill-loud": "#00883c", + "--primary-text-color": "#141414", + "--info-color": "#039be5", + "--color-54": "#4269d0", + "--teal-color": "#009688", + "--ha-color-fill-warning-loud-hover": "#c94e00", + "--color-12": "#d84f3e", + "--pink-color": "#e91e63", + "--wa-form-control-border-style": "solid", + "--ha-color-border-warning-loud": "#9d3800", + "--light-disabled-opacity": ".3", + "--mdc-select-disabled-ink-color": "#0000005e", + "--mdc-theme-text-icon-on-background": "#5e5e5e", + "--wa-color-success-border-quiet": "#c2f2c1", + "--wa-color-success-on-normal": "#036730", + "--ha-space-18": "72px", + "--wa-space-l": "24px", + "--rgb-primary-text-color": "33, 33, 33", + "--wa-border-width-l": "3px", + "--ha-color-neutral-10": "#202020", + "--state-person-active-color": "#2196f3", + "--ha-box-shadow-m": "0 3px 6px -1px #0000001a, 0 8px 16px -2px #00000026", + "--ha-color-border-danger-quiet": "#ffdedc", + "--app-header-text-color": "#141414", + "--ha-color-orange-30": "#7e2900", + "--ha-color-surface-default-inverted": "#202020", + "--ha-color-fill-danger-loud-hover": "#b30532", + "--ha-color-neutral-70": "#b1b1b1", + "--wa-shadow-s": "0 1px 2px 0 #00000014, 0 1px 3px 0 #0000001f", + "--color-43": "#c49200", + "--dark-primary-color": "#0288d1", + "--ha-color-green-40": "#036730", + "--color-1": "#4269d0", + "--dark-grey-color": "#606060", + "--rgb-error-color": "219, 68, 55", + "--ha-color-fill-neutral-normal-hover": "#ccc", + "--ha-color-border-primary-loud": "#009ac7", + "--wa-color-danger-on-quiet": "#dc3146", + "--state-binary_sensor-gas-on-color": "#f44336", + "--grey-color": "#9e9e9e", + "--mdc-theme-text-hint-on-background": "#5e5e5e", + "--wa-color-danger-fill-normal": "#ffdedc", + "--state-binary_sensor-moisture-on-color": "#f44336", + "--yellow-color": "#ffeb3b" + }, + "dark": { + "--ha-space-8": "32px", + "--wa-color-brand-on-normal": "#37c8fd", + "--state-inactive-color": "#9e9e9e", + "--codemirror-type": "#decb6b", + "--safe-width": "calc(100vw - 0px - 0px)", + "--success-color": "#43a047", + "--input-outlined-disabled-border-color": "#ffffff0f", + "--color-29": "#97ee3f", + "--purple-color": "#926bc7", + "--ha-color-fill-primary-normal-resting": "#002e3e", + "--mdc-theme-background": "#111", + "--ha-space-15": "60px", + "--mdc-theme-text-primary-on-background": "#e1e1e1", + "--state-binary_sensor-active-color": "#ffc107", + "--state-valve-active-color": "#2196f3", + "--mdc-text-field-fill-color": "#ffffff0d", + "--ha-font-family-code": "monospace", + "--wa-form-control-value-line-height": "1.2", + "--safe-height": "calc(100vh - 0px - 0px)", + "--state-weather-windy_variant-color": "#4caf50", + "--dark-primary-opacity": ".87", + "--state-binary_sensor-safety-on-color": "#f44336", + "--mdc-select-outlined-disabled-border-color": "#ffffff0f", + "--ha-font-size-s": "calc(12px * 1)", + "--rgb-ha-button-warning-light-color": "145,123,84", + "--ha-color-primary-30": "#006787", + "--state-sensor-battery-high-color": "#4caf50", + "--ha-color-red-60": "#f3676c", + "--ha-border-radius-pill": "9999px", + "--ha-color-form-background": "#363636", + "--mdc-text-field-disabled-ink-color": "#ffffff5e", + "--state-fan-active-color": "#00bcd4", + "--rgb-disabled-text-color": "111,111,111", + "--sidebar-selected-text-color": "#009ac7", + "--state-weather-hail-color": "#00bcd4", + "--ha-color-fill-disabled-loud-hover": "#5e5e5e", + "--ha-color-on-neutral-normal": "#989898", + "--md-list-item-supporting-text-font": "Roboto, Noto, sans-serif", + "--wa-color-warning-on-loud": "#fff", + "--ha-color-shadow-scrollable-fade": "#00000014", + "--state-weather-exceptional-color": "#f44336", + "--ha-color-orange-50": "#c94e00", + "--black-color": "#000", + "--wa-color-brand-border-quiet": "#dff3fc", + "--ha-color-fill-primary-quiet-active": "#001721", + "--state-media_player-active-color": "#03a9f4", + "--cyan-color": "#00bcd4", + "--state-alarm_control_panel-disarming-color": "#ff9800", + "--ha-color-white": "#fff", + "--mdc-text-field-label-ink-color": "#fff9", + "--wa-color-warning-fill-normal": "#3b0f00", + "--margin-title-ltr": "0 0 0 24px", + "--ha-color-on-warning-loud": "#fff", + "--ha-color-red-70": "#fd8f90", + "--rgb-clear-background-color": "17,17,17", + "--codemirror-variable": "#f07178", + "--color-9": "#01ab63", + "--map-filter": "invert(.9) hue-rotate(170deg) brightness(1.5) contrast(1.2) saturate(.3)", + "--ha-color-border-danger-loud": "#dc3146", + "--state-weather-rainy-color": "#2196f3", + "--wa-focus-ring-style": "solid", + "--input-idle-line-color": "#ffffff6b", + "--mdc-select-outlined-idle-border-color": "#ffffff61", + "--input-disabled-fill-color": "#ffffff05", + "--ha-font-weight-heading": "700", + "--state-alarm_control_panel-armed_night-color": "#4caf50", + "--input-label-ink-color": "#fff9", + "--ha-color-orange-05": "#280700", + "--rgb-accent-color": "255, 152, 0", + "--ha-font-weight-normal": "400", + "--color-28": "#927acc", + "--wa-color-surface-default": "#1c1c1c", + "--ha-color-primary-60": "#37c8fd", + "--ha-space-9": "36px", + "--dark-divider-opacity": ".12", + "--mdc-text-field-ink-color": "#ffffffde", + "--wa-form-control-height": "40px", + "--state-vacuum-error-color": "#f44336", + "--color-17": "#7599d1", + "--state-siren-active-color": "#f44336", + "--wa-focus-ring-offset": "2px", + "--wa-color-brand-border-loud": "#009ac7", + "--ha-border-width-sm": "1px", + "--wa-color-neutral-border-normal": "#7a7a7a", + "--wa-color-warning-on-quiet": "#ff9342", + "--ha-border-width-md": "2px", + "--state-climate-heat-color": "#ff6f22", + "--secondary-background-color": "#282828", + "--ha-color-green-80": "#93da98", + "--text-light-primary-color": "#212121", + "--color-46": "#c27eb6", + "--ha-color-neutral-90": "#e6e6e6", + "--ha-border-width-lg": "3px", + "--ha-color-fill-primary-normal-hover": "#004156", + "--ha-color-on-danger-quiet": "#fd8f90", + "--ha-color-orange-60": "#f36d00", + "--wa-color-danger-on-loud": "#fff", + "--wa-color-surface-border": "#5e5e5e", + "--wa-form-control-border-radius": "12px", + "--wa-form-control-placeholder-color": "#ccc", + "--wa-color-success-border-normal": "#5dc36f", + "--wa-form-control-border-color": "#7a7a7a", + "--state-climate-auto-color": "#4caf50", + "--ha-color-green-20": "#0a3a1d", + "--ha-font-size-5xl": "calc(40px * 1)", + "--ha-color-border-primary-normal": "#7bd4fb", + "--dark-secondary-opacity": ".54", + "--outline-color": "#e1e1e11f", + "--state-active-color": "#ffc107", + "--color-18": "#7a4c31", + "--state-sensor-battery-medium-color": "#ff9800", + "--color-25": "#c884ff", + "--ha-color-focus": "#989898", + "--energy-battery-in-color": "#f06292", + "--safe-area-offset-right": "calc(max(0px - 0px, 0px) / 2)", + "--state-alarm_control_panel-arming-color": "#ff9800", + "--state-water_heater-eco-color": "#4caf50", + "--input-fill-color": "#ffffff0d", + "--codemirror-qualifier": "#decb6b", + "--ha-color-fill-neutral-quiet-hover": "#202020", + "--state-water_heater-heat_pump-color": "#ff9800", + "--ha-color-primary-70": "#7bd4fb", + "--light-primary-opacity": "1", + "--ha-color-fill-warning-loud-resting": "#9d3800", + "--ha-color-fill-primary-loud-active": "#009ac7", + "--color-2": "#f4bd4a", + "--rgb-primary-background-color": "17,17,17", + "--ha-font-size-3xl": "calc(28px * 1)", + "--ha-assist-chip-filled-container-color": "rgba(225,225,225, .15)", + "--color-24": "#ffadda", + "--ha-font-size-xs": "calc(10px * 1)", + "--ha-animation-duration-normal": "1ms", + "--wa-color-danger-on-normal": "#f3676c", + "--sidebar-text-color": "#e1e1e1", + "--color-15": "#d96895", + "--wa-form-control-border-width": "1px", + "--wa-color-neutral-on-normal": "#989898", + "--ha-border-radius-md": "8px", + "--energy-gas-color": "#8e021b", + "--mdc-theme-text-secondary-on-background": "#9b9b9b", + "--ha-color-surface-low-inverted": "#f3f3f3", + "--ha-color-on-disabled-loud": "#7a7a7a", + "--state-alarm_control_panel-armed_away-color": "#4caf50", + "--rgb-input-ink-color": "255,255,255", + "--codemirror-variable-2": "#eff", + "--wa-focus-ring-width": "2px", + "--table-header-background-color": "#ffffff0d", + "--ha-color-neutral-80": "#ccc", + "--ha-color-orange-70": "#ff9342", + "--wa-color-brand-fill-normal": "#002e3e", + "--wa-color-warning-fill-quiet": "#3b0f00", + "--codemirror-comment": "#545454", + "--ha-font-weight-light": "300", + "--ha-color-on-primary-normal": "#37c8fd", + "--ha-line-height-expanded": "2", + "--color-32": "#f48758", + "--wa-border-radius-pill": "9999px", + "--color-51": "#f48800", + "--ha-color-green-50": "#00883c", + "--rgb-input-disabled-ink-color": "255,255,255", + "--state-weather-windy-color": "#4caf50", + "--ha-border-radius-5xl": "32px", + "--ha-border-radius-circle": "50%", + "--ha-color-primary-10": "#002e3e", + "--ha-color-text-disabled": "#989898", + "--scrollbar-thumb-color": "#6e6e6e", + "--mdc-theme-secondary": "#ff9800", + "--ha-color-fill-success-loud-resting": "#036730", + "--ha-color-border-success-quiet": "#c2f2c1", + "--mdc-select-ink-color": "#ffffffde", + "--state-light-active-color": "#ffc107", + "--wa-border-radius-s": "4px", + "--ha-color-on-success-loud": "#fff", + "--state-binary_sensor-lock-on-color": "#f44336", + "--label-badge-green": "#43a047", + "--wa-color-neutral-on-quiet": "#b1b1b1", + "--rgb-codemirror-operator": "137,221,255", + "--mdc-text-field-disabled-fill-color": "#ffffff05", + "--wa-form-control-padding-inline": "12px@layer wa-utilities{@supports (scrollbar-gutter", + "--color-27": "#bf8b6d", + "--history-unknown-color": "#606060", + "--state-weather-cloudy-color": "#bdbdbd", + "--state-lock-open-color": "#f44336", + "--wa-color-brand-on-quiet": "#7bd4fb", + "--state-water_heater-performance-color": "#ff6f22", + "--energy-grid-consumption-color": "#488fc2", + "--ha-color-fill-danger-quiet-hover": "#3e0913", + "--ha-button-neutral-light-color": "#6a7081", + "--wa-transition-easing": "ease", + "--wa-focus-ring": "solid 2px #989898", + "--ha-color-fill-neutral-normal-resting": "#202020", + "--wa-transition-normal": "1ms", + "--ha-font-size-scale": "1", + "--ha-color-text-primary": "#fff", + "--wa-color-neutral-fill-loud": "#989898", + "--ha-color-primary-95": "#eff9fe", + "--mdc-button-disabled-ink-color": "#6f6f6f", + "--table-row-background-color": "#111", + "--rgb-codemirror-comment": "84,84,84", + "--ha-button-primary-light-color": "#4082a040", + "--ha-animation-duration-instant": "1ms", + "--wa-panel-border-width": "1px", + "--ha-box-shadow-l": "0 6px 12px -3px #0006, 0 16px 32px -6px #0000008c", + "--rgb-input-dropdown-icon-color": "255,255,255", + "--wa-form-control-required-content-offset": ".1rem", + "--mdc-radio-unchecked-color": "rgba(225,225,225, .54)", + "--wa-color-danger-border-quiet": "#ffdedc", + "--sidebar-selected-icon-color": "#009ac7", + "--ha-color-fill-warning-normal-resting": "#3b0f00", + "--ha-color-fill-danger-quiet-active": "#2a040b", + "--ha-color-on-primary-loud": "#fff", + "--ha-font-family-heading": "Roboto, Noto, sans-serif", + "--ha-color-orange-40": "#9d3800", + "--color-36": "#e43872", + "--state-climate-fan_only-color": "#00bcd4", + "--input-disabled-line-color": "#ffffff0f", + "--ha-space-20": "80px", + "--color-6": "#ff8ab7", + "--wa-space-xs": "8px", + "--ha-color-primary-20": "#004156", + "--mdc-select-label-ink-color": "#fff9", + "--ha-space-6": "24px", + "--ha-color-fill-neutral-quiet-active": "", + "--ha-color-fill-primary-quiet-resting": "#001721", + "--rgb-codemirror-atom": "247,140,108", + "--ha-font-size-m": "calc(14px * 1)", + "--color-50": "#a49100", + "--float-end": "right", + "--rgb-disabled-color": "70,70,70", + "--ha-color-fill-danger-loud-resting": "#b30532", + "--wa-color-danger-border-normal": "#dc3146", + "--state-alarm_control_panel-pending-color": "#ff9800", + "--checked-icon-color": "#fff", + "--mdc-checkbox-unchecked-color": "rgba(225,225,225, .54)", + "--color-19": "#6989f4", + "--ha-space-19": "76px", + "--ha-font-family-body": "Roboto, Noto, sans-serif", + "--rgb-text-primary-color": "255, 255, 255", + "--ha-color-border-warning-normal": "#c94e00", + "--shadow-color": "#0000007a", + "--state-icon-color": "#44739e", + "--rgb-ha-button-neutral-color": "217,218,224", + "--ha-color-fill-warning-quiet-hover": "#3b0f00", + "--rgb-outline-hover-color": "225,225,225", + "--ha-color-fill-primary-normal-active": "#002e3e", + "--mdc-theme-primary": "#009ac7", + "--color-34": "#f2b94f", + "--rgb-input-outlined-idle-border-color": "255,255,255", + "--mdc-dialog-heading-ink-color": "#e1e1e1", + "--disabled-color": "#464646", + "--ha-space-4": "16px", + "--state-plant-active-color": "#f44336", + "--ha-color-neutral-40": "#5e5e5e", + "--energy-water-color": "#00bcd4", + "--orange-color": "#ff9800", + "--ha-font-weight-body": "400", + "--wa-form-control-required-content": "\"*\"", + "--ha-color-fill-danger-normal-hover": "#631323", + "--wa-font-weight-body": "400", + "--color-45": "#fecddf", + "--color-4": "#6cc5b0", + "--wa-line-height-condensed": "1.2", + "--lime-color": "#cddc39", + "--wa-color-warning-border-normal": "#c94e00", + "--mdc-tab-text-label-color-default": "#e1e1e1", + "--mdc-select-disabled-fill-color": "#ffffff05", + "--rgb-codemirror-variable-2": "238,255,255", + "--light-green-color": "#8bc34a", + "--wa-color-brand-border-normal": "#18bcf2", + "--wa-color-neutral-fill-normal": "#202020", + "--ha-color-on-danger-normal": "#f3676c", + "--label-badge-red": "#db4437", + "--state-device_tracker-home-color": "#4caf50", + "--state-cover-active-color": "#926bc7", + "--state-binary_sensor-problem-on-color": "#f44336", + "--state-binary_sensor-sound-on-color": "#f44336", + "--ha-color-neutral-60": "#989898", + "--input-dropdown-icon-color": "#ffffff8a", + "--ha-color-fill-disabled-quiet-hover": "#363636", + "--app-header-border-bottom": "1px solid #e1e1e11f", + "--blue-color": "#2196f3", + "--wa-color-danger-fill-quiet": "#3e0913", + "--state-weather-lightning-color": "#ffeb3b", + "--color-8": "#97bbf5", + "--rgb-codemirror-number": "255,83,112", + "--safe-area-inset-x": "calc(0px + 0px)", + "--color-42": "#009f82", + "--mdc-select-dropdown-icon-color": "#ffffff8a", + "--ha-button-warning-light-color": "#917b54c1", + "--mdc-theme-text-disabled-on-light": "#6f6f6f", + "--wa-color-brand-fill-loud": "#009ac7", + "--ha-color-green-70": "#5dc36f", + "--mdc-text-field-outlined-disabled-border-color": "#ffffff0f", + "--state-weather-snowy_rainy-color": "#03a9f4", + "--darker-primary-color": "#016194", + "--ha-color-orange-20": "#5e1c00", + "--state-update-active-color": "#ff9800", + "--ha-color-on-neutral-quiet": "#b1b1b1", + "--wa-color-neutral-border-loud": "#b1b1b1", + "--state-lock-locking-color": "#ff9800", + "--rgb-codemirror-variable-3": "222,203,107", + "--mdc-text-field-hover-line-color": "#ffffffde", + "--ha-moz-osx-font-smoothing": "grayscale", + "--codemirror-number": "#ff5370", + "--state-alarm_control_panel-triggered-color": "#f44336", + "--wa-color-surface-raised": "#1c1c1c", + "--safe-area-inset-top": "0px", + "--safe-area-offset-top": "calc(max(0px - 0px, 0px) / 2)", + "--ha-color-fill-danger-loud-active": "#b30532", + "--mdc-text-field-idle-line-color": "#ffffff6b", + "--dark-disabled-opacity": ".38", + "--state-climate-dry-color": "#ff9800", + "--codemirror-attribute": "#c792ea", + "--ha-space-14": "56px", + "--mdc-linear-progress-buffer-color": "#ffffff1a", + "--state-sensor-battery-low-color": "#f44336", + "--history-unavailable-color": "transparent", + "--color-44": "#cbe8ff", + "--ha-color-red-30": "#8a132c", + "--safe-area-inset-left": "0px", + "--wa-form-control-value-color": "#e1e1e1", + "--ha-font-size-2xl": "calc(24px * 1)", + "--ha-color-on-primary-quiet": "#7bd4fb", + "--wa-color-warning-fill-loud": "#9d3800", + "--wa-font-size-s": "calc(12px * 1)", + "--table-row-alternative-background-color": "#282828", + "--ha-color-red-20": "#631323", + "--ha-color-fill-neutral-loud-active": "#989898", + "--rgb-input-outlined-hover-border-color": "255,255,255", + "--color-10": "#094bad", + "--ha-color-on-disabled-quiet": "#5e5e5e", + "--ha-color-on-warning-quiet": "#ff9342", + "--ha-color-text-secondary": "#ccc", + "--state-water_heater-gas-color": "#ff9800", + "--ha-color-green-10": "#052310", + "--label-badge-background-color": "#1c1c1c", + "--ha-color-form-background-hover": "#4a4a4a", + "--ha-color-fill-danger-normal-active": "#3e0913", + "--ha-color-border-primary-quiet": "#dff3fc", + "--ha-animation-duration-fast": "1ms", + "--state-lock-locked-color": "#4caf50", + "--wa-panel-border-style": "solid", + "--ha-space-16": "64px", + "--safe-area-inset-y": "calc(0px + 0px)", + "--ha-color-primary-80": "#b9e6fc", + "--deep-purple-color": "#6e41ab", + "--ha-color-neutral-05": "#141414", + "--rgb-input-disabled-line-color": "255,255,255", + "--light-blue-color": "#03a9f4", + "--ha-border-radius-6xl": "36px", + "--mdc-theme-surface": "#1c1c1c", + "--state-weather-sunny-color": "#ffc107", + "--brown-color": "#795548", + "--ha-color-on-warning-normal": "#f36d00", + "--ha-color-primary-40": "#009ac7", + "--ha-color-fill-warning-normal-hover": "#5e1c00", + "--rgb-codemirror-meta": "255,203,107", + "--slider-color": "#009ac7", + "--color-52": "#27d0df", + "--ha-color-border-warning-quiet": "#ffe0c8", + "--codemirror-tag": "#ff5370", + "--color-53": "#a04a9b", + "--state-weather-clear_night-color": "#6e41ab", + "--bar-box-shadow": "0 2px 12px #0000007a", + "--rgb-mdc-ripple-color": "170,170,170", + "--rgb-input-outlined-disabled-border-color": "255,255,255", + "--rgb-warning-color": "255, 166, 0", + "--ha-color-fill-success-normal-active": "#052310", + "--ha-color-neutral-95": "#f3f3f3", + "--ha-border-radius-xl": "16px", + "--color-37": "#d9b100", + "--white-color": "#fff", + "--ha-color-fill-neutral-quiet-resting": "#141414", + "--codemirror-variable-3": "#decb6b", + "--header-height": "56px", + "--amber-color": "#ffc107", + "--state-water_heater-electric-color": "#ff9800", + "--rgb-ha-button-primary-light-color": "64,130,160", + "--state-person-home-color": "#4caf50", + "--energy-non-fossil-color": "#0f9d58", + "--wa-color-danger-border-loud": "#dc3146", + "--wa-color-success-fill-normal": "#052310", + "--scale-direction": "1", + "--state-lock-unlocked-color": "#f44336", + "--state-lock-jammed-color": "#f44336", + "--green-color": "#4caf50", + "--ha-color-border-neutral-quiet": "#5e5e5e", + "--mdc-theme-on-secondary": "#fff", + "--safe-area-inset-bottom": "0px", + "--codemirror-atom": "#f78c6c", + "--rgb-ha-button-neutral-light-color": "106,112,129", + "--slider-secondary-color": "#b3e5fc", + "--wa-color-brand-on-loud": "#fff", + "--color-33": "#8caed6", + "--color-26": "#badeff", + "--color-11": "#c99000", + "--rgb-divider-color": "225,225,225", + "--ha-color-fill-disabled-normal-hover": "#4a4a4a", + "--color-5": "#a463f2", + "--ha-color-neutral-30": "#4a4a4a", + "--ha-color-fill-primary-loud-resting": "#009ac7", + "--wa-panel-border-radius": "24px", + "--ha-border-radius-sm": "4px", + "--wa-color-neutral-fill-quiet": "#202020", + "--ha-color-fill-neutral-normal-active": "#202020", + "--ha-color-fill-success-quiet-active": "#031608", + "--ha-color-red-05": "#2a040b", + "--ha-space-7": "28px", + "--mdc-button-outline-color": "#e1e1e11f", + "--energy-solar-color": "#ff9800", + "--disabled-text-color": "#6f6f6f", + "--ha-line-height-normal": "1.6", + "--codemirror-builtin": "#ffcb6b", + "--ha-color-red-80": "#ffb8b6", + "--ha-color-fill-success-quiet-hover": "#052310", + "--light-grey-color": "#bdbdbd", + "--rgb-codemirror-property": "199,146,234", + "--energy-grid-return-color": "#a280db", + "--state-alert-on-color": "#f44336", + "--ha-border-radius-4xl": "28px", + "--state-humidifier-on-color": "#2196f3", + "--ha-font-size-4xl": "calc(32px * 1)", + "--state-binary_sensor-battery-on-color": "#f44336", + "--ha-color-green-60": "#00ac49", + "--codemirror-string": "#c3e88d", + "--ha-color-fill-success-quiet-resting": "#031608", + "--divider-color": "#e1e1e11f", + "--ha-color-on-danger-loud": "#fff", + "--input-disabled-ink-color": "#ffffff5e", + "--codemirror-meta": "#ffcb6b", + "--ha-color-fill-success-loud-hover": "#0a5027", + "--checked-icon-scale": ".9", + "--rgb-energy-grid-return-color": "162,128,219", + "--ha-color-on-success-normal": "#00ac49", + "--ha-color-border-normal": "#18bcf2", + "--wa-color-warning-border-quiet": "#ffe0c8", + "--rgb-codemirror-qualifier": "222,203,107", + "--ha-color-primary-05": "#001721", + "--blue-grey-color": "#607d8b", + "--state-water_heater-high_demand-color": "#ff6f22", + "--ha-border-radius-lg": "12px", + "--ha-color-fill-neutral-loud-resting": "#989898", + "--ha-color-text-secondary-inverted": "#5e5e5e", + "--mdc-select-disabled-dropdown-icon-color": "#ffffff5e", + "--ha-color-primary-50": "#18bcf2", + "--color-3": "#ff725c", + "--state-climate-heat-cool-color": "#ffc107", + "--codemirror-def": "#82aaff", + "--rgb-mdc-linear-progress-buffer-color": "255,255,255", + "--wa-color-warning-border-loud": "#c94e00", + "--mdc-ripple-color": "#aaa", + "--wa-color-text-quiet": "#ccc", + "--state-switch-active-color": "#ffc107", + "--rgb-codemirror-variable": "240,113,120", + "--ha-color-green-30": "#0a5027", + "--ha-color-fill-warning-quiet-active": "#280700", + "--ha-color-text-primary-inverted": "#000", + "--ha-space-11": "44px", + "--ha-color-red-40": "#b30532", + "--mdc-dialog-content-ink-color": "#e1e1e1", + "--wa-color-neutral-border-quiet": "#5e5e5e", + "--sidebar-background-color": "#1c1c1c", + "--wa-form-control-value-font-weight": "400", + "--primary-color": "#009ac7", + "--color-35": "#eff26e", + "--ha-assist-chip-active-container-color": "rgba(0, 154, 199, .15)", + "--codemirror-operator": "#89ddff", + "--wa-color-success-on-loud": "#fff", + "--markdown-code-background-color": "#111", + "--ha-space-10": "40px", + "--primary-background-color": "#111", + "--wa-form-control-activated-color": "#009ac7", + "--ha-space-17": "68px", + "--label-badge-blue": "#039be5", + "--warning-color": "#ffa600", + "--ha-font-weight-action": "500", + "--ha-color-red-95": "#fff0ef", + "--wa-color-success-on-quiet": "#5dc36f", + "--input-outlined-idle-border-color": "#ffffff61", + "--wa-color-success-fill-quiet": "#052310", + "--codemirror-property": "#c792ea", + "--ha-color-black": "#000", + "--rgb-codemirror-attribute": "199,146,234", + "--ha-color-surface-lower-inverted": "", + "--ha-color-fill-success-normal-hover": "#0a3a1d", + "--ha-space-13": "52px", + "--state-sun-below_horizon-color": "#3f51b5", + "--app-theme-color": "#1c1c1c", + "--color-47": "#8cd2ce", + "--wa-form-control-padding-block": ".75em", + "--ha-color-fill-success-normal-resting": "#052310", + "--wa-font-size-l": "calc(16px * 1)", + "--rgb-info-color": "3, 155, 229", + "--state-lawn_mower-active-color": "#009688", + "--ha-color-fill-success-loud-active": "#036730", + "--codemirror-keyword": "#c792ea", + "--ha-color-green-05": "#031608", + "--ha-color-neutral-20": "#363636", + "--rgb-codemirror-keyword": "199,146,234", + "--ha-color-fill-warning-normal-active": "#3b0f00", + "--rgb-input-fill-color": "255,255,255", + "--rgb-secondary-text-color": "155,155,155", + "--state-binary_sensor-carbon_monoxide-on-color": "#f44336", + "--sidebar-icon-color": "rgba(225,225,225, .6)", + "--energy-battery-out-color": "#4db6ac", + "--color-41": "#d06800", + "--margin-title-rtl": "0 24px 0 0", + "--ha-color-border-success-loud": "#036730", + "--ha-color-fill-warning-loud-active": "#9d3800", + "--ha-color-fill-disabled-loud-resting": "#4a4a4a", + "--ha-space-1": "4px", + "--mdc-checkbox-disabled-color": "#6f6f6f", + "--ha-space-3": "12px", + "--ha-color-neutral-50": "#7a7a7a", + "--state-binary_sensor-heat-on-color": "#f44336", + "--rgb-primary-color": "0, 154, 199", + "--red-color": "#f44336", + "--ha-color-green-95": "#e3f9e3", + "--state-alarm_control_panel-armed_custom_bypass-color": "#4caf50", + "--wa-color-text-normal": "#e1e1e1", + "--ha-space-5": "20px", + "--rgb-success-color": "67, 160, 71", + "--ha-color-orange-10": "#3b0f00", + "--color-30": "#bf3947", + "--state-weather-pouring-color": "#3f51b5", + "--ha-color-fill-neutral-loud-hover": "#b1b1b1", + "--state-unavailable-color": "#6f6f6f", + "--wa-color-brand-fill-quiet": "#002e3e", + "--ha-color-orange-90": "#ffe0c8", + "--state-binary_sensor-tamper-on-color": "#f44336", + "--ha-color-fill-disabled-normal-resting": "#363636", + "--mdc-text-field-disabled-line-color": "#ffffff0f", + "--wa-space-m": "16px", + "--ha-line-height-condensed": "1.2", + "--wa-form-control-background-color": "", + "--state-device_tracker-active-color": "#2196f3", + "--input-hover-line-color": "#ffffffde", + "--ha-font-size-xl": "calc(20px * 1)", + "--ha-color-border-neutral-normal": "#7a7a7a", + "--wa-border-width-s": "1px", + "--color-49": "#f883b0", + "--wa-shadow-l": "0 6px 12px -3px #0006, 0 16px 32px -6px #0000008c", + "--wa-font-size-m": "calc(14px * 1)", + "--ha-font-weight-medium": "500", + "--rgb-outline-color": "225,225,225", + "--state-vacuum-active-color": "#009688", + "--rgb-secondary-background-color": "40,40,40", + "--ha-color-fill-disabled-quiet-resting": "#202020", + "--mdc-text-field-outlined-idle-border-color": "#ffffff61", + "--ha-border-radius-3xl": "24px", + "--color-48": "#c4b8d9", + "--ha-color-border-danger-normal": "#dc3146", + "--accent-color": "#ff9800", + "--outline-hover-color": "#e1e1e13d", + "--ha-color-on-disabled-normal": "#7a7a7a", + "--ha-font-size-l": "calc(16px * 1)", + "--color-38": "#9d7a00", + "--state-weather-partlycloudy-color": "#607d8b", + "--ha-color-orange-80": "#ffbb89", + "--wa-border-radius-m": "8px", + "--state-binary_sensor-glass_break-on-color": "#f44336", + "--deep-orange-color": "#ff6f22", + "--codemirror-string-2": "#f07178", + "--ha-color-form-background-disabled": "#363636", + "--wa-color-success-border-loud": "#036730", + "--ha-color-orange-95": "#fff0e4", + "--rgb-scrollbar-thumb-color": "110,110,110", + "--mdc-theme-error": "#db4437", + "--ha-color-primary-90": "#dff3fc", + "--ha-color-border-neutral-loud": "#b1b1b1", + "--state-weather-fog-color": "#9e9e9e", + "--color-40": "#00d27e", + "--rgb-input-disabled-fill-color": "255,255,255", + "--wa-space-xl": "32px", + "--secondary-text-color": "#9b9b9b", + "--rgb-codemirror-tag": "255,83,112", + "--error-color": "#db4437", + "--state-weather-snowy-color": "#c0e0ff", + "--mdc-dialog-scroll-divider-color": "#e1e1e11f", + "--ha-font-weight-bold": "700", + "--ha-space-12": "48px", + "--wa-border-radius-l": "12px", + "--wa-color-danger-fill-loud": "#b30532", + "--state-alarm_control_panel-armed_vacation-color": "#4caf50", + "--color-22": "#8fe9d3", + "--color-16": "#8043ce", + "--rgb-codemirror-string-2": "240,113,120", + "--ha-color-red-50": "#dc3146", + "--mdc-select-outlined-hover-border-color": "#ffffffde", + "--ha-color-surface-default": "#202020", + "--wa-border-style": "solid", + "--app-header-background-color": "#1c1c1c", + "--card-background-color": "#1c1c1c", + "--state-alert-off-color": "#ff9800", + "--mdc-theme-on-surface": "#e1e1e1", + "--ha-color-border-success-normal": "#5dc36f", + "--state-binary_sensor-smoke-on-color": "#f44336", + "--label-badge-text-color": "rgba(225,225,225, .8)", + "--state-climate-cool-color": "#2196f3", + "--wa-color-warning-on-normal": "#f36d00", + "--mdc-text-field-outlined-hover-border-color": "#ffffffde", + "--color-21": "#ff957c", + "--indigo-color": "#3f51b5", + "--wa-focus-ring-color": "#989898", + "--mdc-radio-disabled-color": "#6f6f6f", + "--color-13": "#49a28f", + "--state-alarm_control_panel-armed_home-color": "#4caf50", + "--ha-color-text-link": "#37c8fd", + "--ha-button-neutral-color": "#d9dae0", + "--rgb-codemirror-type": "222,203,107", + "--mdc-select-fill-color": "#ffffff0d", + "--ha-color-fill-primary-quiet-hover": "#002e3e", + "--ha-color-fill-danger-quiet-resting": "#2a040b", + "--label-badge-grey": "#9e9e9e", + "--wa-transition-fast": "1ms", + "--label-badge-yellow": "#ffa600", + "--data-table-background-color": "#1c1c1c", + "--state-icon-error-color": "#db4437", + "--color-39": "#698cff", + "--rgb-input-idle-line-color": "255,255,255", + "--ha-box-shadow-s": "0 1px 2px 0 #0006, 0 1px 3px 0 #00000080", + "--ha-border-radius-2xl": "20px", + "--wa-shadow-m": "0 3px 6px -1px #00000059, 0 8px 16px -2px #00000073", + "--color-14": "#048732", + "--color-31": "#9f5b00", + "--ha-animation-duration-slow": "1ms", + "--ha-font-smoothing": "antialiased", + "--ha-color-surface-low": "#141414", + "--color-20": "#ffd444", + "--ha-color-fill-warning-quiet-resting": "#280700", + "--wa-border-width-m": "2px", + "--ha-color-green-90": "#c2f2c1", + "--state-lawn_mower-error-color": "#f44336", + "--mdc-select-idle-line-color": "#ffffff6b", + "--color-23": "#62cc71", + "--mdc-select-hover-line-color": "#ffffffde", + "--ha-dialog-scrim-backdrop-filter": "brightness(68%)", + "--safe-area-inset-right": "0px", + "--clear-background-color": "#111", + "--state-lock-unlocking-color": "#ff9800", + "--state-sun-above_horizon-color": "#ffc107", + "--ha-animation-duration-none": "1ms", + "--color-7": "#9c6b4e", + "--light-primary-color": "#b3e5fc", + "--state-lock-opening-color": "#ff9800", + "--wa-form-control-toggle-size": "20px", + "--ha-color-fill-danger-normal-resting": "#3e0913", + "--mdc-theme-on-primary": "#fff", + "--input-outlined-hover-border-color": "#ffffffde", + "--chip-background-color": "rgba(225,225,225, .15)", + "--rgb-shadow-color": "0,0,0", + "--ha-color-on-surface-default": "#f3f3f3", + "--ha-color-on-success-quiet": "#5dc36f", + "--md-list-item-label-text-font": "Roboto, Noto, sans-serif", + "--ha-color-red-90": "#ffdedc", + "--rgb-input-label-ink-color": "255,255,255", + "--input-ink-color": "#ffffffde", + "--direction": "ltr", + "--rgb-card-background-color": "28,28,28", + "--float-start": "left", + "--light-secondary-opacity": ".7", + "--ha-space-2": "8px", + "--ha-color-fill-primary-loud-hover": "#006787", + "--md-list-item-trailing-supporting-text-font": "Roboto, Noto, sans-serif", + "--slider-track-color": "#6e6e6e", + "--ha-color-red-10": "#3e0913", + "--safe-area-offset-left": "calc(max(0px - 0px, 0px) / 2)", + "--wa-color-neutral-on-loud": "#fff", + "--ha-color-surface-lower": "#000", + "--text-primary-color": "#fff", + "--ha-font-family-longform": "ui-sans-serif, system-ui, sans-serif", + "--light-divider-opacity": ".12", + "--state-weather-lightning_rainy-color": "#cddc39", + "--ha-border-radius-square": "0", + "--safe-area-offset-bottom": "calc(max(0px - 0px, 0px) / 2)", + "--wa-font-weight-action": "500", + "--ha-color-on-neutral-loud": "#fff", + "--wa-color-success-fill-loud": "#036730", + "--primary-text-color": "#e1e1e1", + "--info-color": "#039be5", + "--color-54": "#4269d0", + "--teal-color": "#009688", + "--color-12": "#d84f3e", + "--ha-color-fill-warning-loud-hover": "#7e2900", + "--pink-color": "#e91e63", + "--wa-form-control-border-style": "solid", + "--ha-color-border-warning-loud": "#c94e00", + "--light-disabled-opacity": ".3", + "--mdc-select-disabled-ink-color": "#ffffff5e", + "--mdc-theme-text-icon-on-background": "#9b9b9b", + "--wa-color-success-border-quiet": "#c2f2c1", + "--wa-color-success-on-normal": "#00ac49", + "--wa-space-l": "24px", + "--ha-space-18": "72px", + "--rgb-primary-text-color": "225,225,225", + "--wa-border-width-l": "3px", + "--ha-color-neutral-10": "#202020", + "--state-person-active-color": "#2196f3", + "--ha-box-shadow-m": "0 3px 6px -1px #00000059, 0 8px 16px -2px #00000073", + "--ha-color-border-danger-quiet": "#ffdedc", + "--app-header-text-color": "#e1e1e1", + "--ha-color-orange-30": "#7e2900", + "--ha-color-surface-default-inverted": "#fff", + "--ha-color-fill-danger-loud-hover": "#8a132c", + "--wa-shadow-s": "0 1px 2px 0 #0006, 0 1px 3px 0 #00000080", + "--ha-color-neutral-70": "#b1b1b1", + "--color-43": "#c49200", + "--dark-primary-color": "#0288d1", + "--rgb-input-hover-line-color": "255,255,255", + "--ha-color-green-40": "#036730", + "--color-1": "#4269d0", + "--dark-grey-color": "#606060", + "--rgb-error-color": "219, 68, 55", + "--ha-color-fill-neutral-normal-hover": "#363636", + "--rgb-codemirror-def": "130,170,255", + "--rgb-codemirror-string": "195,232,141", + "--rgb-codemirror-builtin": "255,203,107", + "--ha-color-border-primary-loud": "#009ac7", + "--wa-color-danger-on-quiet": "#fd8f90", + "--state-binary_sensor-gas-on-color": "#f44336", + "--grey-color": "#9e9e9e", + "--mdc-theme-text-hint-on-background": "#9b9b9b", + "--wa-color-danger-fill-normal": "#3e0913", + "--state-binary_sensor-moisture-on-color": "#f44336", + "--yellow-color": "#ffeb3b" + } + }, + "browsers": [ + { + "platform": "macos", + "architecture": "arm64", + "chromium": "156.0.8078.4", + "independentCaptures": 44, + "repeatedPngsIdentical": true + }, + { + "platform": "linux", + "architecture": "arm64", + "chromium": "156.0.8078.80", + "independentCaptures": 44, + "repeatedPngsIdentical": true + }, + { + "platform": "linux", + "architecture": "x64", + "chromium": "156.0.8078.4", + "independentCaptures": 44, + "repeatedPngsIdentical": true + } + ], + "states": [ + { + "platform": "macos", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "info", + "kind": "notice", + "tone": "info", + "title": "Household status", + "message": "The shopping list is up to date.", + "width": 480 + }, + "measurement": { + "parts": { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 50 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "padding": "8px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "overlay": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 50 + }, + "style": { + "backgroundColor": "rgb(3, 155, 229)", + "borderRadius": "4px", + "border": "0px none rgb(20, 20, 20)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "direction": "ltr", + "opacity": "0.12", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "icon": { + "box": { + "x": 32, + "y": 32, + "width": 24, + "height": 24 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(3, 155, 229)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(3, 155, 229)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "title": { + "box": { + "x": 64, + "y": 34, + "width": 190.265625, + "height": 16 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "700", + "lineHeight": "normal", + "color": "rgb(20, 20, 20)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "button": null + }, + "title": { + "x": 64, + "y": 34, + "width": 110.265625, + "height": 16 + }, + "message": { + "x": 64, + "y": 50, + "width": 190.265625, + "height": 16 + } + }, + "image": { + "path": "tests/storybook/reference/ha-feedback/macos-arm64/light-info.png", + "sha256": "e3f6f232a96744552624faa7168aadd78f6aad086e9d5f62d6409e60724fb807" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "success", + "kind": "notice", + "tone": "success", + "title": "Task saved", + "message": "The household can now see the task.", + "width": 480 + }, + "measurement": { + "parts": { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 50 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "padding": "8px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "overlay": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 50 + }, + "style": { + "backgroundColor": "rgb(67, 160, 71)", + "borderRadius": "4px", + "border": "0px none rgb(20, 20, 20)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "direction": "ltr", + "opacity": "0.12", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "icon": { + "box": { + "x": 32, + "y": 32, + "width": 24, + "height": 24 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(67, 160, 71)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(67, 160, 71)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "title": { + "box": { + "x": 64, + "y": 34, + "width": 230.15625, + "height": 16 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "700", + "lineHeight": "normal", + "color": "rgb(20, 20, 20)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "button": null + }, + "title": { + "x": 64, + "y": 34, + "width": 69.890625, + "height": 16 + }, + "message": { + "x": 64, + "y": 50, + "width": 230.15625, + "height": 16 + } + }, + "image": { + "path": "tests/storybook/reference/ha-feedback/macos-arm64/light-success.png", + "sha256": "f37ec740ff58846fca017e80c483f2ea28178a11fd82dfdb0056bd52b6201cd4" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "warning", + "kind": "notice", + "tone": "warning", + "title": "Review the reminder", + "message": "One household reminder needs attention.", + "width": 480 + }, + "measurement": { + "parts": { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 50 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "padding": "8px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "overlay": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 50 + }, + "style": { + "backgroundColor": "rgb(255, 166, 0)", + "borderRadius": "4px", + "border": "0px none rgb(20, 20, 20)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "direction": "ltr", + "opacity": "0.12", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "icon": { + "box": { + "x": 32, + "y": 32, + "width": 24, + "height": 24 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(255, 166, 0)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(255, 166, 0)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "title": { + "box": { + "x": 64, + "y": 34, + "width": 256.078125, + "height": 16 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "700", + "lineHeight": "normal", + "color": "rgb(20, 20, 20)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "button": null + }, + "title": { + "x": 64, + "y": 34, + "width": 127.6875, + "height": 16 + }, + "message": { + "x": 64, + "y": 50, + "width": 256.078125, + "height": 16 + } + }, + "image": { + "path": "tests/storybook/reference/ha-feedback/macos-arm64/light-warning.png", + "sha256": "e2616a4014a94dcd53a344507a10793e018b62cfdef92eeff9ed282300d86a6f" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "error", + "kind": "notice", + "tone": "error", + "title": "Unable to save the task", + "message": "Try saving again.", + "action": true, + "width": 480 + }, + "measurement": { + "parts": { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 56 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "padding": "8px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "overlay": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 56 + }, + "style": { + "backgroundColor": "rgb(219, 68, 55)", + "borderRadius": "4px", + "border": "0px none rgb(20, 20, 20)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "direction": "ltr", + "opacity": "0.12", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "icon": { + "box": { + "x": 32, + "y": 32, + "width": 24, + "height": 24 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(219, 68, 55)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(219, 68, 55)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "title": { + "box": { + "x": 64, + "y": 37, + "width": 145.578125, + "height": 16 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "700", + "lineHeight": "normal", + "color": "rgb(20, 20, 20)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "button": { + "box": { + "x": 429.234375, + "y": 32, + "width": 66.765625, + "height": 40 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "padding": "0px 16px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "color": "rgb(0, 154, 199)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + } + }, + "title": { + "x": 64, + "y": 37, + "width": 145.578125, + "height": 16 + }, + "message": { + "x": 64, + "y": 53, + "width": 104.640625, + "height": 16 + } + }, + "image": { + "path": "tests/storybook/reference/ha-feedback/macos-arm64/light-error.png", + "sha256": "f3a731281b138d5407ee37fe92e1cac2f7f5489d3fd4872830502f4f9fc72fde" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "untitled", + "kind": "notice", + "tone": "info", + "title": "", + "message": "There are no new reminders.", + "width": 480 + }, + "measurement": { + "parts": { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 40 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "padding": "8px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "overlay": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 40 + }, + "style": { + "backgroundColor": "rgb(3, 155, 229)", + "borderRadius": "4px", + "border": "0px none rgb(20, 20, 20)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "direction": "ltr", + "opacity": "0.12", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "icon": { + "box": { + "x": 32, + "y": 32, + "width": 24, + "height": 24 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(3, 155, 229)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(3, 155, 229)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "title": null, + "button": null + }, + "title": null, + "message": { + "x": 64, + "y": 36, + "width": 176.75, + "height": 16 + } + }, + "image": { + "path": "tests/storybook/reference/ha-feedback/macos-arm64/light-untitled.png", + "sha256": "08e77d2f939174c8f51047631c48bf65a16a4bfabc7b644cbd5d196429ef02ea" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "narrow", + "kind": "notice", + "tone": "warning", + "title": "Review the household reminder", + "message": "One reminder needs attention before the next shared task.", + "action": true, + "narrow": true, + "width": 264 + }, + "measurement": { + "parts": { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 264, + "height": 106 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "padding": "8px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "overlay": { + "box": { + "x": 24, + "y": 24, + "width": 264, + "height": 106 + }, + "style": { + "backgroundColor": "rgb(255, 166, 0)", + "borderRadius": "4px", + "border": "0px none rgb(20, 20, 20)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "direction": "ltr", + "opacity": "0.12", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "icon": { + "box": { + "x": 32, + "y": 32, + "width": 24, + "height": 24 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(255, 166, 0)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(255, 166, 0)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "title": { + "box": { + "x": 64, + "y": 34, + "width": 208, + "height": 16 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "700", + "lineHeight": "normal", + "color": "rgb(20, 20, 20)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "button": { + "box": { + "x": 213.234375, + "y": 82, + "width": 66.765625, + "height": 40 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "padding": "0px 16px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "color": "rgb(0, 154, 199)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + } + }, + "title": { + "x": 64, + "y": 34, + "width": 196.65625, + "height": 16 + }, + "message": { + "x": 64, + "y": 50, + "width": 183.890625, + "height": 32 + } + }, + "image": { + "path": "tests/storybook/reference/ha-feedback/macos-arm64/light-narrow.png", + "sha256": "6eb55ebdf6774f7fd000aec146337cf9ae49fb3f2d04d024dbdf116db65e1a83" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "rtl", + "kind": "notice", + "tone": "warning", + "title": "راجع التذكير", + "message": "أحد تذكيرات المنزل يحتاج إلى مراجعة.", + "action": false, + "dir": "rtl", + "width": 320 + }, + "measurement": { + "parts": { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 320, + "height": 76 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "padding": "8px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "direction": "rtl", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "overlay": { + "box": { + "x": 24, + "y": 24, + "width": 320, + "height": 76 + }, + "style": { + "backgroundColor": "rgb(255, 166, 0)", + "borderRadius": "4px", + "border": "0px none rgb(20, 20, 20)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "direction": "rtl", + "opacity": "0.12", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "icon": { + "box": { + "x": 312, + "y": 32, + "width": 24, + "height": 24 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(255, 166, 0)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(255, 166, 0)", + "direction": "rtl", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "title": { + "box": { + "x": 96.953125, + "y": 34, + "width": 207.046875, + "height": 29 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "700", + "lineHeight": "normal", + "color": "rgb(20, 20, 20)", + "direction": "rtl", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "button": null + }, + "title": { + "x": 240.53125, + "y": 40, + "width": 63.46875, + "height": 16 + }, + "message": { + "x": 96.953125, + "y": 69, + "width": 207.046875, + "height": 16 + } + }, + "image": { + "path": "tests/storybook/reference/ha-feedback/macos-arm64/light-rtl.png", + "sha256": "34e274f6a1ad54c116511f5c3de7b6cf4a1a934fbf02fd1262c96def86987fa2" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "loading", + "kind": "loading", + "message": "Loading household tasks…", + "width": 480 + }, + "measurement": { + "parts": { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 28 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "padding": "0px", + "gap": "12px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "spinner": { + "box": { + "x": 24, + "y": 24, + "width": 28, + "height": 28 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "28px", + "fontWeight": "400", + "lineHeight": "44.8px", + "color": "rgb(20, 20, 20)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "track": { + "box": { + "x": 26, + "y": 26, + "width": 24, + "height": 24 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "28px", + "fontWeight": "400", + "lineHeight": "44.8px", + "color": "rgb(20, 20, 20)", + "direction": "ltr", + "opacity": "1", + "stroke": "rgba(0, 0, 0, 0.12)", + "strokeWidth": "4px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "indicator": { + "box": { + "x": 26, + "y": 26, + "width": 24, + "height": 24 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "28px", + "fontWeight": "400", + "lineHeight": "44.8px", + "color": "rgb(20, 20, 20)", + "direction": "ltr", + "opacity": "1", + "stroke": "rgb(0, 154, 199)", + "strokeWidth": "4px", + "strokeDasharray": "45.0127px, 60.0169px", + "strokeDashoffset": "-3.01593px" + } + } + }, + "title": null, + "message": { + "x": 64, + "y": 29.796875, + "width": 165.0625, + "height": 16 + } + }, + "image": { + "path": "tests/storybook/reference/ha-feedback/macos-arm64/light-loading.png", + "sha256": "32a174cf84ddf33c2374dc82f59cb560029aea8da0d7ce2cec50dbeedf080e92" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "info", + "kind": "notice", + "tone": "info", + "title": "Household status", + "message": "The shopping list is up to date.", + "width": 480 + }, + "measurement": { + "parts": { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 50 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "padding": "8px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "overlay": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 50 + }, + "style": { + "backgroundColor": "rgb(3, 155, 229)", + "borderRadius": "4px", + "border": "0px none rgb(225, 225, 225)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "direction": "ltr", + "opacity": "0.12", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "icon": { + "box": { + "x": 32, + "y": 32, + "width": 24, + "height": 24 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(3, 155, 229)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(3, 155, 229)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "title": { + "box": { + "x": 64, + "y": 34, + "width": 190.265625, + "height": 16 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "700", + "lineHeight": "normal", + "color": "rgb(225, 225, 225)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "button": null + }, + "title": { + "x": 64, + "y": 34, + "width": 110.265625, + "height": 16 + }, + "message": { + "x": 64, + "y": 50, + "width": 190.265625, + "height": 16 + } + }, + "image": { + "path": "tests/storybook/reference/ha-feedback/macos-arm64/dark-info.png", + "sha256": "0e58d959332cafe5679284e7acbad1795a70ac18a37b0cc3df6b6c5678459309" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "success", + "kind": "notice", + "tone": "success", + "title": "Task saved", + "message": "The household can now see the task.", + "width": 480 + }, + "measurement": { + "parts": { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 50 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "padding": "8px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "overlay": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 50 + }, + "style": { + "backgroundColor": "rgb(67, 160, 71)", + "borderRadius": "4px", + "border": "0px none rgb(225, 225, 225)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "direction": "ltr", + "opacity": "0.12", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "icon": { + "box": { + "x": 32, + "y": 32, + "width": 24, + "height": 24 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(67, 160, 71)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(67, 160, 71)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "title": { + "box": { + "x": 64, + "y": 34, + "width": 230.15625, + "height": 16 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "700", + "lineHeight": "normal", + "color": "rgb(225, 225, 225)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "button": null + }, + "title": { + "x": 64, + "y": 34, + "width": 69.890625, + "height": 16 + }, + "message": { + "x": 64, + "y": 50, + "width": 230.15625, + "height": 16 + } + }, + "image": { + "path": "tests/storybook/reference/ha-feedback/macos-arm64/dark-success.png", + "sha256": "5cb5a26834408bbc418750b157d540ea2793357c61da5a058b6c77e106e12baf" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "warning", + "kind": "notice", + "tone": "warning", + "title": "Review the reminder", + "message": "One household reminder needs attention.", + "width": 480 + }, + "measurement": { + "parts": { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 50 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "padding": "8px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "overlay": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 50 + }, + "style": { + "backgroundColor": "rgb(255, 166, 0)", + "borderRadius": "4px", + "border": "0px none rgb(225, 225, 225)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "direction": "ltr", + "opacity": "0.12", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "icon": { + "box": { + "x": 32, + "y": 32, + "width": 24, + "height": 24 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(255, 166, 0)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(255, 166, 0)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "title": { + "box": { + "x": 64, + "y": 34, + "width": 256.078125, + "height": 16 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "700", + "lineHeight": "normal", + "color": "rgb(225, 225, 225)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "button": null + }, + "title": { + "x": 64, + "y": 34, + "width": 127.6875, + "height": 16 + }, + "message": { + "x": 64, + "y": 50, + "width": 256.078125, + "height": 16 + } + }, + "image": { + "path": "tests/storybook/reference/ha-feedback/macos-arm64/dark-warning.png", + "sha256": "6ccaab5effb9906e144a85d8f152e381660bad57f88e27555ae14ceb578d6efc" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "error", + "kind": "notice", + "tone": "error", + "title": "Unable to save the task", + "message": "Try saving again.", + "action": true, + "width": 480 + }, + "measurement": { + "parts": { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 56 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "padding": "8px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "overlay": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 56 + }, + "style": { + "backgroundColor": "rgb(219, 68, 55)", + "borderRadius": "4px", + "border": "0px none rgb(225, 225, 225)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "direction": "ltr", + "opacity": "0.12", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "icon": { + "box": { + "x": 32, + "y": 32, + "width": 24, + "height": 24 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(219, 68, 55)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(219, 68, 55)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "title": { + "box": { + "x": 64, + "y": 37, + "width": 145.578125, + "height": 16 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "700", + "lineHeight": "normal", + "color": "rgb(225, 225, 225)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "button": { + "box": { + "x": 429.234375, + "y": 32, + "width": 66.765625, + "height": 40 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "padding": "0px 16px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "color": "rgb(55, 200, 253)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + } + }, + "title": { + "x": 64, + "y": 37, + "width": 145.578125, + "height": 16 + }, + "message": { + "x": 64, + "y": 53, + "width": 104.640625, + "height": 16 + } + }, + "image": { + "path": "tests/storybook/reference/ha-feedback/macos-arm64/dark-error.png", + "sha256": "0b6574d29ea89af72616a2c9e36d7a2a13e0012383294ac9ae726043ea2c33e1" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "untitled", + "kind": "notice", + "tone": "info", + "title": "", + "message": "There are no new reminders.", + "width": 480 + }, + "measurement": { + "parts": { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 40 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "padding": "8px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "overlay": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 40 + }, + "style": { + "backgroundColor": "rgb(3, 155, 229)", + "borderRadius": "4px", + "border": "0px none rgb(225, 225, 225)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "direction": "ltr", + "opacity": "0.12", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "icon": { + "box": { + "x": 32, + "y": 32, + "width": 24, + "height": 24 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(3, 155, 229)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(3, 155, 229)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "title": null, + "button": null + }, + "title": null, + "message": { + "x": 64, + "y": 36, + "width": 176.75, + "height": 16 + } + }, + "image": { + "path": "tests/storybook/reference/ha-feedback/macos-arm64/dark-untitled.png", + "sha256": "14c625dc691012bb17d062e19e359ab1f22494c7b01b780429998b0443ccc4f7" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "narrow", + "kind": "notice", + "tone": "warning", + "title": "Review the household reminder", + "message": "One reminder needs attention before the next shared task.", + "action": true, + "narrow": true, + "width": 264 + }, + "measurement": { + "parts": { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 264, + "height": 106 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "padding": "8px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "overlay": { + "box": { + "x": 24, + "y": 24, + "width": 264, + "height": 106 + }, + "style": { + "backgroundColor": "rgb(255, 166, 0)", + "borderRadius": "4px", + "border": "0px none rgb(225, 225, 225)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "direction": "ltr", + "opacity": "0.12", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "icon": { + "box": { + "x": 32, + "y": 32, + "width": 24, + "height": 24 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(255, 166, 0)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(255, 166, 0)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "title": { + "box": { + "x": 64, + "y": 34, + "width": 208, + "height": 16 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "700", + "lineHeight": "normal", + "color": "rgb(225, 225, 225)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "button": { + "box": { + "x": 213.234375, + "y": 82, + "width": 66.765625, + "height": 40 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "padding": "0px 16px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "color": "rgb(55, 200, 253)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + } + }, + "title": { + "x": 64, + "y": 34, + "width": 196.65625, + "height": 16 + }, + "message": { + "x": 64, + "y": 50, + "width": 183.890625, + "height": 32 + } + }, + "image": { + "path": "tests/storybook/reference/ha-feedback/macos-arm64/dark-narrow.png", + "sha256": "b1c24092390efc05b22751cc84963bb0b5bc0f4d384916112d84f1712c61359d" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "rtl", + "kind": "notice", + "tone": "warning", + "title": "راجع التذكير", + "message": "أحد تذكيرات المنزل يحتاج إلى مراجعة.", + "action": false, + "dir": "rtl", + "width": 320 + }, + "measurement": { + "parts": { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 320, + "height": 76 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "padding": "8px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "direction": "rtl", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "overlay": { + "box": { + "x": 24, + "y": 24, + "width": 320, + "height": 76 + }, + "style": { + "backgroundColor": "rgb(255, 166, 0)", + "borderRadius": "4px", + "border": "0px none rgb(225, 225, 225)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "direction": "rtl", + "opacity": "0.12", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "icon": { + "box": { + "x": 312, + "y": 32, + "width": 24, + "height": 24 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(255, 166, 0)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(255, 166, 0)", + "direction": "rtl", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "title": { + "box": { + "x": 96.953125, + "y": 34, + "width": 207.046875, + "height": 29 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "700", + "lineHeight": "normal", + "color": "rgb(225, 225, 225)", + "direction": "rtl", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "button": null + }, + "title": { + "x": 240.53125, + "y": 40, + "width": 63.46875, + "height": 16 + }, + "message": { + "x": 96.953125, + "y": 69, + "width": 207.046875, + "height": 16 + } + }, + "image": { + "path": "tests/storybook/reference/ha-feedback/macos-arm64/dark-rtl.png", + "sha256": "2466d8f1b080f52ccffda7657e4e02352f665f4ec24ec5e47f27c45566d64e1d" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "loading", + "kind": "loading", + "message": "Loading household tasks…", + "width": 480 + }, + "measurement": { + "parts": { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 28 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "padding": "0px", + "gap": "12px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "spinner": { + "box": { + "x": 24, + "y": 24, + "width": 28, + "height": 28 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "28px", + "fontWeight": "400", + "lineHeight": "44.8px", + "color": "rgb(225, 225, 225)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "track": { + "box": { + "x": 26, + "y": 26, + "width": 24, + "height": 24 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "28px", + "fontWeight": "400", + "lineHeight": "44.8px", + "color": "rgb(225, 225, 225)", + "direction": "ltr", + "opacity": "1", + "stroke": "rgba(225, 225, 225, 0.12)", + "strokeWidth": "4px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "indicator": { + "box": { + "x": 26, + "y": 26, + "width": 24, + "height": 24 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "28px", + "fontWeight": "400", + "lineHeight": "44.8px", + "color": "rgb(225, 225, 225)", + "direction": "ltr", + "opacity": "1", + "stroke": "rgb(0, 154, 199)", + "strokeWidth": "4px", + "strokeDasharray": "45.0127px, 60.0169px", + "strokeDashoffset": "-3.01593px" + } + } + }, + "title": null, + "message": { + "x": 64, + "y": 29.796875, + "width": 165.0625, + "height": 16 + } + }, + "image": { + "path": "tests/storybook/reference/ha-feedback/macos-arm64/dark-loading.png", + "sha256": "1db20a601330b1fa166150e4f162d95a1624d1f35afca8afd3661bb52ddb0c78" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "empty-default", + "width": 480, + "action": true, + "kind": "empty", + "title": "No household tasks", + "message": "Add a task to share it with your household." + }, + "measurement": { + "parts": { + "host": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 280 + }, + "style": { + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "textAlign": "start", + "margin": "0px" + } + }, + "content": { + "box": { + "x": 116.1875, + "y": 32.796875, + "width": 295.625, + "height": 262.390625 + }, + "style": { + "padding": "32px 16px", + "gap": "16px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "textAlign": "center", + "margin": "0px" + } + }, + "icon": { + "box": { + "x": 232, + "y": 64.796875, + "width": 64, + "height": 64 + }, + "style": { + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(94, 94, 94)", + "textAlign": "center", + "margin": "0px" + } + }, + "heading": { + "box": { + "x": 175.171875, + "y": 144.796875, + "width": 177.65625, + "height": 24 + }, + "style": { + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "color": "rgb(20, 20, 20)", + "textAlign": "center", + "margin": "0px" + } + }, + "description": { + "box": { + "x": 132.1875, + "y": 184.796875, + "width": 263.625, + "height": 22.390625 + }, + "style": { + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(94, 94, 94)", + "textAlign": "center", + "margin": "0px" + } + }, + "button": { + "box": { + "x": 219.3125, + "y": 223.1875, + "width": 89.375, + "height": 40 + }, + "style": { + "padding": "0px 16px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "color": "rgb(0, 154, 199)", + "textAlign": "center", + "margin": "0px" + } + } + }, + "title": null, + "message": null + }, + "image": { + "path": "tests/storybook/reference/ha-feedback/macos-arm64/light-empty-default.png", + "sha256": "cc5d7e5a3cff6ca32fc20639f289049518b4361e2045cae42027e8318b440fb3" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "empty-narrow", + "width": 264, + "action": false, + "kind": "empty", + "title": "No household tasks", + "message": "Add a task to share it with your household." + }, + "measurement": { + "parts": { + "host": { + "box": { + "x": 24, + "y": 24, + "width": 264, + "height": 280 + }, + "style": { + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "textAlign": "start", + "margin": "0px" + } + }, + "content": { + "box": { + "x": 24, + "y": 49.609375, + "width": 264, + "height": 228.78125 + }, + "style": { + "padding": "32px 16px", + "gap": "16px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "textAlign": "center", + "margin": "0px" + } + }, + "icon": { + "box": { + "x": 124, + "y": 81.609375, + "width": 64, + "height": 64 + }, + "style": { + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(94, 94, 94)", + "textAlign": "center", + "margin": "0px" + } + }, + "heading": { + "box": { + "x": 67.171875, + "y": 161.609375, + "width": 177.65625, + "height": 24 + }, + "style": { + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "color": "rgb(20, 20, 20)", + "textAlign": "center", + "margin": "0px" + } + }, + "description": { + "box": { + "x": 40, + "y": 201.609375, + "width": 232, + "height": 44.78125 + }, + "style": { + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(94, 94, 94)", + "textAlign": "center", + "margin": "0px" + } + }, + "button": null + }, + "title": null, + "message": null + }, + "image": { + "path": "tests/storybook/reference/ha-feedback/macos-arm64/light-empty-narrow.png", + "sha256": "5c945d591938a3928b0e512eca5020885778bd2e8049c690501ab0ad0081a97c" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "empty-title-only", + "width": 480, + "action": false, + "noDescription": true, + "noIcon": true, + "kind": "empty", + "title": "No household tasks", + "message": "" + }, + "measurement": { + "parts": { + "host": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 280 + }, + "style": { + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "textAlign": "start", + "margin": "0px" + } + }, + "content": { + "box": { + "x": 159.171875, + "y": 120, + "width": 209.65625, + "height": 88 + }, + "style": { + "padding": "32px 16px", + "gap": "16px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "textAlign": "center", + "margin": "0px" + } + }, + "icon": null, + "heading": { + "box": { + "x": 175.171875, + "y": 152, + "width": 177.65625, + "height": 24 + }, + "style": { + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "color": "rgb(20, 20, 20)", + "textAlign": "center", + "margin": "0px" + } + }, + "description": null, + "button": null + }, + "title": null, + "message": null + }, + "image": { + "path": "tests/storybook/reference/ha-feedback/macos-arm64/light-empty-title-only.png", + "sha256": "67f15685a724322c73e7c6d3d4d59681608e533fcd6ffae4b3903cb067afbeed" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "empty-default", + "width": 480, + "action": true, + "kind": "empty", + "title": "No household tasks", + "message": "Add a task to share it with your household." + }, + "measurement": { + "parts": { + "host": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 280 + }, + "style": { + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "textAlign": "start", + "margin": "0px" + } + }, + "content": { + "box": { + "x": 116.1875, + "y": 32.796875, + "width": 295.625, + "height": 262.390625 + }, + "style": { + "padding": "32px 16px", + "gap": "16px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "textAlign": "center", + "margin": "0px" + } + }, + "icon": { + "box": { + "x": 232, + "y": 64.796875, + "width": 64, + "height": 64 + }, + "style": { + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(155, 155, 155)", + "textAlign": "center", + "margin": "0px" + } + }, + "heading": { + "box": { + "x": 175.171875, + "y": 144.796875, + "width": 177.65625, + "height": 24 + }, + "style": { + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "color": "rgb(225, 225, 225)", + "textAlign": "center", + "margin": "0px" + } + }, + "description": { + "box": { + "x": 132.1875, + "y": 184.796875, + "width": 263.625, + "height": 22.390625 + }, + "style": { + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(155, 155, 155)", + "textAlign": "center", + "margin": "0px" + } + }, + "button": { + "box": { + "x": 219.3125, + "y": 223.1875, + "width": 89.375, + "height": 40 + }, + "style": { + "padding": "0px 16px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "color": "rgb(55, 200, 253)", + "textAlign": "center", + "margin": "0px" + } + } + }, + "title": null, + "message": null + }, + "image": { + "path": "tests/storybook/reference/ha-feedback/macos-arm64/dark-empty-default.png", + "sha256": "c5a884b29693723c0eca4c4cc61a252211f82447adb1b6985481c133c079859a" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "empty-narrow", + "width": 264, + "action": false, + "kind": "empty", + "title": "No household tasks", + "message": "Add a task to share it with your household." + }, + "measurement": { + "parts": { + "host": { + "box": { + "x": 24, + "y": 24, + "width": 264, + "height": 280 + }, + "style": { + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "textAlign": "start", + "margin": "0px" + } + }, + "content": { + "box": { + "x": 24, + "y": 49.609375, + "width": 264, + "height": 228.78125 + }, + "style": { + "padding": "32px 16px", + "gap": "16px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "textAlign": "center", + "margin": "0px" + } + }, + "icon": { + "box": { + "x": 124, + "y": 81.609375, + "width": 64, + "height": 64 + }, + "style": { + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(155, 155, 155)", + "textAlign": "center", + "margin": "0px" + } + }, + "heading": { + "box": { + "x": 67.171875, + "y": 161.609375, + "width": 177.65625, + "height": 24 + }, + "style": { + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "color": "rgb(225, 225, 225)", + "textAlign": "center", + "margin": "0px" + } + }, + "description": { + "box": { + "x": 40, + "y": 201.609375, + "width": 232, + "height": 44.78125 + }, + "style": { + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(155, 155, 155)", + "textAlign": "center", + "margin": "0px" + } + }, + "button": null + }, + "title": null, + "message": null + }, + "image": { + "path": "tests/storybook/reference/ha-feedback/macos-arm64/dark-empty-narrow.png", + "sha256": "d71806691c58a1dddd5a51067344da9a0da163b91b610bcd7e4a4a1998dd42ad" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "empty-title-only", + "width": 480, + "action": false, + "noDescription": true, + "noIcon": true, + "kind": "empty", + "title": "No household tasks", + "message": "" + }, + "measurement": { + "parts": { + "host": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 280 + }, + "style": { + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "textAlign": "start", + "margin": "0px" + } + }, + "content": { + "box": { + "x": 159.171875, + "y": 120, + "width": 209.65625, + "height": 88 + }, + "style": { + "padding": "32px 16px", + "gap": "16px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "textAlign": "center", + "margin": "0px" + } + }, + "icon": null, + "heading": { + "box": { + "x": 175.171875, + "y": 152, + "width": 177.65625, + "height": 24 + }, + "style": { + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "color": "rgb(225, 225, 225)", + "textAlign": "center", + "margin": "0px" + } + }, + "description": null, + "button": null + }, + "title": null, + "message": null + }, + "image": { + "path": "tests/storybook/reference/ha-feedback/macos-arm64/dark-empty-title-only.png", + "sha256": "5d5bf45f60c46716258cd3548e8d54e075db739973ea952973c94510ad7318ac" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "info", + "kind": "notice", + "tone": "info", + "title": "Household status", + "message": "The shopping list is up to date.", + "width": 480 + }, + "measurement": { + "parts": { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 50 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "padding": "8px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "overlay": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 50 + }, + "style": { + "backgroundColor": "rgb(3, 155, 229)", + "borderRadius": "4px", + "border": "0px none rgb(20, 20, 20)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "direction": "ltr", + "opacity": "0.12", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "icon": { + "box": { + "x": 32, + "y": 32, + "width": 24, + "height": 24 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(3, 155, 229)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(3, 155, 229)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "title": { + "box": { + "x": 64, + "y": 34, + "width": 188, + "height": 16 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "700", + "lineHeight": "normal", + "color": "rgb(20, 20, 20)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "button": null + }, + "title": { + "x": 64, + "y": 34, + "width": 112, + "height": 16 + }, + "message": { + "x": 64, + "y": 50, + "width": 188, + "height": 16 + } + }, + "image": { + "path": "tests/storybook/reference/ha-feedback/linux-arm64/light-info.png", + "sha256": "85ebdad75458d939a1fa7842fcc4f68290ceb965a24034b95a30c97e0014a1b4" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "success", + "kind": "notice", + "tone": "success", + "title": "Task saved", + "message": "The household can now see the task.", + "width": 480 + }, + "measurement": { + "parts": { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 50 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "padding": "8px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "overlay": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 50 + }, + "style": { + "backgroundColor": "rgb(67, 160, 71)", + "borderRadius": "4px", + "border": "0px none rgb(20, 20, 20)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "direction": "ltr", + "opacity": "0.12", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "icon": { + "box": { + "x": 32, + "y": 32, + "width": 24, + "height": 24 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(67, 160, 71)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(67, 160, 71)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "title": { + "box": { + "x": 64, + "y": 34, + "width": 228, + "height": 16 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "700", + "lineHeight": "normal", + "color": "rgb(20, 20, 20)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "button": null + }, + "title": { + "x": 64, + "y": 34, + "width": 71, + "height": 16 + }, + "message": { + "x": 64, + "y": 50, + "width": 228, + "height": 16 + } + }, + "image": { + "path": "tests/storybook/reference/ha-feedback/linux-arm64/light-success.png", + "sha256": "3095e9be44a97aff67c94900c01ca31e1570c54a13e134aedb07d67715027532" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "warning", + "kind": "notice", + "tone": "warning", + "title": "Review the reminder", + "message": "One household reminder needs attention.", + "width": 480 + }, + "measurement": { + "parts": { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 50 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "padding": "8px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "overlay": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 50 + }, + "style": { + "backgroundColor": "rgb(255, 166, 0)", + "borderRadius": "4px", + "border": "0px none rgb(20, 20, 20)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "direction": "ltr", + "opacity": "0.12", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "icon": { + "box": { + "x": 32, + "y": 32, + "width": 24, + "height": 24 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(255, 166, 0)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(255, 166, 0)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "title": { + "box": { + "x": 64, + "y": 34, + "width": 255, + "height": 16 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "700", + "lineHeight": "normal", + "color": "rgb(20, 20, 20)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "button": null + }, + "title": { + "x": 64, + "y": 34, + "width": 131, + "height": 16 + }, + "message": { + "x": 64, + "y": 50, + "width": 255, + "height": 16 + } + }, + "image": { + "path": "tests/storybook/reference/ha-feedback/linux-arm64/light-warning.png", + "sha256": "e3fbee46169a611fad76fe8ae637bd1a32331fe4bd2d876c09c9e58b9c87f3b1" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "error", + "kind": "notice", + "tone": "error", + "title": "Unable to save the task", + "message": "Try saving again.", + "action": true, + "width": 480 + }, + "measurement": { + "parts": { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 56 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "padding": "8px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "overlay": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 56 + }, + "style": { + "backgroundColor": "rgb(219, 68, 55)", + "borderRadius": "4px", + "border": "0px none rgb(20, 20, 20)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "direction": "ltr", + "opacity": "0.12", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "icon": { + "box": { + "x": 32, + "y": 32, + "width": 24, + "height": 24 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(219, 68, 55)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(219, 68, 55)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "title": { + "box": { + "x": 64, + "y": 37, + "width": 148, + "height": 16 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "700", + "lineHeight": "normal", + "color": "rgb(20, 20, 20)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "button": { + "box": { + "x": 428, + "y": 32, + "width": 68, + "height": 40 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "padding": "0px 16px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "color": "rgb(0, 154, 199)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + } + }, + "title": { + "x": 64, + "y": 37, + "width": 148, + "height": 16 + }, + "message": { + "x": 64, + "y": 53, + "width": 105, + "height": 16 + } + }, + "image": { + "path": "tests/storybook/reference/ha-feedback/linux-arm64/light-error.png", + "sha256": "0d966fb87dc462f7a070d04295fbe55daa19ed349ee0c14c1d6e0ceaf6e4896c" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "untitled", + "kind": "notice", + "tone": "info", + "title": "", + "message": "There are no new reminders.", + "width": 480 + }, + "measurement": { + "parts": { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 40 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "padding": "8px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "overlay": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 40 + }, + "style": { + "backgroundColor": "rgb(3, 155, 229)", + "borderRadius": "4px", + "border": "0px none rgb(20, 20, 20)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "direction": "ltr", + "opacity": "0.12", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "icon": { + "box": { + "x": 32, + "y": 32, + "width": 24, + "height": 24 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(3, 155, 229)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(3, 155, 229)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "title": null, + "button": null + }, + "title": null, + "message": { + "x": 64, + "y": 36, + "width": 175, + "height": 16 + } + }, + "image": { + "path": "tests/storybook/reference/ha-feedback/linux-arm64/light-untitled.png", + "sha256": "20a84b43e65f920a12b14603dd81517a16effe2c74905da35982a64eccb03a33" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "narrow", + "kind": "notice", + "tone": "warning", + "title": "Review the household reminder", + "message": "One reminder needs attention before the next shared task.", + "action": true, + "narrow": true, + "width": 264 + }, + "measurement": { + "parts": { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 264, + "height": 106 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "padding": "8px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "overlay": { + "box": { + "x": 24, + "y": 24, + "width": 264, + "height": 106 + }, + "style": { + "backgroundColor": "rgb(255, 166, 0)", + "borderRadius": "4px", + "border": "0px none rgb(20, 20, 20)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "direction": "ltr", + "opacity": "0.12", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "icon": { + "box": { + "x": 32, + "y": 32, + "width": 24, + "height": 24 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(255, 166, 0)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(255, 166, 0)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "title": { + "box": { + "x": 64, + "y": 34, + "width": 208, + "height": 16 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "700", + "lineHeight": "normal", + "color": "rgb(20, 20, 20)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "button": { + "box": { + "x": 212, + "y": 82, + "width": 68, + "height": 40 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "padding": "0px 16px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "color": "rgb(0, 154, 199)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + } + }, + "title": { + "x": 64, + "y": 34, + "width": 201, + "height": 16 + }, + "message": { + "x": 64, + "y": 50, + "width": 183, + "height": 32 + } + }, + "image": { + "path": "tests/storybook/reference/ha-feedback/linux-arm64/light-narrow.png", + "sha256": "d56331e7a1711580b72fc40f47e500fdc5a64363a874657d3b389ebc12cd6738" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "rtl", + "kind": "notice", + "tone": "warning", + "title": "راجع التذكير", + "message": "أحد تذكيرات المنزل يحتاج إلى مراجعة.", + "action": false, + "dir": "rtl", + "width": 320 + }, + "measurement": { + "parts": { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 320, + "height": 76 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "padding": "8px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "direction": "rtl", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "overlay": { + "box": { + "x": 24, + "y": 24, + "width": 320, + "height": 76 + }, + "style": { + "backgroundColor": "rgb(255, 166, 0)", + "borderRadius": "4px", + "border": "0px none rgb(20, 20, 20)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "direction": "rtl", + "opacity": "0.12", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "icon": { + "box": { + "x": 312, + "y": 32, + "width": 24, + "height": 24 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(255, 166, 0)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(255, 166, 0)", + "direction": "rtl", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "title": { + "box": { + "x": 100, + "y": 34, + "width": 204, + "height": 29 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "700", + "lineHeight": "normal", + "color": "rgb(20, 20, 20)", + "direction": "rtl", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "button": null + }, + "title": { + "x": 242, + "y": 40, + "width": 62, + "height": 16 + }, + "message": { + "x": 100, + "y": 69, + "width": 204, + "height": 16 + } + }, + "image": { + "path": "tests/storybook/reference/ha-feedback/linux-arm64/light-rtl.png", + "sha256": "b1c27b6c966ccedcf30940850b574435d421e710b08c33f45ce81d52ca5606e3" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "loading", + "kind": "loading", + "message": "Loading household tasks…", + "width": 480 + }, + "measurement": { + "parts": { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 28 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "padding": "0px", + "gap": "12px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "spinner": { + "box": { + "x": 24, + "y": 24, + "width": 28, + "height": 28 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "28px", + "fontWeight": "400", + "lineHeight": "44.8px", + "color": "rgb(20, 20, 20)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "track": { + "box": { + "x": 26, + "y": 26, + "width": 24, + "height": 24 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "28px", + "fontWeight": "400", + "lineHeight": "44.8px", + "color": "rgb(20, 20, 20)", + "direction": "ltr", + "opacity": "1", + "stroke": "rgba(0, 0, 0, 0.12)", + "strokeWidth": "4px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "indicator": { + "box": { + "x": 26, + "y": 26, + "width": 24, + "height": 24 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "28px", + "fontWeight": "400", + "lineHeight": "44.8px", + "color": "rgb(20, 20, 20)", + "direction": "ltr", + "opacity": "1", + "stroke": "rgb(0, 154, 199)", + "strokeWidth": "4px", + "strokeDasharray": "45.0127px, 60.0169px", + "strokeDashoffset": "-3.01593px" + } + } + }, + "title": null, + "message": { + "x": 64, + "y": 29.796875, + "width": 165, + "height": 16 + } + }, + "image": { + "path": "tests/storybook/reference/ha-feedback/linux-arm64/light-loading.png", + "sha256": "f7c82dcc5c7a48db21c2a56483d58e00ebd8cb0421b4dbfa3b30434d687e26dc" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "info", + "kind": "notice", + "tone": "info", + "title": "Household status", + "message": "The shopping list is up to date.", + "width": 480 + }, + "measurement": { + "parts": { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 50 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "padding": "8px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "overlay": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 50 + }, + "style": { + "backgroundColor": "rgb(3, 155, 229)", + "borderRadius": "4px", + "border": "0px none rgb(225, 225, 225)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "direction": "ltr", + "opacity": "0.12", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "icon": { + "box": { + "x": 32, + "y": 32, + "width": 24, + "height": 24 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(3, 155, 229)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(3, 155, 229)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "title": { + "box": { + "x": 64, + "y": 34, + "width": 188, + "height": 16 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "700", + "lineHeight": "normal", + "color": "rgb(225, 225, 225)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "button": null + }, + "title": { + "x": 64, + "y": 34, + "width": 112, + "height": 16 + }, + "message": { + "x": 64, + "y": 50, + "width": 188, + "height": 16 + } + }, + "image": { + "path": "tests/storybook/reference/ha-feedback/linux-arm64/dark-info.png", + "sha256": "d2830560770c4a52bf6b907f11c61dc3c321e545ebeb840cadfdb3b724608dab" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "success", + "kind": "notice", + "tone": "success", + "title": "Task saved", + "message": "The household can now see the task.", + "width": 480 + }, + "measurement": { + "parts": { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 50 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "padding": "8px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "overlay": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 50 + }, + "style": { + "backgroundColor": "rgb(67, 160, 71)", + "borderRadius": "4px", + "border": "0px none rgb(225, 225, 225)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "direction": "ltr", + "opacity": "0.12", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "icon": { + "box": { + "x": 32, + "y": 32, + "width": 24, + "height": 24 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(67, 160, 71)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(67, 160, 71)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "title": { + "box": { + "x": 64, + "y": 34, + "width": 228, + "height": 16 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "700", + "lineHeight": "normal", + "color": "rgb(225, 225, 225)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "button": null + }, + "title": { + "x": 64, + "y": 34, + "width": 71, + "height": 16 + }, + "message": { + "x": 64, + "y": 50, + "width": 228, + "height": 16 + } + }, + "image": { + "path": "tests/storybook/reference/ha-feedback/linux-arm64/dark-success.png", + "sha256": "661453482e486a9cc2d3d35a5e15256378d4fda63db48502584925dfd2009695" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "warning", + "kind": "notice", + "tone": "warning", + "title": "Review the reminder", + "message": "One household reminder needs attention.", + "width": 480 + }, + "measurement": { + "parts": { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 50 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "padding": "8px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "overlay": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 50 + }, + "style": { + "backgroundColor": "rgb(255, 166, 0)", + "borderRadius": "4px", + "border": "0px none rgb(225, 225, 225)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "direction": "ltr", + "opacity": "0.12", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "icon": { + "box": { + "x": 32, + "y": 32, + "width": 24, + "height": 24 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(255, 166, 0)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(255, 166, 0)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "title": { + "box": { + "x": 64, + "y": 34, + "width": 255, + "height": 16 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "700", + "lineHeight": "normal", + "color": "rgb(225, 225, 225)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "button": null + }, + "title": { + "x": 64, + "y": 34, + "width": 131, + "height": 16 + }, + "message": { + "x": 64, + "y": 50, + "width": 255, + "height": 16 + } + }, + "image": { + "path": "tests/storybook/reference/ha-feedback/linux-arm64/dark-warning.png", + "sha256": "e82521b61aecac03e4f6aeea8ede583b64176e94fa84ba03c07f43e3b092dc00" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "error", + "kind": "notice", + "tone": "error", + "title": "Unable to save the task", + "message": "Try saving again.", + "action": true, + "width": 480 + }, + "measurement": { + "parts": { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 56 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "padding": "8px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "overlay": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 56 + }, + "style": { + "backgroundColor": "rgb(219, 68, 55)", + "borderRadius": "4px", + "border": "0px none rgb(225, 225, 225)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "direction": "ltr", + "opacity": "0.12", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "icon": { + "box": { + "x": 32, + "y": 32, + "width": 24, + "height": 24 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(219, 68, 55)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(219, 68, 55)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "title": { + "box": { + "x": 64, + "y": 37, + "width": 148, + "height": 16 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "700", + "lineHeight": "normal", + "color": "rgb(225, 225, 225)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "button": { + "box": { + "x": 428, + "y": 32, + "width": 68, + "height": 40 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "padding": "0px 16px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "color": "rgb(55, 200, 253)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + } + }, + "title": { + "x": 64, + "y": 37, + "width": 148, + "height": 16 + }, + "message": { + "x": 64, + "y": 53, + "width": 105, + "height": 16 + } + }, + "image": { + "path": "tests/storybook/reference/ha-feedback/linux-arm64/dark-error.png", + "sha256": "140e04f6dff55fcb7d2fcd0efd701ff265838eaf493cfb28eeaf7fe2b353e859" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "untitled", + "kind": "notice", + "tone": "info", + "title": "", + "message": "There are no new reminders.", + "width": 480 + }, + "measurement": { + "parts": { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 40 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "padding": "8px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "overlay": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 40 + }, + "style": { + "backgroundColor": "rgb(3, 155, 229)", + "borderRadius": "4px", + "border": "0px none rgb(225, 225, 225)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "direction": "ltr", + "opacity": "0.12", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "icon": { + "box": { + "x": 32, + "y": 32, + "width": 24, + "height": 24 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(3, 155, 229)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(3, 155, 229)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "title": null, + "button": null + }, + "title": null, + "message": { + "x": 64, + "y": 36, + "width": 175, + "height": 16 + } + }, + "image": { + "path": "tests/storybook/reference/ha-feedback/linux-arm64/dark-untitled.png", + "sha256": "9ca67093291543f12181653fd87ca4cd54fdf7238805a7cd88ee273a22fe3440" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "narrow", + "kind": "notice", + "tone": "warning", + "title": "Review the household reminder", + "message": "One reminder needs attention before the next shared task.", + "action": true, + "narrow": true, + "width": 264 + }, + "measurement": { + "parts": { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 264, + "height": 106 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "padding": "8px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "overlay": { + "box": { + "x": 24, + "y": 24, + "width": 264, + "height": 106 + }, + "style": { + "backgroundColor": "rgb(255, 166, 0)", + "borderRadius": "4px", + "border": "0px none rgb(225, 225, 225)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "direction": "ltr", + "opacity": "0.12", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "icon": { + "box": { + "x": 32, + "y": 32, + "width": 24, + "height": 24 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(255, 166, 0)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(255, 166, 0)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "title": { + "box": { + "x": 64, + "y": 34, + "width": 208, + "height": 16 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "700", + "lineHeight": "normal", + "color": "rgb(225, 225, 225)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "button": { + "box": { + "x": 212, + "y": 82, + "width": 68, + "height": 40 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "padding": "0px 16px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "color": "rgb(55, 200, 253)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + } + }, + "title": { + "x": 64, + "y": 34, + "width": 201, + "height": 16 + }, + "message": { + "x": 64, + "y": 50, + "width": 183, + "height": 32 + } + }, + "image": { + "path": "tests/storybook/reference/ha-feedback/linux-arm64/dark-narrow.png", + "sha256": "cc8260b9715332a3292a369db1ab61bc92285a0d43283374f2a2ac9737eafd8d" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "rtl", + "kind": "notice", + "tone": "warning", + "title": "راجع التذكير", + "message": "أحد تذكيرات المنزل يحتاج إلى مراجعة.", + "action": false, + "dir": "rtl", + "width": 320 + }, + "measurement": { + "parts": { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 320, + "height": 76 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "padding": "8px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "direction": "rtl", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "overlay": { + "box": { + "x": 24, + "y": 24, + "width": 320, + "height": 76 + }, + "style": { + "backgroundColor": "rgb(255, 166, 0)", + "borderRadius": "4px", + "border": "0px none rgb(225, 225, 225)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "direction": "rtl", + "opacity": "0.12", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "icon": { + "box": { + "x": 312, + "y": 32, + "width": 24, + "height": 24 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(255, 166, 0)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(255, 166, 0)", + "direction": "rtl", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "title": { + "box": { + "x": 100, + "y": 34, + "width": 204, + "height": 29 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "700", + "lineHeight": "normal", + "color": "rgb(225, 225, 225)", + "direction": "rtl", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "button": null + }, + "title": { + "x": 242, + "y": 40, + "width": 62, + "height": 16 + }, + "message": { + "x": 100, + "y": 69, + "width": 204, + "height": 16 + } + }, + "image": { + "path": "tests/storybook/reference/ha-feedback/linux-arm64/dark-rtl.png", + "sha256": "d1d2734a8729c9eeddd7cc8847361826e348d6078b48d21cc7c9c0208c5ea207" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "loading", + "kind": "loading", + "message": "Loading household tasks…", + "width": 480 + }, + "measurement": { + "parts": { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 28 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "padding": "0px", + "gap": "12px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "spinner": { + "box": { + "x": 24, + "y": 24, + "width": 28, + "height": 28 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "28px", + "fontWeight": "400", + "lineHeight": "44.8px", + "color": "rgb(225, 225, 225)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "track": { + "box": { + "x": 26, + "y": 26, + "width": 24, + "height": 24 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "28px", + "fontWeight": "400", + "lineHeight": "44.8px", + "color": "rgb(225, 225, 225)", + "direction": "ltr", + "opacity": "1", + "stroke": "rgba(225, 225, 225, 0.12)", + "strokeWidth": "4px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "indicator": { + "box": { + "x": 26, + "y": 26, + "width": 24, + "height": 24 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "28px", + "fontWeight": "400", + "lineHeight": "44.8px", + "color": "rgb(225, 225, 225)", + "direction": "ltr", + "opacity": "1", + "stroke": "rgb(0, 154, 199)", + "strokeWidth": "4px", + "strokeDasharray": "45.0127px, 60.0169px", + "strokeDashoffset": "-3.01593px" + } + } + }, + "title": null, + "message": { + "x": 64, + "y": 29.796875, + "width": 165, + "height": 16 + } + }, + "image": { + "path": "tests/storybook/reference/ha-feedback/linux-arm64/dark-loading.png", + "sha256": "d6dac3552b5abdd32bf76d28ce3b5b1d1ee06488f95f745c2185f249c83020f8" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "empty-default", + "width": 480, + "action": true, + "kind": "empty", + "title": "No household tasks", + "message": "Add a task to share it with your household." + }, + "measurement": { + "parts": { + "host": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 280 + }, + "style": { + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "textAlign": "start", + "margin": "0px" + } + }, + "content": { + "box": { + "x": 116, + "y": 32.796875, + "width": 296, + "height": 262.390625 + }, + "style": { + "padding": "32px 16px", + "gap": "16px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "textAlign": "center", + "margin": "0px" + } + }, + "icon": { + "box": { + "x": 232, + "y": 64.796875, + "width": 64, + "height": 64 + }, + "style": { + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(94, 94, 94)", + "textAlign": "center", + "margin": "0px" + } + }, + "heading": { + "box": { + "x": 176.5, + "y": 144.796875, + "width": 175, + "height": 24 + }, + "style": { + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "color": "rgb(20, 20, 20)", + "textAlign": "center", + "margin": "0px" + } + }, + "description": { + "box": { + "x": 132, + "y": 184.796875, + "width": 264, + "height": 22.390625 + }, + "style": { + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(94, 94, 94)", + "textAlign": "center", + "margin": "0px" + } + }, + "button": { + "box": { + "x": 219.5, + "y": 223.1875, + "width": 89, + "height": 40 + }, + "style": { + "padding": "0px 16px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "color": "rgb(0, 154, 199)", + "textAlign": "center", + "margin": "0px" + } + } + }, + "title": null, + "message": null + }, + "image": { + "path": "tests/storybook/reference/ha-feedback/linux-arm64/light-empty-default.png", + "sha256": "b2a25e7150bb8ffb6a3d9e1b39a5197715eed47548d9c3f9a08d53ac4f693394" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "empty-narrow", + "width": 264, + "action": false, + "kind": "empty", + "title": "No household tasks", + "message": "Add a task to share it with your household." + }, + "measurement": { + "parts": { + "host": { + "box": { + "x": 24, + "y": 24, + "width": 264, + "height": 280 + }, + "style": { + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "textAlign": "start", + "margin": "0px" + } + }, + "content": { + "box": { + "x": 24, + "y": 49.609375, + "width": 264, + "height": 228.78125 + }, + "style": { + "padding": "32px 16px", + "gap": "16px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "textAlign": "center", + "margin": "0px" + } + }, + "icon": { + "box": { + "x": 124, + "y": 81.609375, + "width": 64, + "height": 64 + }, + "style": { + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(94, 94, 94)", + "textAlign": "center", + "margin": "0px" + } + }, + "heading": { + "box": { + "x": 68.5, + "y": 161.609375, + "width": 175, + "height": 24 + }, + "style": { + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "color": "rgb(20, 20, 20)", + "textAlign": "center", + "margin": "0px" + } + }, + "description": { + "box": { + "x": 40, + "y": 201.609375, + "width": 232, + "height": 44.78125 + }, + "style": { + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(94, 94, 94)", + "textAlign": "center", + "margin": "0px" + } + }, + "button": null + }, + "title": null, + "message": null + }, + "image": { + "path": "tests/storybook/reference/ha-feedback/linux-arm64/light-empty-narrow.png", + "sha256": "a1cb46bcda951cdcee868dfbbc1ee682f38233ee4f7d56f29b122db356e0aa7f" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "empty-title-only", + "width": 480, + "action": false, + "noDescription": true, + "noIcon": true, + "kind": "empty", + "title": "No household tasks", + "message": "" + }, + "measurement": { + "parts": { + "host": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 280 + }, + "style": { + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "textAlign": "start", + "margin": "0px" + } + }, + "content": { + "box": { + "x": 160.5, + "y": 120, + "width": 207, + "height": 88 + }, + "style": { + "padding": "32px 16px", + "gap": "16px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "textAlign": "center", + "margin": "0px" + } + }, + "icon": null, + "heading": { + "box": { + "x": 176.5, + "y": 152, + "width": 175, + "height": 24 + }, + "style": { + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "color": "rgb(20, 20, 20)", + "textAlign": "center", + "margin": "0px" + } + }, + "description": null, + "button": null + }, + "title": null, + "message": null + }, + "image": { + "path": "tests/storybook/reference/ha-feedback/linux-arm64/light-empty-title-only.png", + "sha256": "232d5089f4f705f0d30f6567d10c108a2ce1759be77e58cb34cb661f0e8d625f" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "empty-default", + "width": 480, + "action": true, + "kind": "empty", + "title": "No household tasks", + "message": "Add a task to share it with your household." + }, + "measurement": { + "parts": { + "host": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 280 + }, + "style": { + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "textAlign": "start", + "margin": "0px" + } + }, + "content": { + "box": { + "x": 116, + "y": 32.796875, + "width": 296, + "height": 262.390625 + }, + "style": { + "padding": "32px 16px", + "gap": "16px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "textAlign": "center", + "margin": "0px" + } + }, + "icon": { + "box": { + "x": 232, + "y": 64.796875, + "width": 64, + "height": 64 + }, + "style": { + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(155, 155, 155)", + "textAlign": "center", + "margin": "0px" + } + }, + "heading": { + "box": { + "x": 176.5, + "y": 144.796875, + "width": 175, + "height": 24 + }, + "style": { + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "color": "rgb(225, 225, 225)", + "textAlign": "center", + "margin": "0px" + } + }, + "description": { + "box": { + "x": 132, + "y": 184.796875, + "width": 264, + "height": 22.390625 + }, + "style": { + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(155, 155, 155)", + "textAlign": "center", + "margin": "0px" + } + }, + "button": { + "box": { + "x": 219.5, + "y": 223.1875, + "width": 89, + "height": 40 + }, + "style": { + "padding": "0px 16px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "color": "rgb(55, 200, 253)", + "textAlign": "center", + "margin": "0px" + } + } + }, + "title": null, + "message": null + }, + "image": { + "path": "tests/storybook/reference/ha-feedback/linux-arm64/dark-empty-default.png", + "sha256": "f817f94c63c0861a531211fbd5614790e7ecc6aa24212a4042a2720fa406c2c8" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "empty-narrow", + "width": 264, + "action": false, + "kind": "empty", + "title": "No household tasks", + "message": "Add a task to share it with your household." + }, + "measurement": { + "parts": { + "host": { + "box": { + "x": 24, + "y": 24, + "width": 264, + "height": 280 + }, + "style": { + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "textAlign": "start", + "margin": "0px" + } + }, + "content": { + "box": { + "x": 24, + "y": 49.609375, + "width": 264, + "height": 228.78125 + }, + "style": { + "padding": "32px 16px", + "gap": "16px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "textAlign": "center", + "margin": "0px" + } + }, + "icon": { + "box": { + "x": 124, + "y": 81.609375, + "width": 64, + "height": 64 + }, + "style": { + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(155, 155, 155)", + "textAlign": "center", + "margin": "0px" + } + }, + "heading": { + "box": { + "x": 68.5, + "y": 161.609375, + "width": 175, + "height": 24 + }, + "style": { + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "color": "rgb(225, 225, 225)", + "textAlign": "center", + "margin": "0px" + } + }, + "description": { + "box": { + "x": 40, + "y": 201.609375, + "width": 232, + "height": 44.78125 + }, + "style": { + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(155, 155, 155)", + "textAlign": "center", + "margin": "0px" + } + }, + "button": null + }, + "title": null, + "message": null + }, + "image": { + "path": "tests/storybook/reference/ha-feedback/linux-arm64/dark-empty-narrow.png", + "sha256": "900f523ea69b004a5d400ee273a366edadba51295e8988d9796cbe618cbf8258" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "empty-title-only", + "width": 480, + "action": false, + "noDescription": true, + "noIcon": true, + "kind": "empty", + "title": "No household tasks", + "message": "" + }, + "measurement": { + "parts": { + "host": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 280 + }, + "style": { + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "textAlign": "start", + "margin": "0px" + } + }, + "content": { + "box": { + "x": 160.5, + "y": 120, + "width": 207, + "height": 88 + }, + "style": { + "padding": "32px 16px", + "gap": "16px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "textAlign": "center", + "margin": "0px" + } + }, + "icon": null, + "heading": { + "box": { + "x": 176.5, + "y": 152, + "width": 175, + "height": 24 + }, + "style": { + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "color": "rgb(225, 225, 225)", + "textAlign": "center", + "margin": "0px" + } + }, + "description": null, + "button": null + }, + "title": null, + "message": null + }, + "image": { + "path": "tests/storybook/reference/ha-feedback/linux-arm64/dark-empty-title-only.png", + "sha256": "4bb72704ceb7abe86024daab165686f18869843e8e4e43cf277b60d92640b500" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "config": { + "name": "info", + "kind": "notice", + "tone": "info", + "title": "Household status", + "message": "The shopping list is up to date.", + "width": 480 + }, + "measurement": { + "parts": { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 50 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "padding": "8px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "overlay": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 50 + }, + "style": { + "backgroundColor": "rgb(3, 155, 229)", + "borderRadius": "4px", + "border": "0px none rgb(20, 20, 20)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "direction": "ltr", + "opacity": "0.12", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "icon": { + "box": { + "x": 32, + "y": 32, + "width": 24, + "height": 24 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(3, 155, 229)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(3, 155, 229)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "title": { + "box": { + "x": 64, + "y": 34, + "width": 188, + "height": 16 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "700", + "lineHeight": "normal", + "color": "rgb(20, 20, 20)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "button": null + }, + "title": { + "x": 64, + "y": 34, + "width": 112, + "height": 16 + }, + "message": { + "x": 64, + "y": 50, + "width": 188, + "height": 16 + } + }, + "image": { + "path": "tests/storybook/reference/ha-feedback/linux-arm64/light-info.png", + "sha256": "85ebdad75458d939a1fa7842fcc4f68290ceb965a24034b95a30c97e0014a1b4" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "config": { + "name": "success", + "kind": "notice", + "tone": "success", + "title": "Task saved", + "message": "The household can now see the task.", + "width": 480 + }, + "measurement": { + "parts": { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 50 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "padding": "8px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "overlay": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 50 + }, + "style": { + "backgroundColor": "rgb(67, 160, 71)", + "borderRadius": "4px", + "border": "0px none rgb(20, 20, 20)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "direction": "ltr", + "opacity": "0.12", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "icon": { + "box": { + "x": 32, + "y": 32, + "width": 24, + "height": 24 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(67, 160, 71)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(67, 160, 71)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "title": { + "box": { + "x": 64, + "y": 34, + "width": 228, + "height": 16 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "700", + "lineHeight": "normal", + "color": "rgb(20, 20, 20)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "button": null + }, + "title": { + "x": 64, + "y": 34, + "width": 71, + "height": 16 + }, + "message": { + "x": 64, + "y": 50, + "width": 228, + "height": 16 + } + }, + "image": { + "path": "tests/storybook/reference/ha-feedback/linux-arm64/light-success.png", + "sha256": "3095e9be44a97aff67c94900c01ca31e1570c54a13e134aedb07d67715027532" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "config": { + "name": "warning", + "kind": "notice", + "tone": "warning", + "title": "Review the reminder", + "message": "One household reminder needs attention.", + "width": 480 + }, + "measurement": { + "parts": { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 50 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "padding": "8px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "overlay": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 50 + }, + "style": { + "backgroundColor": "rgb(255, 166, 0)", + "borderRadius": "4px", + "border": "0px none rgb(20, 20, 20)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "direction": "ltr", + "opacity": "0.12", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "icon": { + "box": { + "x": 32, + "y": 32, + "width": 24, + "height": 24 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(255, 166, 0)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(255, 166, 0)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "title": { + "box": { + "x": 64, + "y": 34, + "width": 255, + "height": 16 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "700", + "lineHeight": "normal", + "color": "rgb(20, 20, 20)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "button": null + }, + "title": { + "x": 64, + "y": 34, + "width": 131, + "height": 16 + }, + "message": { + "x": 64, + "y": 50, + "width": 255, + "height": 16 + } + }, + "image": { + "path": "tests/storybook/reference/ha-feedback/linux-arm64/light-warning.png", + "sha256": "e3fbee46169a611fad76fe8ae637bd1a32331fe4bd2d876c09c9e58b9c87f3b1" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "config": { + "name": "error", + "kind": "notice", + "tone": "error", + "title": "Unable to save the task", + "message": "Try saving again.", + "action": true, + "width": 480 + }, + "measurement": { + "parts": { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 56 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "padding": "8px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "overlay": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 56 + }, + "style": { + "backgroundColor": "rgb(219, 68, 55)", + "borderRadius": "4px", + "border": "0px none rgb(20, 20, 20)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "direction": "ltr", + "opacity": "0.12", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "icon": { + "box": { + "x": 32, + "y": 32, + "width": 24, + "height": 24 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(219, 68, 55)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(219, 68, 55)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "title": { + "box": { + "x": 64, + "y": 37, + "width": 148, + "height": 16 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "700", + "lineHeight": "normal", + "color": "rgb(20, 20, 20)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "button": { + "box": { + "x": 428, + "y": 32, + "width": 68, + "height": 40 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "padding": "0px 16px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "color": "rgb(0, 154, 199)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + } + }, + "title": { + "x": 64, + "y": 37, + "width": 148, + "height": 16 + }, + "message": { + "x": 64, + "y": 53, + "width": 105, + "height": 16 + } + }, + "image": { + "path": "tests/storybook/reference/ha-feedback/linux-arm64/light-error.png", + "sha256": "0d966fb87dc462f7a070d04295fbe55daa19ed349ee0c14c1d6e0ceaf6e4896c" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "config": { + "name": "untitled", + "kind": "notice", + "tone": "info", + "title": "", + "message": "There are no new reminders.", + "width": 480 + }, + "measurement": { + "parts": { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 40 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "padding": "8px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "overlay": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 40 + }, + "style": { + "backgroundColor": "rgb(3, 155, 229)", + "borderRadius": "4px", + "border": "0px none rgb(20, 20, 20)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "direction": "ltr", + "opacity": "0.12", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "icon": { + "box": { + "x": 32, + "y": 32, + "width": 24, + "height": 24 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(3, 155, 229)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(3, 155, 229)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "title": null, + "button": null + }, + "title": null, + "message": { + "x": 64, + "y": 36, + "width": 175, + "height": 16 + } + }, + "image": { + "path": "tests/storybook/reference/ha-feedback/linux-arm64/light-untitled.png", + "sha256": "20a84b43e65f920a12b14603dd81517a16effe2c74905da35982a64eccb03a33" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "config": { + "name": "narrow", + "kind": "notice", + "tone": "warning", + "title": "Review the household reminder", + "message": "One reminder needs attention before the next shared task.", + "action": true, + "narrow": true, + "width": 264 + }, + "measurement": { + "parts": { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 264, + "height": 106 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "padding": "8px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "overlay": { + "box": { + "x": 24, + "y": 24, + "width": 264, + "height": 106 + }, + "style": { + "backgroundColor": "rgb(255, 166, 0)", + "borderRadius": "4px", + "border": "0px none rgb(20, 20, 20)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "direction": "ltr", + "opacity": "0.12", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "icon": { + "box": { + "x": 32, + "y": 32, + "width": 24, + "height": 24 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(255, 166, 0)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(255, 166, 0)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "title": { + "box": { + "x": 64, + "y": 34, + "width": 208, + "height": 16 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "700", + "lineHeight": "normal", + "color": "rgb(20, 20, 20)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "button": { + "box": { + "x": 212, + "y": 82, + "width": 68, + "height": 40 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "padding": "0px 16px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "color": "rgb(0, 154, 199)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + } + }, + "title": { + "x": 64, + "y": 34, + "width": 201, + "height": 16 + }, + "message": { + "x": 64, + "y": 50, + "width": 183, + "height": 32 + } + }, + "image": { + "path": "tests/storybook/reference/ha-feedback/linux-arm64/light-narrow.png", + "sha256": "d56331e7a1711580b72fc40f47e500fdc5a64363a874657d3b389ebc12cd6738" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "config": { + "name": "rtl", + "kind": "notice", + "tone": "warning", + "title": "راجع التذكير", + "message": "أحد تذكيرات المنزل يحتاج إلى مراجعة.", + "action": false, + "dir": "rtl", + "width": 320 + }, + "measurement": { + "parts": { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 320, + "height": 76 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "padding": "8px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "direction": "rtl", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "overlay": { + "box": { + "x": 24, + "y": 24, + "width": 320, + "height": 76 + }, + "style": { + "backgroundColor": "rgb(255, 166, 0)", + "borderRadius": "4px", + "border": "0px none rgb(20, 20, 20)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "direction": "rtl", + "opacity": "0.12", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "icon": { + "box": { + "x": 312, + "y": 32, + "width": 24, + "height": 24 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(255, 166, 0)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(255, 166, 0)", + "direction": "rtl", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "title": { + "box": { + "x": 100, + "y": 34, + "width": 204, + "height": 29 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "700", + "lineHeight": "normal", + "color": "rgb(20, 20, 20)", + "direction": "rtl", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "button": null + }, + "title": { + "x": 242, + "y": 40, + "width": 62, + "height": 16 + }, + "message": { + "x": 100, + "y": 69, + "width": 204, + "height": 16 + } + }, + "image": { + "path": "tests/storybook/reference/ha-feedback/linux-arm64/light-rtl.png", + "sha256": "b1c27b6c966ccedcf30940850b574435d421e710b08c33f45ce81d52ca5606e3" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "config": { + "name": "loading", + "kind": "loading", + "message": "Loading household tasks…", + "width": 480 + }, + "measurement": { + "parts": { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 28 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "padding": "0px", + "gap": "12px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "spinner": { + "box": { + "x": 24, + "y": 24, + "width": 28, + "height": 28 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "28px", + "fontWeight": "400", + "lineHeight": "44.8px", + "color": "rgb(20, 20, 20)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "track": { + "box": { + "x": 26, + "y": 26, + "width": 24, + "height": 24 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "28px", + "fontWeight": "400", + "lineHeight": "44.8px", + "color": "rgb(20, 20, 20)", + "direction": "ltr", + "opacity": "1", + "stroke": "rgba(0, 0, 0, 0.12)", + "strokeWidth": "4px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "indicator": { + "box": { + "x": 26, + "y": 26, + "width": 24, + "height": 24 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(20, 20, 20)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "28px", + "fontWeight": "400", + "lineHeight": "44.8px", + "color": "rgb(20, 20, 20)", + "direction": "ltr", + "opacity": "1", + "stroke": "rgb(0, 154, 199)", + "strokeWidth": "4px", + "strokeDasharray": "45.0127px, 60.0169px", + "strokeDashoffset": "-3.01593px" + } + } + }, + "title": null, + "message": { + "x": 64, + "y": 29.796875, + "width": 165, + "height": 16 + } + }, + "image": { + "path": "tests/storybook/reference/ha-feedback/linux-arm64/light-loading.png", + "sha256": "f7c82dcc5c7a48db21c2a56483d58e00ebd8cb0421b4dbfa3b30434d687e26dc" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "config": { + "name": "info", + "kind": "notice", + "tone": "info", + "title": "Household status", + "message": "The shopping list is up to date.", + "width": 480 + }, + "measurement": { + "parts": { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 50 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "padding": "8px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "overlay": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 50 + }, + "style": { + "backgroundColor": "rgb(3, 155, 229)", + "borderRadius": "4px", + "border": "0px none rgb(225, 225, 225)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "direction": "ltr", + "opacity": "0.12", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "icon": { + "box": { + "x": 32, + "y": 32, + "width": 24, + "height": 24 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(3, 155, 229)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(3, 155, 229)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "title": { + "box": { + "x": 64, + "y": 34, + "width": 188, + "height": 16 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "700", + "lineHeight": "normal", + "color": "rgb(225, 225, 225)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "button": null + }, + "title": { + "x": 64, + "y": 34, + "width": 112, + "height": 16 + }, + "message": { + "x": 64, + "y": 50, + "width": 188, + "height": 16 + } + }, + "image": { + "path": "tests/storybook/reference/ha-feedback/linux-arm64/dark-info.png", + "sha256": "d2830560770c4a52bf6b907f11c61dc3c321e545ebeb840cadfdb3b724608dab" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "config": { + "name": "success", + "kind": "notice", + "tone": "success", + "title": "Task saved", + "message": "The household can now see the task.", + "width": 480 + }, + "measurement": { + "parts": { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 50 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "padding": "8px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "overlay": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 50 + }, + "style": { + "backgroundColor": "rgb(67, 160, 71)", + "borderRadius": "4px", + "border": "0px none rgb(225, 225, 225)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "direction": "ltr", + "opacity": "0.12", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "icon": { + "box": { + "x": 32, + "y": 32, + "width": 24, + "height": 24 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(67, 160, 71)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(67, 160, 71)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "title": { + "box": { + "x": 64, + "y": 34, + "width": 228, + "height": 16 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "700", + "lineHeight": "normal", + "color": "rgb(225, 225, 225)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "button": null + }, + "title": { + "x": 64, + "y": 34, + "width": 71, + "height": 16 + }, + "message": { + "x": 64, + "y": 50, + "width": 228, + "height": 16 + } + }, + "image": { + "path": "tests/storybook/reference/ha-feedback/linux-arm64/dark-success.png", + "sha256": "661453482e486a9cc2d3d35a5e15256378d4fda63db48502584925dfd2009695" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "config": { + "name": "warning", + "kind": "notice", + "tone": "warning", + "title": "Review the reminder", + "message": "One household reminder needs attention.", + "width": 480 + }, + "measurement": { + "parts": { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 50 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "padding": "8px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "overlay": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 50 + }, + "style": { + "backgroundColor": "rgb(255, 166, 0)", + "borderRadius": "4px", + "border": "0px none rgb(225, 225, 225)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "direction": "ltr", + "opacity": "0.12", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "icon": { + "box": { + "x": 32, + "y": 32, + "width": 24, + "height": 24 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(255, 166, 0)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(255, 166, 0)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "title": { + "box": { + "x": 64, + "y": 34, + "width": 255, + "height": 16 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "700", + "lineHeight": "normal", + "color": "rgb(225, 225, 225)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "button": null + }, + "title": { + "x": 64, + "y": 34, + "width": 131, + "height": 16 + }, + "message": { + "x": 64, + "y": 50, + "width": 255, + "height": 16 + } + }, + "image": { + "path": "tests/storybook/reference/ha-feedback/linux-arm64/dark-warning.png", + "sha256": "e82521b61aecac03e4f6aeea8ede583b64176e94fa84ba03c07f43e3b092dc00" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "config": { + "name": "error", + "kind": "notice", + "tone": "error", + "title": "Unable to save the task", + "message": "Try saving again.", + "action": true, + "width": 480 + }, + "measurement": { + "parts": { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 56 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "padding": "8px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "overlay": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 56 + }, + "style": { + "backgroundColor": "rgb(219, 68, 55)", + "borderRadius": "4px", + "border": "0px none rgb(225, 225, 225)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "direction": "ltr", + "opacity": "0.12", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "icon": { + "box": { + "x": 32, + "y": 32, + "width": 24, + "height": 24 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(219, 68, 55)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(219, 68, 55)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "title": { + "box": { + "x": 64, + "y": 37, + "width": 148, + "height": 16 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "700", + "lineHeight": "normal", + "color": "rgb(225, 225, 225)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "button": { + "box": { + "x": 428, + "y": 32, + "width": 68, + "height": 40 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "padding": "0px 16px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "color": "rgb(55, 200, 253)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + } + }, + "title": { + "x": 64, + "y": 37, + "width": 148, + "height": 16 + }, + "message": { + "x": 64, + "y": 53, + "width": 105, + "height": 16 + } + }, + "image": { + "path": "tests/storybook/reference/ha-feedback/linux-arm64/dark-error.png", + "sha256": "140e04f6dff55fcb7d2fcd0efd701ff265838eaf493cfb28eeaf7fe2b353e859" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "config": { + "name": "untitled", + "kind": "notice", + "tone": "info", + "title": "", + "message": "There are no new reminders.", + "width": 480 + }, + "measurement": { + "parts": { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 40 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "padding": "8px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "overlay": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 40 + }, + "style": { + "backgroundColor": "rgb(3, 155, 229)", + "borderRadius": "4px", + "border": "0px none rgb(225, 225, 225)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "direction": "ltr", + "opacity": "0.12", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "icon": { + "box": { + "x": 32, + "y": 32, + "width": 24, + "height": 24 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(3, 155, 229)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(3, 155, 229)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "title": null, + "button": null + }, + "title": null, + "message": { + "x": 64, + "y": 36, + "width": 175, + "height": 16 + } + }, + "image": { + "path": "tests/storybook/reference/ha-feedback/linux-arm64/dark-untitled.png", + "sha256": "9ca67093291543f12181653fd87ca4cd54fdf7238805a7cd88ee273a22fe3440" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "config": { + "name": "narrow", + "kind": "notice", + "tone": "warning", + "title": "Review the household reminder", + "message": "One reminder needs attention before the next shared task.", + "action": true, + "narrow": true, + "width": 264 + }, + "measurement": { + "parts": { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 264, + "height": 106 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "padding": "8px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "overlay": { + "box": { + "x": 24, + "y": 24, + "width": 264, + "height": 106 + }, + "style": { + "backgroundColor": "rgb(255, 166, 0)", + "borderRadius": "4px", + "border": "0px none rgb(225, 225, 225)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "direction": "ltr", + "opacity": "0.12", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "icon": { + "box": { + "x": 32, + "y": 32, + "width": 24, + "height": 24 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(255, 166, 0)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(255, 166, 0)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "title": { + "box": { + "x": 64, + "y": 34, + "width": 208, + "height": 16 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "700", + "lineHeight": "normal", + "color": "rgb(225, 225, 225)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "button": { + "box": { + "x": 212, + "y": 82, + "width": 68, + "height": 40 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "border": "1px solid rgba(0, 0, 0, 0)", + "padding": "0px 16px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "color": "rgb(55, 200, 253)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + } + }, + "title": { + "x": 64, + "y": 34, + "width": 201, + "height": 16 + }, + "message": { + "x": 64, + "y": 50, + "width": 183, + "height": 32 + } + }, + "image": { + "path": "tests/storybook/reference/ha-feedback/linux-arm64/dark-narrow.png", + "sha256": "cc8260b9715332a3292a369db1ab61bc92285a0d43283374f2a2ac9737eafd8d" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "config": { + "name": "rtl", + "kind": "notice", + "tone": "warning", + "title": "راجع التذكير", + "message": "أحد تذكيرات المنزل يحتاج إلى مراجعة.", + "action": false, + "dir": "rtl", + "width": 320 + }, + "measurement": { + "parts": { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 320, + "height": 76 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "padding": "8px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "direction": "rtl", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "overlay": { + "box": { + "x": 24, + "y": 24, + "width": 320, + "height": 76 + }, + "style": { + "backgroundColor": "rgb(255, 166, 0)", + "borderRadius": "4px", + "border": "0px none rgb(225, 225, 225)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "direction": "rtl", + "opacity": "0.12", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "icon": { + "box": { + "x": 312, + "y": 32, + "width": 24, + "height": 24 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(255, 166, 0)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(255, 166, 0)", + "direction": "rtl", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "title": { + "box": { + "x": 100, + "y": 34, + "width": 204, + "height": 29 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "700", + "lineHeight": "normal", + "color": "rgb(225, 225, 225)", + "direction": "rtl", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "button": null + }, + "title": { + "x": 242, + "y": 40, + "width": 62, + "height": 16 + }, + "message": { + "x": 100, + "y": 69, + "width": 204, + "height": 16 + } + }, + "image": { + "path": "tests/storybook/reference/ha-feedback/linux-arm64/dark-rtl.png", + "sha256": "d1d2734a8729c9eeddd7cc8847361826e348d6078b48d21cc7c9c0208c5ea207" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "config": { + "name": "loading", + "kind": "loading", + "message": "Loading household tasks…", + "width": 480 + }, + "measurement": { + "parts": { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 28 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "padding": "0px", + "gap": "12px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "spinner": { + "box": { + "x": 24, + "y": 24, + "width": 28, + "height": 28 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "28px", + "fontWeight": "400", + "lineHeight": "44.8px", + "color": "rgb(225, 225, 225)", + "direction": "ltr", + "opacity": "1", + "stroke": "none", + "strokeWidth": "1px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "track": { + "box": { + "x": 26, + "y": 26, + "width": 24, + "height": 24 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "28px", + "fontWeight": "400", + "lineHeight": "44.8px", + "color": "rgb(225, 225, 225)", + "direction": "ltr", + "opacity": "1", + "stroke": "rgba(225, 225, 225, 0.12)", + "strokeWidth": "4px", + "strokeDasharray": "none", + "strokeDashoffset": "0px" + } + }, + "indicator": { + "box": { + "x": 26, + "y": 26, + "width": 24, + "height": 24 + }, + "style": { + "backgroundColor": "rgba(0, 0, 0, 0)", + "borderRadius": "0px", + "border": "0px none rgb(225, 225, 225)", + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "28px", + "fontWeight": "400", + "lineHeight": "44.8px", + "color": "rgb(225, 225, 225)", + "direction": "ltr", + "opacity": "1", + "stroke": "rgb(0, 154, 199)", + "strokeWidth": "4px", + "strokeDasharray": "45.0127px, 60.0169px", + "strokeDashoffset": "-3.01593px" + } + } + }, + "title": null, + "message": { + "x": 64, + "y": 29.796875, + "width": 165, + "height": 16 + } + }, + "image": { + "path": "tests/storybook/reference/ha-feedback/linux-arm64/dark-loading.png", + "sha256": "d6dac3552b5abdd32bf76d28ce3b5b1d1ee06488f95f745c2185f249c83020f8" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "config": { + "name": "empty-default", + "width": 480, + "action": true, + "kind": "empty", + "title": "No household tasks", + "message": "Add a task to share it with your household." + }, + "measurement": { + "parts": { + "host": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 280 + }, + "style": { + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "textAlign": "start", + "margin": "0px" + } + }, + "content": { + "box": { + "x": 116, + "y": 32.796875, + "width": 296, + "height": 262.390625 + }, + "style": { + "padding": "32px 16px", + "gap": "16px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "textAlign": "center", + "margin": "0px" + } + }, + "icon": { + "box": { + "x": 232, + "y": 64.796875, + "width": 64, + "height": 64 + }, + "style": { + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(94, 94, 94)", + "textAlign": "center", + "margin": "0px" + } + }, + "heading": { + "box": { + "x": 176.5, + "y": 144.796875, + "width": 175, + "height": 24 + }, + "style": { + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "color": "rgb(20, 20, 20)", + "textAlign": "center", + "margin": "0px" + } + }, + "description": { + "box": { + "x": 132, + "y": 184.796875, + "width": 264, + "height": 22.390625 + }, + "style": { + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(94, 94, 94)", + "textAlign": "center", + "margin": "0px" + } + }, + "button": { + "box": { + "x": 219.5, + "y": 223.1875, + "width": 89, + "height": 40 + }, + "style": { + "padding": "0px 16px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "color": "rgb(0, 154, 199)", + "textAlign": "center", + "margin": "0px" + } + } + }, + "title": null, + "message": null + }, + "image": { + "path": "tests/storybook/reference/ha-feedback/linux-arm64/light-empty-default.png", + "sha256": "b2a25e7150bb8ffb6a3d9e1b39a5197715eed47548d9c3f9a08d53ac4f693394" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "config": { + "name": "empty-narrow", + "width": 264, + "action": false, + "kind": "empty", + "title": "No household tasks", + "message": "Add a task to share it with your household." + }, + "measurement": { + "parts": { + "host": { + "box": { + "x": 24, + "y": 24, + "width": 264, + "height": 280 + }, + "style": { + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "textAlign": "start", + "margin": "0px" + } + }, + "content": { + "box": { + "x": 24, + "y": 49.609375, + "width": 264, + "height": 228.78125 + }, + "style": { + "padding": "32px 16px", + "gap": "16px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "textAlign": "center", + "margin": "0px" + } + }, + "icon": { + "box": { + "x": 124, + "y": 81.609375, + "width": 64, + "height": 64 + }, + "style": { + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(94, 94, 94)", + "textAlign": "center", + "margin": "0px" + } + }, + "heading": { + "box": { + "x": 68.5, + "y": 161.609375, + "width": 175, + "height": 24 + }, + "style": { + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "color": "rgb(20, 20, 20)", + "textAlign": "center", + "margin": "0px" + } + }, + "description": { + "box": { + "x": 40, + "y": 201.609375, + "width": 232, + "height": 44.78125 + }, + "style": { + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(94, 94, 94)", + "textAlign": "center", + "margin": "0px" + } + }, + "button": null + }, + "title": null, + "message": null + }, + "image": { + "path": "tests/storybook/reference/ha-feedback/linux-arm64/light-empty-narrow.png", + "sha256": "a1cb46bcda951cdcee868dfbbc1ee682f38233ee4f7d56f29b122db356e0aa7f" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "config": { + "name": "empty-title-only", + "width": 480, + "action": false, + "noDescription": true, + "noIcon": true, + "kind": "empty", + "title": "No household tasks", + "message": "" + }, + "measurement": { + "parts": { + "host": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 280 + }, + "style": { + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "textAlign": "start", + "margin": "0px" + } + }, + "content": { + "box": { + "x": 160.5, + "y": 120, + "width": 207, + "height": 88 + }, + "style": { + "padding": "32px 16px", + "gap": "16px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "textAlign": "center", + "margin": "0px" + } + }, + "icon": null, + "heading": { + "box": { + "x": 176.5, + "y": 152, + "width": 175, + "height": 24 + }, + "style": { + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "color": "rgb(20, 20, 20)", + "textAlign": "center", + "margin": "0px" + } + }, + "description": null, + "button": null + }, + "title": null, + "message": null + }, + "image": { + "path": "tests/storybook/reference/ha-feedback/linux-arm64/light-empty-title-only.png", + "sha256": "232d5089f4f705f0d30f6567d10c108a2ce1759be77e58cb34cb661f0e8d625f" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "config": { + "name": "empty-default", + "width": 480, + "action": true, + "kind": "empty", + "title": "No household tasks", + "message": "Add a task to share it with your household." + }, + "measurement": { + "parts": { + "host": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 280 + }, + "style": { + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "textAlign": "start", + "margin": "0px" + } + }, + "content": { + "box": { + "x": 116, + "y": 32.796875, + "width": 296, + "height": 262.390625 + }, + "style": { + "padding": "32px 16px", + "gap": "16px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "textAlign": "center", + "margin": "0px" + } + }, + "icon": { + "box": { + "x": 232, + "y": 64.796875, + "width": 64, + "height": 64 + }, + "style": { + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(155, 155, 155)", + "textAlign": "center", + "margin": "0px" + } + }, + "heading": { + "box": { + "x": 176.5, + "y": 144.796875, + "width": 175, + "height": 24 + }, + "style": { + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "color": "rgb(225, 225, 225)", + "textAlign": "center", + "margin": "0px" + } + }, + "description": { + "box": { + "x": 132, + "y": 184.796875, + "width": 264, + "height": 22.390625 + }, + "style": { + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(155, 155, 155)", + "textAlign": "center", + "margin": "0px" + } + }, + "button": { + "box": { + "x": 219.5, + "y": 223.1875, + "width": 89, + "height": 40 + }, + "style": { + "padding": "0px 16px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "color": "rgb(55, 200, 253)", + "textAlign": "center", + "margin": "0px" + } + } + }, + "title": null, + "message": null + }, + "image": { + "path": "tests/storybook/reference/ha-feedback/linux-arm64/dark-empty-default.png", + "sha256": "f817f94c63c0861a531211fbd5614790e7ecc6aa24212a4042a2720fa406c2c8" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "config": { + "name": "empty-narrow", + "width": 264, + "action": false, + "kind": "empty", + "title": "No household tasks", + "message": "Add a task to share it with your household." + }, + "measurement": { + "parts": { + "host": { + "box": { + "x": 24, + "y": 24, + "width": 264, + "height": 280 + }, + "style": { + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "textAlign": "start", + "margin": "0px" + } + }, + "content": { + "box": { + "x": 24, + "y": 49.609375, + "width": 264, + "height": 228.78125 + }, + "style": { + "padding": "32px 16px", + "gap": "16px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "textAlign": "center", + "margin": "0px" + } + }, + "icon": { + "box": { + "x": 124, + "y": 81.609375, + "width": 64, + "height": 64 + }, + "style": { + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(155, 155, 155)", + "textAlign": "center", + "margin": "0px" + } + }, + "heading": { + "box": { + "x": 68.5, + "y": 161.609375, + "width": 175, + "height": 24 + }, + "style": { + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "color": "rgb(225, 225, 225)", + "textAlign": "center", + "margin": "0px" + } + }, + "description": { + "box": { + "x": 40, + "y": 201.609375, + "width": 232, + "height": 44.78125 + }, + "style": { + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(155, 155, 155)", + "textAlign": "center", + "margin": "0px" + } + }, + "button": null + }, + "title": null, + "message": null + }, + "image": { + "path": "tests/storybook/reference/ha-feedback/linux-arm64/dark-empty-narrow.png", + "sha256": "900f523ea69b004a5d400ee273a366edadba51295e8988d9796cbe618cbf8258" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "config": { + "name": "empty-title-only", + "width": 480, + "action": false, + "noDescription": true, + "noIcon": true, + "kind": "empty", + "title": "No household tasks", + "message": "" + }, + "measurement": { + "parts": { + "host": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 280 + }, + "style": { + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "textAlign": "start", + "margin": "0px" + } + }, + "content": { + "box": { + "x": 160.5, + "y": 120, + "width": 207, + "height": 88 + }, + "style": { + "padding": "32px 16px", + "gap": "16px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "textAlign": "center", + "margin": "0px" + } + }, + "icon": null, + "heading": { + "box": { + "x": 176.5, + "y": 152, + "width": 175, + "height": 24 + }, + "style": { + "padding": "0px", + "gap": "normal", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "20px", + "fontWeight": "500", + "lineHeight": "24px", + "color": "rgb(225, 225, 225)", + "textAlign": "center", + "margin": "0px" + } + }, + "description": null, + "button": null + }, + "title": null, + "message": null + }, + "image": { + "path": "tests/storybook/reference/ha-feedback/linux-arm64/dark-empty-title-only.png", + "sha256": "4bb72704ceb7abe86024daab165686f18869843e8e4e43cf277b60d92640b500" + } + } + ] +} diff --git a/docs/evidence/ha-field-reference.json b/docs/evidence/ha-field-reference.json new file mode 100644 index 0000000..efd9e05 --- /dev/null +++ b/docs/evidence/ha-field-reference.json @@ -0,0 +1,28332 @@ +{ + "recordedAtUTC": "2026-11-04T20:47:31.538049+00:00", + "source": "https://github.com/home-assistant/frontend/blob/027d9578ec9663b8aa22f50c24274a7cd9d001c1/src/components/input/ha-input.ts", + "reviewedSourceMeaning": "Reviewed source, not a claim of the installed HA git revision.", + "publicInputsReference": "docs/evidence/ha-navigation-reference.json", + "artifact": "@home-assistant/webawesome@3.14.0-ha.2", + "browsers": { + "macos": "156.0.8078.4", + "linux": "156.0.8078.80" + }, + "captureScriptSha256": "2a4f4b0deee84f58282575ce6528684e20f26928f30ab94325d7334175d4f46c", + "collection": "Original public HA input modules, fonts and theme tokens; each state starts in a fresh unauthenticated fictional document after lazy registration. No component function or image is edited. Three to six frames and two consecutive equal images are required; two independent collections agree byte-for-byte for all88 states. Fixture label/hint configuration is preserved from the named capture cases alongside the observed geometry/styles. No household API or credentials are used.", + "scope": "Material single-line text fields, two themes, empty/filled, pointer hover, keyboard focus, disabled, readonly, required, hint/error, placeholder and200px wrapped labels. Other input types and universal browser/application acceptance remain required.", + "themes": { + "light": { + "--primary-color": "#009ac7", + "--primary-text-color": "#141414", + "--secondary-text-color": "#5e5e5e", + "--card-background-color": "#fff", + "--ha-font-family-body": "Roboto, Noto, sans-serif", + "--ha-font-weight-normal": "400", + "--ha-font-size-m": "calc(14px * 1)", + "--ha-font-size-s": "calc(12px * 1)", + "--ha-font-size-xs": "calc(10px * 1)", + "--ha-line-height-condensed": "1.2", + "--ha-line-height-normal": "1.6", + "--ha-color-form-background": "#f3f3f3", + "--ha-color-form-background-hover": "#e6e6e6", + "--ha-color-form-background-disabled": "#ccc", + "--ha-border-radius-sm": "4px", + "--ha-border-radius-square": "0", + "--ha-color-text-secondary": "#5e5e5e", + "--ha-color-fill-danger-loud-resting": "#dc3146", + "--ha-color-on-danger-quiet": "#dc3146", + "--ha-color-border-danger-normal": "#fd8f90", + "--ha-color-border-neutral-loud": "#5e5e5e", + "--ha-color-neutral-60": "#989898", + "--ha-animation-duration-normal": "1ms", + "--ha-space-2": "8px", + "--ha-space-3": "12px", + "--ha-space-4": "16px", + "--ha-space-5": "20px", + "--wa-form-control-required-content": "none" + }, + "dark": { + "--primary-color": "#009ac7", + "--primary-text-color": "#e1e1e1", + "--secondary-text-color": "#9b9b9b", + "--card-background-color": "#1c1c1c", + "--ha-font-family-body": "Roboto, Noto, sans-serif", + "--ha-font-weight-normal": "400", + "--ha-font-size-m": "calc(14px * 1)", + "--ha-font-size-s": "calc(12px * 1)", + "--ha-font-size-xs": "calc(10px * 1)", + "--ha-line-height-condensed": "1.2", + "--ha-line-height-normal": "1.6", + "--ha-color-form-background": "#363636", + "--ha-color-form-background-hover": "#4a4a4a", + "--ha-color-form-background-disabled": "#363636", + "--ha-border-radius-sm": "4px", + "--ha-border-radius-square": "0", + "--ha-color-text-secondary": "#ccc", + "--ha-color-fill-danger-loud-resting": "#b30532", + "--ha-color-on-danger-quiet": "#fd8f90", + "--ha-color-border-danger-normal": "#dc3146", + "--ha-color-border-neutral-loud": "#b1b1b1", + "--ha-color-neutral-60": "#989898", + "--ha-animation-duration-normal": "1ms", + "--ha-space-2": "8px", + "--ha-space-3": "12px", + "--ha-space-4": "16px", + "--ha-space-5": "20px", + "--wa-form-control-required-content": "none" + } + }, + "states": [ + { + "platform": "macos", + "theme": "light", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 100.015625, + "height": 36.796875 + }, + "text": { + "x": 24, + "y": 28, + "width": 68.015625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "20px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "36.7969px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 7px", + "content": "normal", + "left": "0px", + "right": "219.984px", + "bottom": "12.2031px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "", + "disabled": false, + "readOnly": false, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "name": "empty", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 64 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(243, 243, 243)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "", + "disabled": false, + "readOnly": false, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(94, 94, 94)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/macos/light-empty.png", + "sha256": "c229be953288e2ff08527395b936c90aabb06b624d32ef0efe656af8c16cb989" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "c229be953288e2ff08527395b936c90aabb06b624d32ef0efe656af8c16cb989" + }, + "configuration": { + "name": "empty", + "width": 320, + "value": "", + "disabled": false, + "readOnly": false, + "required": false, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "label": "Task name", + "hint": "" + } + }, + { + "platform": "macos", + "theme": "light", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 100.015625, + "height": 36.796875 + }, + "text": { + "x": 24, + "y": 28, + "width": 68.015625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "20px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "36.7969px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 7px", + "content": "normal", + "left": "0px", + "right": "219.984px", + "bottom": "12.2031px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "", + "disabled": false, + "readOnly": false, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "hover", + "name": "hover-empty", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 64 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(230, 230, 230)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "", + "disabled": false, + "readOnly": false, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(94, 94, 94)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/macos/light-hover-empty.png", + "sha256": "686468cd01a5d851075eb2c92eafd0f1627df0b6073e626b9dcccca2e01a3da5" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "686468cd01a5d851075eb2c92eafd0f1627df0b6073e626b9dcccca2e01a3da5" + }, + "configuration": { + "name": "hover-empty", + "width": 320, + "value": "", + "disabled": false, + "readOnly": false, + "required": false, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "hover", + "label": "Task name", + "hint": "" + } + }, + { + "platform": "macos", + "theme": "light", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 80.578125, + "height": 24 + }, + "text": { + "x": 24, + "y": 20, + "width": 48.578125, + "height": 11 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "10px", + "fontWeight": "400", + "lineHeight": "12px", + "padding": "12px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(0, 154, 199)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(0, 154, 199)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "height": "24px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 5px", + "content": "normal", + "left": "0px", + "right": "239.422px", + "bottom": "27px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "", + "disabled": false, + "readOnly": false, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "focus", + "name": "focus-empty", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 64 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(243, 243, 243)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "", + "disabled": false, + "readOnly": false, + "focusVisible": true + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(0, 154, 199)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "2px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/macos/light-focus-empty.png", + "sha256": "8fc87a113c9ac63ca496d2f40a1bd27354df32a527d0961bcef362dca1ad4f65" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "8fc87a113c9ac63ca496d2f40a1bd27354df32a527d0961bcef362dca1ad4f65" + }, + "configuration": { + "name": "focus-empty", + "width": 320, + "value": "", + "disabled": false, + "readOnly": false, + "required": false, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "focus", + "label": "Task name", + "hint": "" + } + }, + { + "platform": "macos", + "theme": "light", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 100.015625, + "height": 36.796875 + }, + "text": { + "x": 24, + "y": 28, + "width": 68.015625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "20px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "36.7969px", + "minHeight": "0px", + "opacity": "0.5", + "margin": "0px 0px 7px", + "content": "normal", + "left": "0px", + "right": "219.984px", + "bottom": "12.2031px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "", + "disabled": true, + "readOnly": false, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "name": "disabled-empty", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 64 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(204, 204, 204)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "0.5", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "", + "disabled": true, + "readOnly": false, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(94, 94, 94)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/macos/light-disabled-empty.png", + "sha256": "5ab972da255dc2b0a2a86b880bc8890cfbc482d3b9626aa989168cd37647fb5f" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "5ab972da255dc2b0a2a86b880bc8890cfbc482d3b9626aa989168cd37647fb5f" + }, + "configuration": { + "name": "disabled-empty", + "width": 320, + "value": "", + "disabled": true, + "readOnly": false, + "required": false, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "label": "Task name", + "hint": "" + } + }, + { + "platform": "macos", + "theme": "light", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 100.015625, + "height": 36.796875 + }, + "text": { + "x": 24, + "y": 28, + "width": 68.015625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "20px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "36.7969px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 7px", + "content": "normal", + "left": "0px", + "right": "219.984px", + "bottom": "12.2031px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "", + "disabled": false, + "readOnly": true, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "name": "readonly-empty", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 64 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(243, 243, 243)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "", + "disabled": false, + "readOnly": true, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(94, 94, 94)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/macos/light-readonly-empty.png", + "sha256": "c229be953288e2ff08527395b936c90aabb06b624d32ef0efe656af8c16cb989" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "c229be953288e2ff08527395b936c90aabb06b624d32ef0efe656af8c16cb989" + }, + "configuration": { + "name": "readonly-empty", + "width": 320, + "value": "", + "disabled": false, + "readOnly": true, + "required": false, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "label": "Task name", + "hint": "" + } + }, + { + "platform": "macos", + "theme": "light", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 106.046875, + "height": 36.796875 + }, + "text": { + "x": 24, + "y": 28, + "width": 74.046875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "20px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "36.7969px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 7px", + "content": "normal", + "left": "0px", + "right": "213.953px", + "bottom": "32.2031px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "", + "disabled": false, + "readOnly": false, + "required": true, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 20 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "20px", + "minHeight": "20px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "name": "required-empty", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 84 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "76px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(243, 243, 243)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "", + "disabled": false, + "readOnly": false, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(94, 94, 94)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/macos/light-required-empty.png", + "sha256": "3547945744c08eafe17b3ee2737d5d7a0ba0c948d35a3e7d3fa6ea2df6554f72" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "3547945744c08eafe17b3ee2737d5d7a0ba0c948d35a3e7d3fa6ea2df6554f72" + }, + "configuration": { + "name": "required-empty", + "width": 320, + "value": "", + "disabled": false, + "readOnly": false, + "required": true, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "label": "Task name", + "hint": "" + } + }, + { + "platform": "macos", + "theme": "light", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 100.015625, + "height": 36.796875 + }, + "text": { + "x": 24, + "y": 28, + "width": 68.015625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "20px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "36.7969px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 7px", + "content": "normal", + "left": "0px", + "right": "219.984px", + "bottom": "32.2031px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "", + "disabled": false, + "readOnly": false, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 20 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "20px", + "minHeight": "20px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "Choose a short task name.", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "19.1875px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "name": "description-empty", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 84 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "76px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(243, 243, 243)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "", + "disabled": false, + "readOnly": false, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(94, 94, 94)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/macos/light-description-empty.png", + "sha256": "751738d947a88f8962bb3b61c7317189c0edef087ecccaaabe21c1a2c5ed6d16" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "751738d947a88f8962bb3b61c7317189c0edef087ecccaaabe21c1a2c5ed6d16" + }, + "configuration": { + "name": "description-empty", + "width": 320, + "value": "", + "disabled": false, + "readOnly": false, + "required": false, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "label": "Task name", + "hint": "Choose a short task name." + } + }, + { + "platform": "macos", + "theme": "light", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 100.015625, + "height": 36.796875 + }, + "text": { + "x": 24, + "y": 28, + "width": 68.015625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "20px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(220, 49, 70)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(220, 49, 70)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(220, 49, 70)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(220, 49, 70) none 3px", + "outlineOffset": "0px", + "height": "36.7969px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 7px", + "content": "normal", + "left": "0px", + "right": "219.984px", + "bottom": "32.2031px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "", + "disabled": false, + "readOnly": false, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 20 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "20px", + "minHeight": "20px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "Task name is required.", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(220, 49, 70)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(220, 49, 70)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(220, 49, 70)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(220, 49, 70) none 3px", + "outlineOffset": "0px", + "height": "19.1875px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": true, + "validationMessage": "Task name is required.", + "placeholder": "", + "state": "resting", + "name": "error-empty", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 84 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "76px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(243, 243, 243)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "", + "disabled": false, + "readOnly": false, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(253, 143, 144)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/macos/light-error-empty.png", + "sha256": "f4c8becf6dc1d039a080a50821410f3e7899aa44fc0acdbf6d8f910188dcbce6" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "f4c8becf6dc1d039a080a50821410f3e7899aa44fc0acdbf6d8f910188dcbce6" + }, + "configuration": { + "name": "error-empty", + "width": 320, + "value": "", + "disabled": false, + "readOnly": false, + "required": false, + "invalid": true, + "validationMessage": "Task name is required.", + "placeholder": "", + "state": "resting", + "label": "Task name", + "hint": "" + } + }, + { + "platform": "macos", + "theme": "light", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 80.578125, + "height": 24 + }, + "text": { + "x": 24, + "y": 20, + "width": 48.578125, + "height": 11 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "10px", + "fontWeight": "400", + "lineHeight": "12px", + "padding": "12px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "24px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 5px", + "content": "normal", + "left": "0px", + "right": "239.422px", + "bottom": "27px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "", + "disabled": false, + "readOnly": false, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "Example: kitchen", + "state": "resting", + "name": "placeholder-empty", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 64 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(243, 243, 243)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "16px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "", + "disabled": false, + "readOnly": false, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(94, 94, 94)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/macos/light-placeholder-empty.png", + "sha256": "236ad24f04ebd0bf22f7e6bb1dcb89b1318cb00d15a6f184b923b6532fa78007" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "236ad24f04ebd0bf22f7e6bb1dcb89b1318cb00d15a6f184b923b6532fa78007" + }, + "configuration": { + "name": "placeholder-empty", + "width": 320, + "value": "", + "disabled": false, + "readOnly": false, + "required": false, + "invalid": false, + "validationMessage": "", + "placeholder": "Example: kitchen", + "state": "resting", + "label": "Task name", + "hint": "" + } + }, + { + "platform": "macos", + "theme": "light", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 200, + "height": 53.59375 + }, + "text": { + "x": 24, + "y": 28, + "width": 150.1875, + "height": 32.796875 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "20px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "53.5938px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 7px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "-4.59375px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 200, + "value": "", + "disabled": false, + "readOnly": false, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 188, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "name": "narrow-empty", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 200, + "height": 64 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 200, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(243, 243, 243)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 168, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "", + "disabled": false, + "readOnly": false, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(94, 94, 94)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/macos/light-narrow-empty.png", + "sha256": "a32b1964ecc0c40826f0215674b3aabd557eb1d15168484fe9c52eee6458c522" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "a32b1964ecc0c40826f0215674b3aabd557eb1d15168484fe9c52eee6458c522" + }, + "configuration": { + "name": "narrow-empty", + "width": 200, + "value": "", + "disabled": false, + "readOnly": false, + "required": false, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "label": "A longer household task name", + "hint": "" + } + }, + { + "platform": "macos", + "theme": "light", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 80.578125, + "height": 24 + }, + "text": { + "x": 24, + "y": 20, + "width": 48.578125, + "height": 11 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "10px", + "fontWeight": "400", + "lineHeight": "12px", + "padding": "12px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "24px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 5px", + "content": "normal", + "left": "0px", + "right": "239.422px", + "bottom": "27px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "name": "filled", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 64 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(243, 243, 243)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "auto", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(94, 94, 94)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/macos/light-filled.png", + "sha256": "10b839872a360cdc8a4c3d9ce9bb6d88e822a2a9346bcf1b499511a43a61d928" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "10b839872a360cdc8a4c3d9ce9bb6d88e822a2a9346bcf1b499511a43a61d928" + }, + "configuration": { + "name": "filled", + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": false, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "label": "Task name", + "hint": "" + } + }, + { + "platform": "macos", + "theme": "light", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 80.578125, + "height": 24 + }, + "text": { + "x": 24, + "y": 20, + "width": 48.578125, + "height": 11 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "10px", + "fontWeight": "400", + "lineHeight": "12px", + "padding": "12px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "24px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 5px", + "content": "normal", + "left": "0px", + "right": "239.422px", + "bottom": "27px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "hover", + "name": "hover-filled", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 64 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(230, 230, 230)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "auto", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(94, 94, 94)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/macos/light-hover-filled.png", + "sha256": "36b888b580b41cd744593340260b21aa839e78a057af2f69954ec36bbea5cfb0" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "36b888b580b41cd744593340260b21aa839e78a057af2f69954ec36bbea5cfb0" + }, + "configuration": { + "name": "hover-filled", + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": false, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "hover", + "label": "Task name", + "hint": "" + } + }, + { + "platform": "macos", + "theme": "light", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 80.578125, + "height": 24 + }, + "text": { + "x": 24, + "y": 20, + "width": 48.578125, + "height": 11 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "10px", + "fontWeight": "400", + "lineHeight": "12px", + "padding": "12px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(0, 154, 199)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(0, 154, 199)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "height": "24px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 5px", + "content": "normal", + "left": "0px", + "right": "239.422px", + "bottom": "27px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "focus", + "name": "focus-filled", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 64 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(243, 243, 243)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "auto", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "focusVisible": true + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(0, 154, 199)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "2px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/macos/light-focus-filled.png", + "sha256": "ee479c28aacee10b3df0c6367ccbd2bf7e5d7b374c703aa3109b4a4faf0bc447" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "ee479c28aacee10b3df0c6367ccbd2bf7e5d7b374c703aa3109b4a4faf0bc447" + }, + "configuration": { + "name": "focus-filled", + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": false, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "focus", + "label": "Task name", + "hint": "" + } + }, + { + "platform": "macos", + "theme": "light", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 80.578125, + "height": 24 + }, + "text": { + "x": 24, + "y": 20, + "width": 48.578125, + "height": 11 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "10px", + "fontWeight": "400", + "lineHeight": "12px", + "padding": "12px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "24px", + "minHeight": "0px", + "opacity": "0.5", + "margin": "0px 0px 5px", + "content": "normal", + "left": "0px", + "right": "239.422px", + "bottom": "27px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "Kitchen", + "disabled": true, + "readOnly": false, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "name": "disabled-filled", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 64 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(204, 204, 204)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "0.5", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "auto", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "Kitchen", + "disabled": true, + "readOnly": false, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(94, 94, 94)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/macos/light-disabled-filled.png", + "sha256": "786e96113ec133a08e74610345fe2f11556ceb6c09e6adaef5322778ee54aacf" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "786e96113ec133a08e74610345fe2f11556ceb6c09e6adaef5322778ee54aacf" + }, + "configuration": { + "name": "disabled-filled", + "width": 320, + "value": "Kitchen", + "disabled": true, + "readOnly": false, + "required": false, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "label": "Task name", + "hint": "" + } + }, + { + "platform": "macos", + "theme": "light", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 80.578125, + "height": 24 + }, + "text": { + "x": 24, + "y": 20, + "width": 48.578125, + "height": 11 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "10px", + "fontWeight": "400", + "lineHeight": "12px", + "padding": "12px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "24px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 5px", + "content": "normal", + "left": "0px", + "right": "239.422px", + "bottom": "27px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": true, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "name": "readonly-filled", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 64 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(243, 243, 243)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "auto", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "Kitchen", + "disabled": false, + "readOnly": true, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(94, 94, 94)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/macos/light-readonly-filled.png", + "sha256": "10b839872a360cdc8a4c3d9ce9bb6d88e822a2a9346bcf1b499511a43a61d928" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "10b839872a360cdc8a4c3d9ce9bb6d88e822a2a9346bcf1b499511a43a61d928" + }, + "configuration": { + "name": "readonly-filled", + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": true, + "required": false, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "label": "Task name", + "hint": "" + } + }, + { + "platform": "macos", + "theme": "light", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 84.890625, + "height": 24 + }, + "text": { + "x": 24, + "y": 20, + "width": 52.890625, + "height": 11 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "10px", + "fontWeight": "400", + "lineHeight": "12px", + "padding": "12px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "24px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 5px", + "content": "normal", + "left": "0px", + "right": "235.109px", + "bottom": "47px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": true, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 20 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "20px", + "minHeight": "20px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "name": "required-filled", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 84 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "76px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(243, 243, 243)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "auto", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(94, 94, 94)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/macos/light-required-filled.png", + "sha256": "848665ad3157ece2458039605111b2011da69d31098dedad4976c020cd5464cf" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "848665ad3157ece2458039605111b2011da69d31098dedad4976c020cd5464cf" + }, + "configuration": { + "name": "required-filled", + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": true, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "label": "Task name", + "hint": "" + } + }, + { + "platform": "macos", + "theme": "light", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 80.578125, + "height": 24 + }, + "text": { + "x": 24, + "y": 20, + "width": 48.578125, + "height": 11 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "10px", + "fontWeight": "400", + "lineHeight": "12px", + "padding": "12px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "24px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 5px", + "content": "normal", + "left": "0px", + "right": "239.422px", + "bottom": "47px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 20 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "20px", + "minHeight": "20px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "Choose a short task name.", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "19.1875px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "name": "description-filled", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 84 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "76px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(243, 243, 243)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "auto", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(94, 94, 94)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/macos/light-description-filled.png", + "sha256": "014fb0218f8773ba75652b3a9916b6cd5988c76b2bf982e5f41f2f69c20c5084" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "014fb0218f8773ba75652b3a9916b6cd5988c76b2bf982e5f41f2f69c20c5084" + }, + "configuration": { + "name": "description-filled", + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": false, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "label": "Task name", + "hint": "Choose a short task name." + } + }, + { + "platform": "macos", + "theme": "light", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 80.578125, + "height": 24 + }, + "text": { + "x": 24, + "y": 20, + "width": 48.578125, + "height": 11 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "10px", + "fontWeight": "400", + "lineHeight": "12px", + "padding": "12px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(220, 49, 70)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(220, 49, 70)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(220, 49, 70)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(220, 49, 70) none 3px", + "outlineOffset": "0px", + "height": "24px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 5px", + "content": "normal", + "left": "0px", + "right": "239.422px", + "bottom": "47px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 20 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "20px", + "minHeight": "20px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "Use a different task name.", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(220, 49, 70)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(220, 49, 70)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(220, 49, 70)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(220, 49, 70) none 3px", + "outlineOffset": "0px", + "height": "19.1875px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": true, + "validationMessage": "Use a different task name.", + "placeholder": "", + "state": "resting", + "name": "error-filled", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 84 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "76px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(243, 243, 243)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "auto", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(253, 143, 144)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/macos/light-error-filled.png", + "sha256": "d7969f25133564875ca226fd1f354ac613a64638bce09b0a250204c615810e60" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "d7969f25133564875ca226fd1f354ac613a64638bce09b0a250204c615810e60" + }, + "configuration": { + "name": "error-filled", + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": false, + "invalid": true, + "validationMessage": "Use a different task name.", + "placeholder": "", + "state": "resting", + "label": "Task name", + "hint": "" + } + }, + { + "platform": "macos", + "theme": "light", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 80.578125, + "height": 24 + }, + "text": { + "x": 24, + "y": 20, + "width": 48.578125, + "height": 11 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "10px", + "fontWeight": "400", + "lineHeight": "12px", + "padding": "12px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "24px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 5px", + "content": "normal", + "left": "0px", + "right": "239.422px", + "bottom": "27px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "Example: kitchen", + "state": "resting", + "name": "placeholder-filled", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 64 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(243, 243, 243)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "auto", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(94, 94, 94)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/macos/light-placeholder-filled.png", + "sha256": "10b839872a360cdc8a4c3d9ce9bb6d88e822a2a9346bcf1b499511a43a61d928" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "10b839872a360cdc8a4c3d9ce9bb6d88e822a2a9346bcf1b499511a43a61d928" + }, + "configuration": { + "name": "placeholder-filled", + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": false, + "invalid": false, + "validationMessage": "", + "placeholder": "Example: kitchen", + "state": "resting", + "label": "Task name", + "hint": "" + } + }, + { + "platform": "macos", + "theme": "light", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 166.78125, + "height": 24 + }, + "text": { + "x": 24, + "y": 20, + "width": 134.78125, + "height": 11 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "10px", + "fontWeight": "400", + "lineHeight": "12px", + "padding": "12px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "24px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 5px", + "content": "normal", + "left": "0px", + "right": "33.2188px", + "bottom": "27px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 200, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 188, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "name": "narrow-filled", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 200, + "height": 64 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 200, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(243, 243, 243)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 168, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "auto", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(94, 94, 94)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/macos/light-narrow-filled.png", + "sha256": "54d8af631849029b091675cdeb7a15b5a547d97ceca994e9ac39aa2f5718fe4f" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "54d8af631849029b091675cdeb7a15b5a547d97ceca994e9ac39aa2f5718fe4f" + }, + "configuration": { + "name": "narrow-filled", + "width": 200, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": false, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "label": "A longer household task name", + "hint": "" + } + }, + { + "platform": "macos", + "theme": "light", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 84.890625, + "height": 24 + }, + "text": { + "x": 24, + "y": 20, + "width": 52.890625, + "height": 11 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "10px", + "fontWeight": "400", + "lineHeight": "12px", + "padding": "12px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(0, 154, 199)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(0, 154, 199)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "height": "24px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 5px", + "content": "normal", + "left": "0px", + "right": "235.109px", + "bottom": "47px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "", + "disabled": false, + "readOnly": false, + "required": true, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 20 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "20px", + "minHeight": "20px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "focus", + "name": "required-focus", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 84 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "76px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(243, 243, 243)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "", + "disabled": false, + "readOnly": false, + "focusVisible": true + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(0, 154, 199)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "2px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/macos/light-required-focus.png", + "sha256": "c6b177f51bb8d8fba547883caa294998c648bf5aceeb946a84017baa07636447" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "c6b177f51bb8d8fba547883caa294998c648bf5aceeb946a84017baa07636447" + }, + "configuration": { + "name": "required-focus", + "width": 320, + "value": "", + "disabled": false, + "readOnly": false, + "required": true, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "focus", + "label": "Task name", + "hint": "" + } + }, + { + "platform": "macos", + "theme": "light", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 80.578125, + "height": 24 + }, + "text": { + "x": 24, + "y": 20, + "width": 48.578125, + "height": 11 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "10px", + "fontWeight": "400", + "lineHeight": "12px", + "padding": "12px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(220, 49, 70)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(220, 49, 70)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(220, 49, 70)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(220, 49, 70) none 3px", + "outlineOffset": "0px", + "height": "24px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 5px", + "content": "normal", + "left": "0px", + "right": "239.422px", + "bottom": "47px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 20 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "20px", + "minHeight": "20px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "Use a different task name.", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(220, 49, 70)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(220, 49, 70)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(220, 49, 70)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(220, 49, 70) none 3px", + "outlineOffset": "0px", + "height": "19.1875px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": true, + "validationMessage": "Use a different task name.", + "placeholder": "", + "state": "focus", + "name": "error-focus", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 84 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "76px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(243, 243, 243)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "auto", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "focusVisible": true + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(253, 143, 144)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "2px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/macos/light-error-focus.png", + "sha256": "5f898b9009755414fdae2279c1a4e5613908aaa4ed44c63aa6d6905149063f3b" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "5f898b9009755414fdae2279c1a4e5613908aaa4ed44c63aa6d6905149063f3b" + }, + "configuration": { + "name": "error-focus", + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": false, + "invalid": true, + "validationMessage": "Use a different task name.", + "placeholder": "", + "state": "focus", + "label": "Task name", + "hint": "" + } + }, + { + "platform": "macos", + "theme": "dark", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 100.015625, + "height": 36.796875 + }, + "text": { + "x": 24, + "y": 28, + "width": 68.015625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "20px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(155, 155, 155)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(155, 155, 155)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px", + "height": "36.7969px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 7px", + "content": "normal", + "left": "0px", + "right": "219.984px", + "bottom": "12.2031px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "", + "disabled": false, + "readOnly": false, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "name": "empty", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 64 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(54, 54, 54)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "", + "disabled": false, + "readOnly": false, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(177, 177, 177)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/macos/dark-empty.png", + "sha256": "eec38e42d547777ea034b0998d167c3503c9f8667a1af00c130258ee1f2831f4" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "eec38e42d547777ea034b0998d167c3503c9f8667a1af00c130258ee1f2831f4" + }, + "configuration": { + "name": "empty", + "width": 320, + "value": "", + "disabled": false, + "readOnly": false, + "required": false, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "label": "Task name", + "hint": "" + } + }, + { + "platform": "macos", + "theme": "dark", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 100.015625, + "height": 36.796875 + }, + "text": { + "x": 24, + "y": 28, + "width": 68.015625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "20px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(155, 155, 155)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(155, 155, 155)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px", + "height": "36.7969px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 7px", + "content": "normal", + "left": "0px", + "right": "219.984px", + "bottom": "12.2031px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "", + "disabled": false, + "readOnly": false, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "hover", + "name": "hover-empty", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 64 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(74, 74, 74)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "", + "disabled": false, + "readOnly": false, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(177, 177, 177)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/macos/dark-hover-empty.png", + "sha256": "dfd7d6e812331b0e211e6c9b4debd659724458d72053587ca33fb0cab1fd6aaf" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "dfd7d6e812331b0e211e6c9b4debd659724458d72053587ca33fb0cab1fd6aaf" + }, + "configuration": { + "name": "hover-empty", + "width": 320, + "value": "", + "disabled": false, + "readOnly": false, + "required": false, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "hover", + "label": "Task name", + "hint": "" + } + }, + { + "platform": "macos", + "theme": "dark", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 80.578125, + "height": 24 + }, + "text": { + "x": 24, + "y": 20, + "width": 48.578125, + "height": 11 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "10px", + "fontWeight": "400", + "lineHeight": "12px", + "padding": "12px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(0, 154, 199)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(0, 154, 199)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "height": "24px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 5px", + "content": "normal", + "left": "0px", + "right": "239.422px", + "bottom": "27px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "", + "disabled": false, + "readOnly": false, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "focus", + "name": "focus-empty", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 64 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(54, 54, 54)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "", + "disabled": false, + "readOnly": false, + "focusVisible": true + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(0, 154, 199)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "2px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/macos/dark-focus-empty.png", + "sha256": "2538c47978937e51c7fb170ea98aaba651112d35c22db4ae4ee329f3f6e99c61" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "2538c47978937e51c7fb170ea98aaba651112d35c22db4ae4ee329f3f6e99c61" + }, + "configuration": { + "name": "focus-empty", + "width": 320, + "value": "", + "disabled": false, + "readOnly": false, + "required": false, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "focus", + "label": "Task name", + "hint": "" + } + }, + { + "platform": "macos", + "theme": "dark", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 100.015625, + "height": 36.796875 + }, + "text": { + "x": 24, + "y": 28, + "width": 68.015625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "20px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(155, 155, 155)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(155, 155, 155)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px", + "height": "36.7969px", + "minHeight": "0px", + "opacity": "0.5", + "margin": "0px 0px 7px", + "content": "normal", + "left": "0px", + "right": "219.984px", + "bottom": "12.2031px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "", + "disabled": true, + "readOnly": false, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "name": "disabled-empty", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 64 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(54, 54, 54)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "0.5", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "", + "disabled": true, + "readOnly": false, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(177, 177, 177)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/macos/dark-disabled-empty.png", + "sha256": "6ecc0caab45f46b161ad18d3af66a493edbb0d73e8997315f213eddf439015f6" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "6ecc0caab45f46b161ad18d3af66a493edbb0d73e8997315f213eddf439015f6" + }, + "configuration": { + "name": "disabled-empty", + "width": 320, + "value": "", + "disabled": true, + "readOnly": false, + "required": false, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "label": "Task name", + "hint": "" + } + }, + { + "platform": "macos", + "theme": "dark", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 100.015625, + "height": 36.796875 + }, + "text": { + "x": 24, + "y": 28, + "width": 68.015625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "20px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(155, 155, 155)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(155, 155, 155)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px", + "height": "36.7969px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 7px", + "content": "normal", + "left": "0px", + "right": "219.984px", + "bottom": "12.2031px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "", + "disabled": false, + "readOnly": true, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "name": "readonly-empty", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 64 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(54, 54, 54)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "", + "disabled": false, + "readOnly": true, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(177, 177, 177)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/macos/dark-readonly-empty.png", + "sha256": "eec38e42d547777ea034b0998d167c3503c9f8667a1af00c130258ee1f2831f4" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "eec38e42d547777ea034b0998d167c3503c9f8667a1af00c130258ee1f2831f4" + }, + "configuration": { + "name": "readonly-empty", + "width": 320, + "value": "", + "disabled": false, + "readOnly": true, + "required": false, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "label": "Task name", + "hint": "" + } + }, + { + "platform": "macos", + "theme": "dark", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 106.046875, + "height": 36.796875 + }, + "text": { + "x": 24, + "y": 28, + "width": 74.046875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "20px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(155, 155, 155)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(155, 155, 155)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px", + "height": "36.7969px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 7px", + "content": "normal", + "left": "0px", + "right": "213.953px", + "bottom": "32.2031px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "", + "disabled": false, + "readOnly": false, + "required": true, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 20 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "20px", + "minHeight": "20px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "name": "required-empty", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 84 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "76px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(54, 54, 54)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "", + "disabled": false, + "readOnly": false, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(177, 177, 177)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/macos/dark-required-empty.png", + "sha256": "4b7e4111c5b2ce48fa7c933980e232b848f505fc64b30caf56ef7ad9896a3171" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "4b7e4111c5b2ce48fa7c933980e232b848f505fc64b30caf56ef7ad9896a3171" + }, + "configuration": { + "name": "required-empty", + "width": 320, + "value": "", + "disabled": false, + "readOnly": false, + "required": true, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "label": "Task name", + "hint": "" + } + }, + { + "platform": "macos", + "theme": "dark", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 100.015625, + "height": 36.796875 + }, + "text": { + "x": 24, + "y": 28, + "width": 68.015625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "20px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(155, 155, 155)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(155, 155, 155)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px", + "height": "36.7969px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 7px", + "content": "normal", + "left": "0px", + "right": "219.984px", + "bottom": "32.2031px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "", + "disabled": false, + "readOnly": false, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 20 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "20px", + "minHeight": "20px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "Choose a short task name.", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "19.1875px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "name": "description-empty", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 84 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "76px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(54, 54, 54)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "", + "disabled": false, + "readOnly": false, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(177, 177, 177)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/macos/dark-description-empty.png", + "sha256": "38dbc4d550e713564bb6b2460bc87d7d71525d482b559039cec22c9df3a2e8f8" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "38dbc4d550e713564bb6b2460bc87d7d71525d482b559039cec22c9df3a2e8f8" + }, + "configuration": { + "name": "description-empty", + "width": 320, + "value": "", + "disabled": false, + "readOnly": false, + "required": false, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "label": "Task name", + "hint": "Choose a short task name." + } + }, + { + "platform": "macos", + "theme": "dark", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 100.015625, + "height": 36.796875 + }, + "text": { + "x": 24, + "y": 28, + "width": 68.015625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "20px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(179, 5, 50)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(179, 5, 50)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(179, 5, 50)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(179, 5, 50) none 3px", + "outlineOffset": "0px", + "height": "36.7969px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 7px", + "content": "normal", + "left": "0px", + "right": "219.984px", + "bottom": "32.2031px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "", + "disabled": false, + "readOnly": false, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 20 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "20px", + "minHeight": "20px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "Task name is required.", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(253, 143, 144)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(253, 143, 144)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(253, 143, 144)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(253, 143, 144) none 3px", + "outlineOffset": "0px", + "height": "19.1875px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": true, + "validationMessage": "Task name is required.", + "placeholder": "", + "state": "resting", + "name": "error-empty", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 84 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "76px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(54, 54, 54)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "", + "disabled": false, + "readOnly": false, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(220, 49, 70)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/macos/dark-error-empty.png", + "sha256": "47a860ec968e10938c6da67f148758dcf6cfaf9054efa80a22747265e06c4bc6" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "47a860ec968e10938c6da67f148758dcf6cfaf9054efa80a22747265e06c4bc6" + }, + "configuration": { + "name": "error-empty", + "width": 320, + "value": "", + "disabled": false, + "readOnly": false, + "required": false, + "invalid": true, + "validationMessage": "Task name is required.", + "placeholder": "", + "state": "resting", + "label": "Task name", + "hint": "" + } + }, + { + "platform": "macos", + "theme": "dark", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 80.578125, + "height": 24 + }, + "text": { + "x": 24, + "y": 20, + "width": 48.578125, + "height": 11 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "10px", + "fontWeight": "400", + "lineHeight": "12px", + "padding": "12px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(155, 155, 155)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(155, 155, 155)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px", + "height": "24px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 5px", + "content": "normal", + "left": "0px", + "right": "239.422px", + "bottom": "27px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "", + "disabled": false, + "readOnly": false, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "Example: kitchen", + "state": "resting", + "name": "placeholder-empty", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 64 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(54, 54, 54)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "16px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "", + "disabled": false, + "readOnly": false, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(177, 177, 177)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/macos/dark-placeholder-empty.png", + "sha256": "21b3f47da5ad0093bb691c40ae463115ffe53d2f2012bbb38ed0d6e7c86a330e" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "21b3f47da5ad0093bb691c40ae463115ffe53d2f2012bbb38ed0d6e7c86a330e" + }, + "configuration": { + "name": "placeholder-empty", + "width": 320, + "value": "", + "disabled": false, + "readOnly": false, + "required": false, + "invalid": false, + "validationMessage": "", + "placeholder": "Example: kitchen", + "state": "resting", + "label": "Task name", + "hint": "" + } + }, + { + "platform": "macos", + "theme": "dark", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 200, + "height": 53.59375 + }, + "text": { + "x": 24, + "y": 28, + "width": 150.1875, + "height": 32.796875 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "20px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(155, 155, 155)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(155, 155, 155)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px", + "height": "53.5938px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 7px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "-4.59375px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 200, + "value": "", + "disabled": false, + "readOnly": false, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 188, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "name": "narrow-empty", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 200, + "height": 64 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 200, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(54, 54, 54)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 168, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "", + "disabled": false, + "readOnly": false, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(177, 177, 177)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/macos/dark-narrow-empty.png", + "sha256": "995b7b66fb6b130b02f2e30f14a1b84e1e7f3a259593c5a43fa4b1fb5c65f7a0" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "995b7b66fb6b130b02f2e30f14a1b84e1e7f3a259593c5a43fa4b1fb5c65f7a0" + }, + "configuration": { + "name": "narrow-empty", + "width": 200, + "value": "", + "disabled": false, + "readOnly": false, + "required": false, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "label": "A longer household task name", + "hint": "" + } + }, + { + "platform": "macos", + "theme": "dark", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 80.578125, + "height": 24 + }, + "text": { + "x": 24, + "y": 20, + "width": 48.578125, + "height": 11 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "10px", + "fontWeight": "400", + "lineHeight": "12px", + "padding": "12px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(155, 155, 155)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(155, 155, 155)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px", + "height": "24px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 5px", + "content": "normal", + "left": "0px", + "right": "239.422px", + "bottom": "27px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "name": "filled", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 64 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(54, 54, 54)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "auto", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(177, 177, 177)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/macos/dark-filled.png", + "sha256": "926dbbfcf3c51d95b86a7de57c39bff0d38cd93a675a288f0d8d4abd81ad8dde" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "926dbbfcf3c51d95b86a7de57c39bff0d38cd93a675a288f0d8d4abd81ad8dde" + }, + "configuration": { + "name": "filled", + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": false, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "label": "Task name", + "hint": "" + } + }, + { + "platform": "macos", + "theme": "dark", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 80.578125, + "height": 24 + }, + "text": { + "x": 24, + "y": 20, + "width": 48.578125, + "height": 11 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "10px", + "fontWeight": "400", + "lineHeight": "12px", + "padding": "12px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(155, 155, 155)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(155, 155, 155)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px", + "height": "24px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 5px", + "content": "normal", + "left": "0px", + "right": "239.422px", + "bottom": "27px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "hover", + "name": "hover-filled", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 64 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(74, 74, 74)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "auto", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(177, 177, 177)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/macos/dark-hover-filled.png", + "sha256": "ddcd6a217c55faaf063417b76e1faacc3f7e832d87cf202bf08697be6a7383ae" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "ddcd6a217c55faaf063417b76e1faacc3f7e832d87cf202bf08697be6a7383ae" + }, + "configuration": { + "name": "hover-filled", + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": false, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "hover", + "label": "Task name", + "hint": "" + } + }, + { + "platform": "macos", + "theme": "dark", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 80.578125, + "height": 24 + }, + "text": { + "x": 24, + "y": 20, + "width": 48.578125, + "height": 11 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "10px", + "fontWeight": "400", + "lineHeight": "12px", + "padding": "12px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(0, 154, 199)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(0, 154, 199)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "height": "24px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 5px", + "content": "normal", + "left": "0px", + "right": "239.422px", + "bottom": "27px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "focus", + "name": "focus-filled", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 64 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(54, 54, 54)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "auto", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "focusVisible": true + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(0, 154, 199)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "2px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/macos/dark-focus-filled.png", + "sha256": "aadad027ee280748bc0944690bb9bd32dbbbabf078e87cfa043ce81772a5f228" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "aadad027ee280748bc0944690bb9bd32dbbbabf078e87cfa043ce81772a5f228" + }, + "configuration": { + "name": "focus-filled", + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": false, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "focus", + "label": "Task name", + "hint": "" + } + }, + { + "platform": "macos", + "theme": "dark", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 80.578125, + "height": 24 + }, + "text": { + "x": 24, + "y": 20, + "width": 48.578125, + "height": 11 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "10px", + "fontWeight": "400", + "lineHeight": "12px", + "padding": "12px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(155, 155, 155)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(155, 155, 155)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px", + "height": "24px", + "minHeight": "0px", + "opacity": "0.5", + "margin": "0px 0px 5px", + "content": "normal", + "left": "0px", + "right": "239.422px", + "bottom": "27px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "Kitchen", + "disabled": true, + "readOnly": false, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "name": "disabled-filled", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 64 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(54, 54, 54)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "0.5", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "auto", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "Kitchen", + "disabled": true, + "readOnly": false, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(177, 177, 177)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/macos/dark-disabled-filled.png", + "sha256": "230ae54bab93248b232bc90cbf7f135d68e6dbb29c7c933fe9178c4aa35d82b4" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "230ae54bab93248b232bc90cbf7f135d68e6dbb29c7c933fe9178c4aa35d82b4" + }, + "configuration": { + "name": "disabled-filled", + "width": 320, + "value": "Kitchen", + "disabled": true, + "readOnly": false, + "required": false, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "label": "Task name", + "hint": "" + } + }, + { + "platform": "macos", + "theme": "dark", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 80.578125, + "height": 24 + }, + "text": { + "x": 24, + "y": 20, + "width": 48.578125, + "height": 11 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "10px", + "fontWeight": "400", + "lineHeight": "12px", + "padding": "12px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(155, 155, 155)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(155, 155, 155)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px", + "height": "24px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 5px", + "content": "normal", + "left": "0px", + "right": "239.422px", + "bottom": "27px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": true, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "name": "readonly-filled", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 64 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(54, 54, 54)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "auto", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "Kitchen", + "disabled": false, + "readOnly": true, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(177, 177, 177)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/macos/dark-readonly-filled.png", + "sha256": "926dbbfcf3c51d95b86a7de57c39bff0d38cd93a675a288f0d8d4abd81ad8dde" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "926dbbfcf3c51d95b86a7de57c39bff0d38cd93a675a288f0d8d4abd81ad8dde" + }, + "configuration": { + "name": "readonly-filled", + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": true, + "required": false, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "label": "Task name", + "hint": "" + } + }, + { + "platform": "macos", + "theme": "dark", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 84.890625, + "height": 24 + }, + "text": { + "x": 24, + "y": 20, + "width": 52.890625, + "height": 11 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "10px", + "fontWeight": "400", + "lineHeight": "12px", + "padding": "12px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(155, 155, 155)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(155, 155, 155)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px", + "height": "24px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 5px", + "content": "normal", + "left": "0px", + "right": "235.109px", + "bottom": "47px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": true, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 20 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "20px", + "minHeight": "20px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "name": "required-filled", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 84 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "76px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(54, 54, 54)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "auto", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(177, 177, 177)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/macos/dark-required-filled.png", + "sha256": "d8b5e2471fd93d29a6d99402ad3eea44d9cda9cb7e6f3efd6bd901d6ea60792f" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "d8b5e2471fd93d29a6d99402ad3eea44d9cda9cb7e6f3efd6bd901d6ea60792f" + }, + "configuration": { + "name": "required-filled", + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": true, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "label": "Task name", + "hint": "" + } + }, + { + "platform": "macos", + "theme": "dark", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 80.578125, + "height": 24 + }, + "text": { + "x": 24, + "y": 20, + "width": 48.578125, + "height": 11 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "10px", + "fontWeight": "400", + "lineHeight": "12px", + "padding": "12px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(155, 155, 155)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(155, 155, 155)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px", + "height": "24px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 5px", + "content": "normal", + "left": "0px", + "right": "239.422px", + "bottom": "47px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 20 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "20px", + "minHeight": "20px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "Choose a short task name.", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "19.1875px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "name": "description-filled", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 84 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "76px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(54, 54, 54)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "auto", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(177, 177, 177)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/macos/dark-description-filled.png", + "sha256": "2e1574487d67bea86a9fb9943840b64cae394f5d1844d24f61630a98fb8a3d19" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "2e1574487d67bea86a9fb9943840b64cae394f5d1844d24f61630a98fb8a3d19" + }, + "configuration": { + "name": "description-filled", + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": false, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "label": "Task name", + "hint": "Choose a short task name." + } + }, + { + "platform": "macos", + "theme": "dark", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 80.578125, + "height": 24 + }, + "text": { + "x": 24, + "y": 20, + "width": 48.578125, + "height": 11 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "10px", + "fontWeight": "400", + "lineHeight": "12px", + "padding": "12px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(179, 5, 50)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(179, 5, 50)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(179, 5, 50)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(179, 5, 50) none 3px", + "outlineOffset": "0px", + "height": "24px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 5px", + "content": "normal", + "left": "0px", + "right": "239.422px", + "bottom": "47px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 20 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "20px", + "minHeight": "20px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "Use a different task name.", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(253, 143, 144)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(253, 143, 144)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(253, 143, 144)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(253, 143, 144) none 3px", + "outlineOffset": "0px", + "height": "19.1875px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": true, + "validationMessage": "Use a different task name.", + "placeholder": "", + "state": "resting", + "name": "error-filled", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 84 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "76px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(54, 54, 54)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "auto", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(220, 49, 70)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/macos/dark-error-filled.png", + "sha256": "13139df13590e7a42d2ac53b4b3e44a78274b8ae51900ee4aefa03f2454b9300" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "13139df13590e7a42d2ac53b4b3e44a78274b8ae51900ee4aefa03f2454b9300" + }, + "configuration": { + "name": "error-filled", + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": false, + "invalid": true, + "validationMessage": "Use a different task name.", + "placeholder": "", + "state": "resting", + "label": "Task name", + "hint": "" + } + }, + { + "platform": "macos", + "theme": "dark", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 80.578125, + "height": 24 + }, + "text": { + "x": 24, + "y": 20, + "width": 48.578125, + "height": 11 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "10px", + "fontWeight": "400", + "lineHeight": "12px", + "padding": "12px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(155, 155, 155)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(155, 155, 155)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px", + "height": "24px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 5px", + "content": "normal", + "left": "0px", + "right": "239.422px", + "bottom": "27px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "Example: kitchen", + "state": "resting", + "name": "placeholder-filled", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 64 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(54, 54, 54)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "auto", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(177, 177, 177)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/macos/dark-placeholder-filled.png", + "sha256": "926dbbfcf3c51d95b86a7de57c39bff0d38cd93a675a288f0d8d4abd81ad8dde" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "926dbbfcf3c51d95b86a7de57c39bff0d38cd93a675a288f0d8d4abd81ad8dde" + }, + "configuration": { + "name": "placeholder-filled", + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": false, + "invalid": false, + "validationMessage": "", + "placeholder": "Example: kitchen", + "state": "resting", + "label": "Task name", + "hint": "" + } + }, + { + "platform": "macos", + "theme": "dark", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 166.78125, + "height": 24 + }, + "text": { + "x": 24, + "y": 20, + "width": 134.78125, + "height": 11 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "10px", + "fontWeight": "400", + "lineHeight": "12px", + "padding": "12px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(155, 155, 155)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(155, 155, 155)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px", + "height": "24px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 5px", + "content": "normal", + "left": "0px", + "right": "33.2188px", + "bottom": "27px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 200, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 188, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "name": "narrow-filled", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 200, + "height": 64 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 200, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(54, 54, 54)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 168, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "auto", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(177, 177, 177)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/macos/dark-narrow-filled.png", + "sha256": "62502e3f451bdaab6559f8553ec58e2dfd3cf9fd2e7c6c499ade1be718383d34" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "62502e3f451bdaab6559f8553ec58e2dfd3cf9fd2e7c6c499ade1be718383d34" + }, + "configuration": { + "name": "narrow-filled", + "width": 200, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": false, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "label": "A longer household task name", + "hint": "" + } + }, + { + "platform": "macos", + "theme": "dark", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 84.890625, + "height": 24 + }, + "text": { + "x": 24, + "y": 20, + "width": 52.890625, + "height": 11 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "10px", + "fontWeight": "400", + "lineHeight": "12px", + "padding": "12px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(0, 154, 199)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(0, 154, 199)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "height": "24px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 5px", + "content": "normal", + "left": "0px", + "right": "235.109px", + "bottom": "47px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "", + "disabled": false, + "readOnly": false, + "required": true, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 20 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "20px", + "minHeight": "20px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "focus", + "name": "required-focus", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 84 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "76px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(54, 54, 54)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "", + "disabled": false, + "readOnly": false, + "focusVisible": true + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(0, 154, 199)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "2px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/macos/dark-required-focus.png", + "sha256": "d0d1147cfdf17d695222e1b35747e0e1c6041811d493d27136a2ee3ea2a2e072" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "d0d1147cfdf17d695222e1b35747e0e1c6041811d493d27136a2ee3ea2a2e072" + }, + "configuration": { + "name": "required-focus", + "width": 320, + "value": "", + "disabled": false, + "readOnly": false, + "required": true, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "focus", + "label": "Task name", + "hint": "" + } + }, + { + "platform": "macos", + "theme": "dark", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 80.578125, + "height": 24 + }, + "text": { + "x": 24, + "y": 20, + "width": 48.578125, + "height": 11 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "10px", + "fontWeight": "400", + "lineHeight": "12px", + "padding": "12px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(179, 5, 50)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(179, 5, 50)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(179, 5, 50)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(179, 5, 50) none 3px", + "outlineOffset": "0px", + "height": "24px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 5px", + "content": "normal", + "left": "0px", + "right": "239.422px", + "bottom": "47px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 20 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "20px", + "minHeight": "20px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "Use a different task name.", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(253, 143, 144)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(253, 143, 144)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(253, 143, 144)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(253, 143, 144) none 3px", + "outlineOffset": "0px", + "height": "19.1875px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": true, + "validationMessage": "Use a different task name.", + "placeholder": "", + "state": "focus", + "name": "error-focus", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 84 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "76px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(54, 54, 54)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "auto", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "focusVisible": true + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(220, 49, 70)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "2px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/macos/dark-error-focus.png", + "sha256": "4368b8ea9a9377b84a106055597282274717371d1a1bbc1426470a9ca361f9c6" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "4368b8ea9a9377b84a106055597282274717371d1a1bbc1426470a9ca361f9c6" + }, + "configuration": { + "name": "error-focus", + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": false, + "invalid": true, + "validationMessage": "Use a different task name.", + "placeholder": "", + "state": "focus", + "label": "Task name", + "hint": "" + } + }, + { + "platform": "linux", + "theme": "light", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 99, + "height": 36.796875 + }, + "text": { + "x": 24, + "y": 28, + "width": 67, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "20px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "36.7969px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 7px", + "content": "normal", + "left": "0px", + "right": "221px", + "bottom": "12.2031px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "", + "disabled": false, + "readOnly": false, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "name": "empty", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 64 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(243, 243, 243)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "", + "disabled": false, + "readOnly": false, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(94, 94, 94)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/linux/light-empty.png", + "sha256": "baebf009fc6b292ca1d25a83bad7da626f020d612f5f285a4b3b99b808e4c9db" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "baebf009fc6b292ca1d25a83bad7da626f020d612f5f285a4b3b99b808e4c9db" + }, + "configuration": { + "name": "empty", + "width": 320, + "value": "", + "disabled": false, + "readOnly": false, + "required": false, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "label": "Task name", + "hint": "" + } + }, + { + "platform": "linux", + "theme": "light", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 99, + "height": 36.796875 + }, + "text": { + "x": 24, + "y": 28, + "width": 67, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "20px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "36.7969px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 7px", + "content": "normal", + "left": "0px", + "right": "221px", + "bottom": "12.2031px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "", + "disabled": false, + "readOnly": false, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "hover", + "name": "hover-empty", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 64 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(230, 230, 230)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "", + "disabled": false, + "readOnly": false, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(94, 94, 94)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/linux/light-hover-empty.png", + "sha256": "bab71278ca37640641dee08957d64a2323e2f269a9d782fac26e348cea893db8" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "bab71278ca37640641dee08957d64a2323e2f269a9d782fac26e348cea893db8" + }, + "configuration": { + "name": "hover-empty", + "width": 320, + "value": "", + "disabled": false, + "readOnly": false, + "required": false, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "hover", + "label": "Task name", + "hint": "" + } + }, + { + "platform": "linux", + "theme": "light", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 79, + "height": 24 + }, + "text": { + "x": 24, + "y": 20, + "width": 47, + "height": 11 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "10px", + "fontWeight": "400", + "lineHeight": "12px", + "padding": "12px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(0, 154, 199)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(0, 154, 199)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "height": "24px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 5px", + "content": "normal", + "left": "0px", + "right": "241px", + "bottom": "27px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "", + "disabled": false, + "readOnly": false, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "focus", + "name": "focus-empty", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 64 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(243, 243, 243)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "", + "disabled": false, + "readOnly": false, + "focusVisible": true + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(0, 154, 199)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "2px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/linux/light-focus-empty.png", + "sha256": "023ebabb5cdd28b4a85bcb1c62531942cde63cd7d4382765cfd0bd66dad32c7c" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "023ebabb5cdd28b4a85bcb1c62531942cde63cd7d4382765cfd0bd66dad32c7c" + }, + "configuration": { + "name": "focus-empty", + "width": 320, + "value": "", + "disabled": false, + "readOnly": false, + "required": false, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "focus", + "label": "Task name", + "hint": "" + } + }, + { + "platform": "linux", + "theme": "light", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 99, + "height": 36.796875 + }, + "text": { + "x": 24, + "y": 28, + "width": 67, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "20px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "36.7969px", + "minHeight": "0px", + "opacity": "0.5", + "margin": "0px 0px 7px", + "content": "normal", + "left": "0px", + "right": "221px", + "bottom": "12.2031px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "", + "disabled": true, + "readOnly": false, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "name": "disabled-empty", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 64 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(204, 204, 204)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "0.5", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "", + "disabled": true, + "readOnly": false, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(94, 94, 94)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/linux/light-disabled-empty.png", + "sha256": "86ebc5c92aecf0d14c22293c9c043abbdca3ce34166f4efe79479502de3763d8" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "86ebc5c92aecf0d14c22293c9c043abbdca3ce34166f4efe79479502de3763d8" + }, + "configuration": { + "name": "disabled-empty", + "width": 320, + "value": "", + "disabled": true, + "readOnly": false, + "required": false, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "label": "Task name", + "hint": "" + } + }, + { + "platform": "linux", + "theme": "light", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 99, + "height": 36.796875 + }, + "text": { + "x": 24, + "y": 28, + "width": 67, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "20px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "36.7969px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 7px", + "content": "normal", + "left": "0px", + "right": "221px", + "bottom": "12.2031px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "", + "disabled": false, + "readOnly": true, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "name": "readonly-empty", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 64 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(243, 243, 243)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "", + "disabled": false, + "readOnly": true, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(94, 94, 94)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/linux/light-readonly-empty.png", + "sha256": "baebf009fc6b292ca1d25a83bad7da626f020d612f5f285a4b3b99b808e4c9db" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "baebf009fc6b292ca1d25a83bad7da626f020d612f5f285a4b3b99b808e4c9db" + }, + "configuration": { + "name": "readonly-empty", + "width": 320, + "value": "", + "disabled": false, + "readOnly": true, + "required": false, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "label": "Task name", + "hint": "" + } + }, + { + "platform": "linux", + "theme": "light", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 105, + "height": 36.796875 + }, + "text": { + "x": 24, + "y": 28, + "width": 73, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "20px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "36.7969px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 7px", + "content": "normal", + "left": "0px", + "right": "215px", + "bottom": "32.2031px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "", + "disabled": false, + "readOnly": false, + "required": true, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 20 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "20px", + "minHeight": "20px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "name": "required-empty", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 84 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "76px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(243, 243, 243)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "", + "disabled": false, + "readOnly": false, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(94, 94, 94)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/linux/light-required-empty.png", + "sha256": "bf3a83f3f88d4d9d1256dfa438bf58dd0f2b0e13c181a018601d912f3463a2e8" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "bf3a83f3f88d4d9d1256dfa438bf58dd0f2b0e13c181a018601d912f3463a2e8" + }, + "configuration": { + "name": "required-empty", + "width": 320, + "value": "", + "disabled": false, + "readOnly": false, + "required": true, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "label": "Task name", + "hint": "" + } + }, + { + "platform": "linux", + "theme": "light", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 99, + "height": 36.796875 + }, + "text": { + "x": 24, + "y": 28, + "width": 67, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "20px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "36.7969px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 7px", + "content": "normal", + "left": "0px", + "right": "221px", + "bottom": "32.2031px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "", + "disabled": false, + "readOnly": false, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 20 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "20px", + "minHeight": "20px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "Choose a short task name.", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "19.1875px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "name": "description-empty", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 84 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "76px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(243, 243, 243)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "", + "disabled": false, + "readOnly": false, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(94, 94, 94)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/linux/light-description-empty.png", + "sha256": "d02a7e6b5c3b6e63d8ca74a0e41d5dbd1de2956d3d1caaeb1c25f82b8074926f" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "d02a7e6b5c3b6e63d8ca74a0e41d5dbd1de2956d3d1caaeb1c25f82b8074926f" + }, + "configuration": { + "name": "description-empty", + "width": 320, + "value": "", + "disabled": false, + "readOnly": false, + "required": false, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "label": "Task name", + "hint": "Choose a short task name." + } + }, + { + "platform": "linux", + "theme": "light", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 99, + "height": 36.796875 + }, + "text": { + "x": 24, + "y": 28, + "width": 67, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "20px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(220, 49, 70)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(220, 49, 70)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(220, 49, 70)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(220, 49, 70) none 3px", + "outlineOffset": "0px", + "height": "36.7969px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 7px", + "content": "normal", + "left": "0px", + "right": "221px", + "bottom": "32.2031px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "", + "disabled": false, + "readOnly": false, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 20 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "20px", + "minHeight": "20px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "Task name is required.", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(220, 49, 70)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(220, 49, 70)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(220, 49, 70)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(220, 49, 70) none 3px", + "outlineOffset": "0px", + "height": "19.1875px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": true, + "validationMessage": "Task name is required.", + "placeholder": "", + "state": "resting", + "name": "error-empty", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 84 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "76px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(243, 243, 243)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "", + "disabled": false, + "readOnly": false, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(253, 143, 144)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/linux/light-error-empty.png", + "sha256": "3d851b2f8a8e0b53ae58fa66e0a5142ada800f45eb0c847ddc67f6a22f4db105" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "3d851b2f8a8e0b53ae58fa66e0a5142ada800f45eb0c847ddc67f6a22f4db105" + }, + "configuration": { + "name": "error-empty", + "width": 320, + "value": "", + "disabled": false, + "readOnly": false, + "required": false, + "invalid": true, + "validationMessage": "Task name is required.", + "placeholder": "", + "state": "resting", + "label": "Task name", + "hint": "" + } + }, + { + "platform": "linux", + "theme": "light", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 79, + "height": 24 + }, + "text": { + "x": 24, + "y": 20, + "width": 47, + "height": 11 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "10px", + "fontWeight": "400", + "lineHeight": "12px", + "padding": "12px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "24px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 5px", + "content": "normal", + "left": "0px", + "right": "241px", + "bottom": "27px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "", + "disabled": false, + "readOnly": false, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "Example: kitchen", + "state": "resting", + "name": "placeholder-empty", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 64 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(243, 243, 243)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "16px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "", + "disabled": false, + "readOnly": false, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(94, 94, 94)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/linux/light-placeholder-empty.png", + "sha256": "6cfe9b340b08e3836f1a740e4effbda5e6336e9ae730e3ec1805bb7b93d234c6" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "6cfe9b340b08e3836f1a740e4effbda5e6336e9ae730e3ec1805bb7b93d234c6" + }, + "configuration": { + "name": "placeholder-empty", + "width": 320, + "value": "", + "disabled": false, + "readOnly": false, + "required": false, + "invalid": false, + "validationMessage": "", + "placeholder": "Example: kitchen", + "state": "resting", + "label": "Task name", + "hint": "" + } + }, + { + "platform": "linux", + "theme": "light", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 200, + "height": 53.59375 + }, + "text": { + "x": 24, + "y": 28, + "width": 149, + "height": 32.796875 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "20px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "53.5938px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 7px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "-4.59375px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 200, + "value": "", + "disabled": false, + "readOnly": false, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 188, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "name": "narrow-empty", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 200, + "height": 64 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 200, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(243, 243, 243)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 168, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "", + "disabled": false, + "readOnly": false, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(94, 94, 94)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/linux/light-narrow-empty.png", + "sha256": "b88dacd5e3aefb38537ebd269e9152d0974a2ba1fc8e5004cd38fc42ea79bc0f" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "b88dacd5e3aefb38537ebd269e9152d0974a2ba1fc8e5004cd38fc42ea79bc0f" + }, + "configuration": { + "name": "narrow-empty", + "width": 200, + "value": "", + "disabled": false, + "readOnly": false, + "required": false, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "label": "A longer household task name", + "hint": "" + } + }, + { + "platform": "linux", + "theme": "light", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 79, + "height": 24 + }, + "text": { + "x": 24, + "y": 20, + "width": 47, + "height": 11 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "10px", + "fontWeight": "400", + "lineHeight": "12px", + "padding": "12px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "24px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 5px", + "content": "normal", + "left": "0px", + "right": "241px", + "bottom": "27px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "name": "filled", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 64 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(243, 243, 243)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "auto", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(94, 94, 94)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/linux/light-filled.png", + "sha256": "e4ed1b27831053dc3d77cba1b48dcfeb8e6d3efd9eec3c007999c7fde1b9f79c" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "e4ed1b27831053dc3d77cba1b48dcfeb8e6d3efd9eec3c007999c7fde1b9f79c" + }, + "configuration": { + "name": "filled", + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": false, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "label": "Task name", + "hint": "" + } + }, + { + "platform": "linux", + "theme": "light", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 79, + "height": 24 + }, + "text": { + "x": 24, + "y": 20, + "width": 47, + "height": 11 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "10px", + "fontWeight": "400", + "lineHeight": "12px", + "padding": "12px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "24px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 5px", + "content": "normal", + "left": "0px", + "right": "241px", + "bottom": "27px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "hover", + "name": "hover-filled", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 64 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(230, 230, 230)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "auto", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(94, 94, 94)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/linux/light-hover-filled.png", + "sha256": "277f33fb0e0baf2e55f924db6b5fc54160d95dd3c0c59499e27901a3b9a497a2" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "277f33fb0e0baf2e55f924db6b5fc54160d95dd3c0c59499e27901a3b9a497a2" + }, + "configuration": { + "name": "hover-filled", + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": false, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "hover", + "label": "Task name", + "hint": "" + } + }, + { + "platform": "linux", + "theme": "light", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 79, + "height": 24 + }, + "text": { + "x": 24, + "y": 20, + "width": 47, + "height": 11 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "10px", + "fontWeight": "400", + "lineHeight": "12px", + "padding": "12px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(0, 154, 199)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(0, 154, 199)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "height": "24px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 5px", + "content": "normal", + "left": "0px", + "right": "241px", + "bottom": "27px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "focus", + "name": "focus-filled", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 64 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(243, 243, 243)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "auto", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "focusVisible": true + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(0, 154, 199)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "2px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/linux/light-focus-filled.png", + "sha256": "634e99208fa373689a3d3499717b3690b14c37149d3fafeda7b5af187b5ba3fa" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "634e99208fa373689a3d3499717b3690b14c37149d3fafeda7b5af187b5ba3fa" + }, + "configuration": { + "name": "focus-filled", + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": false, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "focus", + "label": "Task name", + "hint": "" + } + }, + { + "platform": "linux", + "theme": "light", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 79, + "height": 24 + }, + "text": { + "x": 24, + "y": 20, + "width": 47, + "height": 11 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "10px", + "fontWeight": "400", + "lineHeight": "12px", + "padding": "12px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "24px", + "minHeight": "0px", + "opacity": "0.5", + "margin": "0px 0px 5px", + "content": "normal", + "left": "0px", + "right": "241px", + "bottom": "27px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "Kitchen", + "disabled": true, + "readOnly": false, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "name": "disabled-filled", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 64 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(204, 204, 204)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "0.5", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "auto", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "Kitchen", + "disabled": true, + "readOnly": false, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(94, 94, 94)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/linux/light-disabled-filled.png", + "sha256": "560ed9f56b18d1ceb8fd0814025b7ed4f8af78a57b60002dbbc2c66d87cfac1c" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "560ed9f56b18d1ceb8fd0814025b7ed4f8af78a57b60002dbbc2c66d87cfac1c" + }, + "configuration": { + "name": "disabled-filled", + "width": 320, + "value": "Kitchen", + "disabled": true, + "readOnly": false, + "required": false, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "label": "Task name", + "hint": "" + } + }, + { + "platform": "linux", + "theme": "light", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 79, + "height": 24 + }, + "text": { + "x": 24, + "y": 20, + "width": 47, + "height": 11 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "10px", + "fontWeight": "400", + "lineHeight": "12px", + "padding": "12px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "24px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 5px", + "content": "normal", + "left": "0px", + "right": "241px", + "bottom": "27px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": true, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "name": "readonly-filled", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 64 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(243, 243, 243)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "auto", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "Kitchen", + "disabled": false, + "readOnly": true, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(94, 94, 94)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/linux/light-readonly-filled.png", + "sha256": "e4ed1b27831053dc3d77cba1b48dcfeb8e6d3efd9eec3c007999c7fde1b9f79c" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "e4ed1b27831053dc3d77cba1b48dcfeb8e6d3efd9eec3c007999c7fde1b9f79c" + }, + "configuration": { + "name": "readonly-filled", + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": true, + "required": false, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "label": "Task name", + "hint": "" + } + }, + { + "platform": "linux", + "theme": "light", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 83, + "height": 24 + }, + "text": { + "x": 24, + "y": 20, + "width": 51, + "height": 11 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "10px", + "fontWeight": "400", + "lineHeight": "12px", + "padding": "12px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "24px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 5px", + "content": "normal", + "left": "0px", + "right": "237px", + "bottom": "47px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": true, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 20 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "20px", + "minHeight": "20px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "name": "required-filled", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 84 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "76px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(243, 243, 243)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "auto", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(94, 94, 94)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/linux/light-required-filled.png", + "sha256": "bb300676204829cb191ee28a26edc11fc4280b97734753cf1963fa10815235c5" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "bb300676204829cb191ee28a26edc11fc4280b97734753cf1963fa10815235c5" + }, + "configuration": { + "name": "required-filled", + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": true, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "label": "Task name", + "hint": "" + } + }, + { + "platform": "linux", + "theme": "light", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 79, + "height": 24 + }, + "text": { + "x": 24, + "y": 20, + "width": 47, + "height": 11 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "10px", + "fontWeight": "400", + "lineHeight": "12px", + "padding": "12px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "24px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 5px", + "content": "normal", + "left": "0px", + "right": "241px", + "bottom": "47px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 20 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "20px", + "minHeight": "20px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "Choose a short task name.", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "19.1875px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "name": "description-filled", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 84 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "76px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(243, 243, 243)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "auto", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(94, 94, 94)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/linux/light-description-filled.png", + "sha256": "7d0546cf7cc2834a6fe8c8f983a95f0725af398a34992b991525b0e5766d29a2" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "7d0546cf7cc2834a6fe8c8f983a95f0725af398a34992b991525b0e5766d29a2" + }, + "configuration": { + "name": "description-filled", + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": false, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "label": "Task name", + "hint": "Choose a short task name." + } + }, + { + "platform": "linux", + "theme": "light", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 79, + "height": 24 + }, + "text": { + "x": 24, + "y": 20, + "width": 47, + "height": 11 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "10px", + "fontWeight": "400", + "lineHeight": "12px", + "padding": "12px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(220, 49, 70)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(220, 49, 70)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(220, 49, 70)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(220, 49, 70) none 3px", + "outlineOffset": "0px", + "height": "24px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 5px", + "content": "normal", + "left": "0px", + "right": "241px", + "bottom": "47px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 20 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "20px", + "minHeight": "20px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "Use a different task name.", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(220, 49, 70)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(220, 49, 70)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(220, 49, 70)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(220, 49, 70) none 3px", + "outlineOffset": "0px", + "height": "19.1875px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": true, + "validationMessage": "Use a different task name.", + "placeholder": "", + "state": "resting", + "name": "error-filled", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 84 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "76px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(243, 243, 243)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "auto", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(253, 143, 144)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/linux/light-error-filled.png", + "sha256": "87020758524443c437491339646fd652bf00194f70236469ba6ac2c4cbc5d90a" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "87020758524443c437491339646fd652bf00194f70236469ba6ac2c4cbc5d90a" + }, + "configuration": { + "name": "error-filled", + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": false, + "invalid": true, + "validationMessage": "Use a different task name.", + "placeholder": "", + "state": "resting", + "label": "Task name", + "hint": "" + } + }, + { + "platform": "linux", + "theme": "light", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 79, + "height": 24 + }, + "text": { + "x": 24, + "y": 20, + "width": 47, + "height": 11 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "10px", + "fontWeight": "400", + "lineHeight": "12px", + "padding": "12px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "24px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 5px", + "content": "normal", + "left": "0px", + "right": "241px", + "bottom": "27px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "Example: kitchen", + "state": "resting", + "name": "placeholder-filled", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 64 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(243, 243, 243)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "auto", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(94, 94, 94)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/linux/light-placeholder-filled.png", + "sha256": "e4ed1b27831053dc3d77cba1b48dcfeb8e6d3efd9eec3c007999c7fde1b9f79c" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "e4ed1b27831053dc3d77cba1b48dcfeb8e6d3efd9eec3c007999c7fde1b9f79c" + }, + "configuration": { + "name": "placeholder-filled", + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": false, + "invalid": false, + "validationMessage": "", + "placeholder": "Example: kitchen", + "state": "resting", + "label": "Task name", + "hint": "" + } + }, + { + "platform": "linux", + "theme": "light", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 166, + "height": 24 + }, + "text": { + "x": 24, + "y": 20, + "width": 134, + "height": 11 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "10px", + "fontWeight": "400", + "lineHeight": "12px", + "padding": "12px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "24px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 5px", + "content": "normal", + "left": "0px", + "right": "34px", + "bottom": "27px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 200, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 188, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "name": "narrow-filled", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 200, + "height": 64 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 200, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(243, 243, 243)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 168, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "auto", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(94, 94, 94)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/linux/light-narrow-filled.png", + "sha256": "19d16a18036bb5ebd6784ff114bbc04b5979d3b55ab1527cb9b4852d9e3d842b" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "19d16a18036bb5ebd6784ff114bbc04b5979d3b55ab1527cb9b4852d9e3d842b" + }, + "configuration": { + "name": "narrow-filled", + "width": 200, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": false, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "label": "A longer household task name", + "hint": "" + } + }, + { + "platform": "linux", + "theme": "light", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 83, + "height": 24 + }, + "text": { + "x": 24, + "y": 20, + "width": 51, + "height": 11 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "10px", + "fontWeight": "400", + "lineHeight": "12px", + "padding": "12px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(0, 154, 199)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(0, 154, 199)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "height": "24px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 5px", + "content": "normal", + "left": "0px", + "right": "237px", + "bottom": "47px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "", + "disabled": false, + "readOnly": false, + "required": true, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 20 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "20px", + "minHeight": "20px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "focus", + "name": "required-focus", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 84 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "76px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(243, 243, 243)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "", + "disabled": false, + "readOnly": false, + "focusVisible": true + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(0, 154, 199)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "2px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/linux/light-required-focus.png", + "sha256": "47035a7341f6faeecbc7e4930b541de752af723bfd94e8a2207acbd561eef85f" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "47035a7341f6faeecbc7e4930b541de752af723bfd94e8a2207acbd561eef85f" + }, + "configuration": { + "name": "required-focus", + "width": 320, + "value": "", + "disabled": false, + "readOnly": false, + "required": true, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "focus", + "label": "Task name", + "hint": "" + } + }, + { + "platform": "linux", + "theme": "light", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 79, + "height": 24 + }, + "text": { + "x": 24, + "y": 20, + "width": 47, + "height": 11 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "10px", + "fontWeight": "400", + "lineHeight": "12px", + "padding": "12px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(220, 49, 70)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(220, 49, 70)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(220, 49, 70)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(220, 49, 70) none 3px", + "outlineOffset": "0px", + "height": "24px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 5px", + "content": "normal", + "left": "0px", + "right": "241px", + "bottom": "47px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 20 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(94, 94, 94)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(94, 94, 94)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "height": "20px", + "minHeight": "20px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "Use a different task name.", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(220, 49, 70)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(220, 49, 70)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(220, 49, 70)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(220, 49, 70) none 3px", + "outlineOffset": "0px", + "height": "19.1875px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": true, + "validationMessage": "Use a different task name.", + "placeholder": "", + "state": "focus", + "name": "error-focus", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 84 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "76px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(243, 243, 243)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "auto", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "focusVisible": true + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(253, 143, 144)", + "color": "rgb(20, 20, 20)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(20, 20, 20)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "height": "2px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/linux/light-error-focus.png", + "sha256": "ce330e6fce0d17201c5dc6ec82b01d1df8f19dfa9ac19360354577b26985a11b" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "ce330e6fce0d17201c5dc6ec82b01d1df8f19dfa9ac19360354577b26985a11b" + }, + "configuration": { + "name": "error-focus", + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": false, + "invalid": true, + "validationMessage": "Use a different task name.", + "placeholder": "", + "state": "focus", + "label": "Task name", + "hint": "" + } + }, + { + "platform": "linux", + "theme": "dark", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 99, + "height": 36.796875 + }, + "text": { + "x": 24, + "y": 28, + "width": 67, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "20px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(155, 155, 155)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(155, 155, 155)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px", + "height": "36.7969px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 7px", + "content": "normal", + "left": "0px", + "right": "221px", + "bottom": "12.2031px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "", + "disabled": false, + "readOnly": false, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "name": "empty", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 64 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(54, 54, 54)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "", + "disabled": false, + "readOnly": false, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(177, 177, 177)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/linux/dark-empty.png", + "sha256": "9614f6ad06c6068b2dd68318b32eb4306ce39b5937ae82249a88bfee69c7f200" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "9614f6ad06c6068b2dd68318b32eb4306ce39b5937ae82249a88bfee69c7f200" + }, + "configuration": { + "name": "empty", + "width": 320, + "value": "", + "disabled": false, + "readOnly": false, + "required": false, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "label": "Task name", + "hint": "" + } + }, + { + "platform": "linux", + "theme": "dark", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 99, + "height": 36.796875 + }, + "text": { + "x": 24, + "y": 28, + "width": 67, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "20px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(155, 155, 155)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(155, 155, 155)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px", + "height": "36.7969px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 7px", + "content": "normal", + "left": "0px", + "right": "221px", + "bottom": "12.2031px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "", + "disabled": false, + "readOnly": false, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "hover", + "name": "hover-empty", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 64 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(74, 74, 74)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "", + "disabled": false, + "readOnly": false, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(177, 177, 177)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/linux/dark-hover-empty.png", + "sha256": "af6952d9d33c77080521780a336be216d858aa00619110c25ab0a1f4d47965f8" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "af6952d9d33c77080521780a336be216d858aa00619110c25ab0a1f4d47965f8" + }, + "configuration": { + "name": "hover-empty", + "width": 320, + "value": "", + "disabled": false, + "readOnly": false, + "required": false, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "hover", + "label": "Task name", + "hint": "" + } + }, + { + "platform": "linux", + "theme": "dark", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 79, + "height": 24 + }, + "text": { + "x": 24, + "y": 20, + "width": 47, + "height": 11 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "10px", + "fontWeight": "400", + "lineHeight": "12px", + "padding": "12px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(0, 154, 199)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(0, 154, 199)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "height": "24px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 5px", + "content": "normal", + "left": "0px", + "right": "241px", + "bottom": "27px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "", + "disabled": false, + "readOnly": false, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "focus", + "name": "focus-empty", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 64 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(54, 54, 54)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "", + "disabled": false, + "readOnly": false, + "focusVisible": true + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(0, 154, 199)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "2px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/linux/dark-focus-empty.png", + "sha256": "936acc9dbb86b62942f37fb26aa444ec3cc504551abe2ed68d8f31ef375550ea" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "936acc9dbb86b62942f37fb26aa444ec3cc504551abe2ed68d8f31ef375550ea" + }, + "configuration": { + "name": "focus-empty", + "width": 320, + "value": "", + "disabled": false, + "readOnly": false, + "required": false, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "focus", + "label": "Task name", + "hint": "" + } + }, + { + "platform": "linux", + "theme": "dark", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 99, + "height": 36.796875 + }, + "text": { + "x": 24, + "y": 28, + "width": 67, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "20px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(155, 155, 155)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(155, 155, 155)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px", + "height": "36.7969px", + "minHeight": "0px", + "opacity": "0.5", + "margin": "0px 0px 7px", + "content": "normal", + "left": "0px", + "right": "221px", + "bottom": "12.2031px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "", + "disabled": true, + "readOnly": false, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "name": "disabled-empty", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 64 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(54, 54, 54)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "0.5", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "", + "disabled": true, + "readOnly": false, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(177, 177, 177)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/linux/dark-disabled-empty.png", + "sha256": "0f267ab0440c7bb7c4a3e80f87cfd078dd610422901ce28785d7ea9fee24e2f6" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "0f267ab0440c7bb7c4a3e80f87cfd078dd610422901ce28785d7ea9fee24e2f6" + }, + "configuration": { + "name": "disabled-empty", + "width": 320, + "value": "", + "disabled": true, + "readOnly": false, + "required": false, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "label": "Task name", + "hint": "" + } + }, + { + "platform": "linux", + "theme": "dark", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 99, + "height": 36.796875 + }, + "text": { + "x": 24, + "y": 28, + "width": 67, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "20px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(155, 155, 155)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(155, 155, 155)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px", + "height": "36.7969px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 7px", + "content": "normal", + "left": "0px", + "right": "221px", + "bottom": "12.2031px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "", + "disabled": false, + "readOnly": true, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "name": "readonly-empty", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 64 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(54, 54, 54)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "", + "disabled": false, + "readOnly": true, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(177, 177, 177)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/linux/dark-readonly-empty.png", + "sha256": "9614f6ad06c6068b2dd68318b32eb4306ce39b5937ae82249a88bfee69c7f200" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "9614f6ad06c6068b2dd68318b32eb4306ce39b5937ae82249a88bfee69c7f200" + }, + "configuration": { + "name": "readonly-empty", + "width": 320, + "value": "", + "disabled": false, + "readOnly": true, + "required": false, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "label": "Task name", + "hint": "" + } + }, + { + "platform": "linux", + "theme": "dark", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 105, + "height": 36.796875 + }, + "text": { + "x": 24, + "y": 28, + "width": 73, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "20px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(155, 155, 155)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(155, 155, 155)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px", + "height": "36.7969px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 7px", + "content": "normal", + "left": "0px", + "right": "215px", + "bottom": "32.2031px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "", + "disabled": false, + "readOnly": false, + "required": true, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 20 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "20px", + "minHeight": "20px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "name": "required-empty", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 84 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "76px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(54, 54, 54)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "", + "disabled": false, + "readOnly": false, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(177, 177, 177)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/linux/dark-required-empty.png", + "sha256": "13736af4a14d6eeaf129580d13b232490f42d286ad2cc413a2971b8737a043e7" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "13736af4a14d6eeaf129580d13b232490f42d286ad2cc413a2971b8737a043e7" + }, + "configuration": { + "name": "required-empty", + "width": 320, + "value": "", + "disabled": false, + "readOnly": false, + "required": true, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "label": "Task name", + "hint": "" + } + }, + { + "platform": "linux", + "theme": "dark", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 99, + "height": 36.796875 + }, + "text": { + "x": 24, + "y": 28, + "width": 67, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "20px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(155, 155, 155)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(155, 155, 155)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px", + "height": "36.7969px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 7px", + "content": "normal", + "left": "0px", + "right": "221px", + "bottom": "32.2031px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "", + "disabled": false, + "readOnly": false, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 20 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "20px", + "minHeight": "20px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "Choose a short task name.", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "19.1875px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "name": "description-empty", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 84 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "76px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(54, 54, 54)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "", + "disabled": false, + "readOnly": false, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(177, 177, 177)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/linux/dark-description-empty.png", + "sha256": "98da1ee4f44ff3aab625ce3ec31513b0210d696fcf24545814bef918b99e9e56" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "98da1ee4f44ff3aab625ce3ec31513b0210d696fcf24545814bef918b99e9e56" + }, + "configuration": { + "name": "description-empty", + "width": 320, + "value": "", + "disabled": false, + "readOnly": false, + "required": false, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "label": "Task name", + "hint": "Choose a short task name." + } + }, + { + "platform": "linux", + "theme": "dark", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 99, + "height": 36.796875 + }, + "text": { + "x": 24, + "y": 28, + "width": 67, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "20px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(179, 5, 50)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(179, 5, 50)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(179, 5, 50)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(179, 5, 50) none 3px", + "outlineOffset": "0px", + "height": "36.7969px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 7px", + "content": "normal", + "left": "0px", + "right": "221px", + "bottom": "32.2031px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "", + "disabled": false, + "readOnly": false, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 20 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "20px", + "minHeight": "20px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "Task name is required.", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(253, 143, 144)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(253, 143, 144)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(253, 143, 144)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(253, 143, 144) none 3px", + "outlineOffset": "0px", + "height": "19.1875px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": true, + "validationMessage": "Task name is required.", + "placeholder": "", + "state": "resting", + "name": "error-empty", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 84 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "76px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(54, 54, 54)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "", + "disabled": false, + "readOnly": false, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(220, 49, 70)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/linux/dark-error-empty.png", + "sha256": "e01c9734682a6c231573fd7b11e9ea277ad5ce1961952fae5b5e3cc5b1bfde9b" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "e01c9734682a6c231573fd7b11e9ea277ad5ce1961952fae5b5e3cc5b1bfde9b" + }, + "configuration": { + "name": "error-empty", + "width": 320, + "value": "", + "disabled": false, + "readOnly": false, + "required": false, + "invalid": true, + "validationMessage": "Task name is required.", + "placeholder": "", + "state": "resting", + "label": "Task name", + "hint": "" + } + }, + { + "platform": "linux", + "theme": "dark", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 79, + "height": 24 + }, + "text": { + "x": 24, + "y": 20, + "width": 47, + "height": 11 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "10px", + "fontWeight": "400", + "lineHeight": "12px", + "padding": "12px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(155, 155, 155)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(155, 155, 155)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px", + "height": "24px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 5px", + "content": "normal", + "left": "0px", + "right": "241px", + "bottom": "27px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "", + "disabled": false, + "readOnly": false, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "Example: kitchen", + "state": "resting", + "name": "placeholder-empty", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 64 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(54, 54, 54)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "16px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "", + "disabled": false, + "readOnly": false, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(177, 177, 177)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/linux/dark-placeholder-empty.png", + "sha256": "35232e1f0ac352644accde4ff4266e3482ad53b001302b26caaa7d0e0b326a91" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "35232e1f0ac352644accde4ff4266e3482ad53b001302b26caaa7d0e0b326a91" + }, + "configuration": { + "name": "placeholder-empty", + "width": 320, + "value": "", + "disabled": false, + "readOnly": false, + "required": false, + "invalid": false, + "validationMessage": "", + "placeholder": "Example: kitchen", + "state": "resting", + "label": "Task name", + "hint": "" + } + }, + { + "platform": "linux", + "theme": "dark", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 200, + "height": 53.59375 + }, + "text": { + "x": 24, + "y": 28, + "width": 149, + "height": 32.796875 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "20px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(155, 155, 155)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(155, 155, 155)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px", + "height": "53.5938px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 7px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "-4.59375px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 200, + "value": "", + "disabled": false, + "readOnly": false, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 188, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "name": "narrow-empty", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 200, + "height": 64 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 200, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(54, 54, 54)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 168, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "", + "disabled": false, + "readOnly": false, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(177, 177, 177)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/linux/dark-narrow-empty.png", + "sha256": "de6b3aa5c84f8e4b3e68381ddf73280386c4cfe108bd5416c0ee9d762d8097cd" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "de6b3aa5c84f8e4b3e68381ddf73280386c4cfe108bd5416c0ee9d762d8097cd" + }, + "configuration": { + "name": "narrow-empty", + "width": 200, + "value": "", + "disabled": false, + "readOnly": false, + "required": false, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "label": "A longer household task name", + "hint": "" + } + }, + { + "platform": "linux", + "theme": "dark", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 79, + "height": 24 + }, + "text": { + "x": 24, + "y": 20, + "width": 47, + "height": 11 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "10px", + "fontWeight": "400", + "lineHeight": "12px", + "padding": "12px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(155, 155, 155)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(155, 155, 155)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px", + "height": "24px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 5px", + "content": "normal", + "left": "0px", + "right": "241px", + "bottom": "27px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "name": "filled", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 64 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(54, 54, 54)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "auto", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(177, 177, 177)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/linux/dark-filled.png", + "sha256": "bb4148e71fc285c4942effd8c944aaff17173cfa3428b15b6837e7a0e852c81c" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "bb4148e71fc285c4942effd8c944aaff17173cfa3428b15b6837e7a0e852c81c" + }, + "configuration": { + "name": "filled", + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": false, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "label": "Task name", + "hint": "" + } + }, + { + "platform": "linux", + "theme": "dark", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 79, + "height": 24 + }, + "text": { + "x": 24, + "y": 20, + "width": 47, + "height": 11 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "10px", + "fontWeight": "400", + "lineHeight": "12px", + "padding": "12px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(155, 155, 155)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(155, 155, 155)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px", + "height": "24px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 5px", + "content": "normal", + "left": "0px", + "right": "241px", + "bottom": "27px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "hover", + "name": "hover-filled", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 64 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(74, 74, 74)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "auto", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(177, 177, 177)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/linux/dark-hover-filled.png", + "sha256": "f8c9eeb2204b7d88c398deeb71d41e354418e873fe6c545e764ea6f44631ed16" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "f8c9eeb2204b7d88c398deeb71d41e354418e873fe6c545e764ea6f44631ed16" + }, + "configuration": { + "name": "hover-filled", + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": false, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "hover", + "label": "Task name", + "hint": "" + } + }, + { + "platform": "linux", + "theme": "dark", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 79, + "height": 24 + }, + "text": { + "x": 24, + "y": 20, + "width": 47, + "height": 11 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "10px", + "fontWeight": "400", + "lineHeight": "12px", + "padding": "12px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(0, 154, 199)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(0, 154, 199)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "height": "24px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 5px", + "content": "normal", + "left": "0px", + "right": "241px", + "bottom": "27px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "focus", + "name": "focus-filled", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 64 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(54, 54, 54)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "auto", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "focusVisible": true + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(0, 154, 199)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "2px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/linux/dark-focus-filled.png", + "sha256": "2452467ca1fa5ee95ec89a04ffb9b41307d76b916ca59795e8846156b346ba4e" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "2452467ca1fa5ee95ec89a04ffb9b41307d76b916ca59795e8846156b346ba4e" + }, + "configuration": { + "name": "focus-filled", + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": false, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "focus", + "label": "Task name", + "hint": "" + } + }, + { + "platform": "linux", + "theme": "dark", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 79, + "height": 24 + }, + "text": { + "x": 24, + "y": 20, + "width": 47, + "height": 11 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "10px", + "fontWeight": "400", + "lineHeight": "12px", + "padding": "12px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(155, 155, 155)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(155, 155, 155)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px", + "height": "24px", + "minHeight": "0px", + "opacity": "0.5", + "margin": "0px 0px 5px", + "content": "normal", + "left": "0px", + "right": "241px", + "bottom": "27px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "Kitchen", + "disabled": true, + "readOnly": false, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "name": "disabled-filled", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 64 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(54, 54, 54)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "0.5", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "auto", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "Kitchen", + "disabled": true, + "readOnly": false, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(177, 177, 177)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/linux/dark-disabled-filled.png", + "sha256": "085c38e3087785a0aa514b6e76b2802d35679351b61d6c026b195aeade60d631" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "085c38e3087785a0aa514b6e76b2802d35679351b61d6c026b195aeade60d631" + }, + "configuration": { + "name": "disabled-filled", + "width": 320, + "value": "Kitchen", + "disabled": true, + "readOnly": false, + "required": false, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "label": "Task name", + "hint": "" + } + }, + { + "platform": "linux", + "theme": "dark", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 79, + "height": 24 + }, + "text": { + "x": 24, + "y": 20, + "width": 47, + "height": 11 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "10px", + "fontWeight": "400", + "lineHeight": "12px", + "padding": "12px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(155, 155, 155)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(155, 155, 155)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px", + "height": "24px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 5px", + "content": "normal", + "left": "0px", + "right": "241px", + "bottom": "27px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": true, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "name": "readonly-filled", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 64 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(54, 54, 54)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "auto", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "Kitchen", + "disabled": false, + "readOnly": true, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(177, 177, 177)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/linux/dark-readonly-filled.png", + "sha256": "bb4148e71fc285c4942effd8c944aaff17173cfa3428b15b6837e7a0e852c81c" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "bb4148e71fc285c4942effd8c944aaff17173cfa3428b15b6837e7a0e852c81c" + }, + "configuration": { + "name": "readonly-filled", + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": true, + "required": false, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "label": "Task name", + "hint": "" + } + }, + { + "platform": "linux", + "theme": "dark", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 83, + "height": 24 + }, + "text": { + "x": 24, + "y": 20, + "width": 51, + "height": 11 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "10px", + "fontWeight": "400", + "lineHeight": "12px", + "padding": "12px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(155, 155, 155)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(155, 155, 155)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px", + "height": "24px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 5px", + "content": "normal", + "left": "0px", + "right": "237px", + "bottom": "47px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": true, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 20 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "20px", + "minHeight": "20px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "name": "required-filled", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 84 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "76px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(54, 54, 54)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "auto", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(177, 177, 177)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/linux/dark-required-filled.png", + "sha256": "2f1ac0408618fa2411fd8e8b7f6982a2320c1c8b8b32a4b42e512decadf650ce" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "2f1ac0408618fa2411fd8e8b7f6982a2320c1c8b8b32a4b42e512decadf650ce" + }, + "configuration": { + "name": "required-filled", + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": true, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "label": "Task name", + "hint": "" + } + }, + { + "platform": "linux", + "theme": "dark", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 79, + "height": 24 + }, + "text": { + "x": 24, + "y": 20, + "width": 47, + "height": 11 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "10px", + "fontWeight": "400", + "lineHeight": "12px", + "padding": "12px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(155, 155, 155)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(155, 155, 155)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px", + "height": "24px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 5px", + "content": "normal", + "left": "0px", + "right": "241px", + "bottom": "47px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 20 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "20px", + "minHeight": "20px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "Choose a short task name.", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "19.1875px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "name": "description-filled", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 84 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "76px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(54, 54, 54)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "auto", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(177, 177, 177)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/linux/dark-description-filled.png", + "sha256": "1a020ea4e0b2ac231cfe3d788e410bdfa2256ff11d0826aa765388ec511ae0c6" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "1a020ea4e0b2ac231cfe3d788e410bdfa2256ff11d0826aa765388ec511ae0c6" + }, + "configuration": { + "name": "description-filled", + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": false, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "label": "Task name", + "hint": "Choose a short task name." + } + }, + { + "platform": "linux", + "theme": "dark", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 79, + "height": 24 + }, + "text": { + "x": 24, + "y": 20, + "width": 47, + "height": 11 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "10px", + "fontWeight": "400", + "lineHeight": "12px", + "padding": "12px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(179, 5, 50)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(179, 5, 50)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(179, 5, 50)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(179, 5, 50) none 3px", + "outlineOffset": "0px", + "height": "24px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 5px", + "content": "normal", + "left": "0px", + "right": "241px", + "bottom": "47px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 20 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "20px", + "minHeight": "20px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "Use a different task name.", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(253, 143, 144)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(253, 143, 144)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(253, 143, 144)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(253, 143, 144) none 3px", + "outlineOffset": "0px", + "height": "19.1875px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": true, + "validationMessage": "Use a different task name.", + "placeholder": "", + "state": "resting", + "name": "error-filled", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 84 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "76px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(54, 54, 54)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "auto", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(220, 49, 70)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/linux/dark-error-filled.png", + "sha256": "912d320e297d3cb95e0e7cb004ad041f94eeb8d822d44bfd1fd13586cb547190" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "912d320e297d3cb95e0e7cb004ad041f94eeb8d822d44bfd1fd13586cb547190" + }, + "configuration": { + "name": "error-filled", + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": false, + "invalid": true, + "validationMessage": "Use a different task name.", + "placeholder": "", + "state": "resting", + "label": "Task name", + "hint": "" + } + }, + { + "platform": "linux", + "theme": "dark", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 79, + "height": 24 + }, + "text": { + "x": 24, + "y": 20, + "width": 47, + "height": 11 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "10px", + "fontWeight": "400", + "lineHeight": "12px", + "padding": "12px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(155, 155, 155)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(155, 155, 155)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px", + "height": "24px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 5px", + "content": "normal", + "left": "0px", + "right": "241px", + "bottom": "27px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "Example: kitchen", + "state": "resting", + "name": "placeholder-filled", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 64 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(54, 54, 54)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "auto", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(177, 177, 177)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/linux/dark-placeholder-filled.png", + "sha256": "bb4148e71fc285c4942effd8c944aaff17173cfa3428b15b6837e7a0e852c81c" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "bb4148e71fc285c4942effd8c944aaff17173cfa3428b15b6837e7a0e852c81c" + }, + "configuration": { + "name": "placeholder-filled", + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": false, + "invalid": false, + "validationMessage": "", + "placeholder": "Example: kitchen", + "state": "resting", + "label": "Task name", + "hint": "" + } + }, + { + "platform": "linux", + "theme": "dark", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 166, + "height": 24 + }, + "text": { + "x": 24, + "y": 20, + "width": 134, + "height": 11 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "10px", + "fontWeight": "400", + "lineHeight": "12px", + "padding": "12px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(155, 155, 155)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(155, 155, 155)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px", + "height": "24px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 5px", + "content": "normal", + "left": "0px", + "right": "34px", + "bottom": "27px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 200, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 188, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "name": "narrow-filled", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 200, + "height": 64 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 200, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(54, 54, 54)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0) solid 2px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 168, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "auto", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "focusVisible": false + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(177, 177, 177)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "1px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/linux/dark-narrow-filled.png", + "sha256": "62daaf4d81730588699952bd9345151ae7146001a6ac4ffc93870eed838d2927" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "62daaf4d81730588699952bd9345151ae7146001a6ac4ffc93870eed838d2927" + }, + "configuration": { + "name": "narrow-filled", + "width": 200, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": false, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "resting", + "label": "A longer household task name", + "hint": "" + } + }, + { + "platform": "linux", + "theme": "dark", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 83, + "height": 24 + }, + "text": { + "x": 24, + "y": 20, + "width": 51, + "height": 11 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "10px", + "fontWeight": "400", + "lineHeight": "12px", + "padding": "12px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(0, 154, 199)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(0, 154, 199)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "height": "24px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 5px", + "content": "normal", + "left": "0px", + "right": "237px", + "bottom": "47px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "", + "disabled": false, + "readOnly": false, + "required": true, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 20 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "20px", + "minHeight": "20px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "focus", + "name": "required-focus", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 84 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "76px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(54, 54, 54)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "0px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "", + "disabled": false, + "readOnly": false, + "focusVisible": true + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(0, 154, 199)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "2px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/linux/dark-required-focus.png", + "sha256": "1874a0d5b182c651a10d7b8d0b392091f350b3bad149ef226d21d9918f67f220" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "1874a0d5b182c651a10d7b8d0b392091f350b3bad149ef226d21d9918f67f220" + }, + "configuration": { + "name": "required-focus", + "width": 320, + "value": "", + "disabled": false, + "readOnly": false, + "required": true, + "invalid": false, + "validationMessage": "", + "placeholder": "", + "state": "focus", + "label": "Task name", + "hint": "" + } + }, + { + "platform": "linux", + "theme": "dark", + "label": { + "box": { + "x": 8, + "y": 8, + "width": 79, + "height": 24 + }, + "text": { + "x": 24, + "y": 20, + "width": 47, + "height": 11 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "10px", + "fontWeight": "400", + "lineHeight": "12px", + "padding": "12px 16px 0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(179, 5, 50)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(179, 5, 50)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(179, 5, 50)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(179, 5, 50) none 3px", + "outlineOffset": "0px", + "height": "24px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px 0px 5px", + "content": "normal", + "left": "0px", + "right": "241px", + "bottom": "47px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": false, + "hint": { + "box": { + "x": 20, + "y": 64, + "width": 308, + "height": 20 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(204, 204, 204)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(204, 204, 204)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(204, 204, 204)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "height": "20px", + "minHeight": "20px", + "opacity": "1", + "margin": "0px 0px 0px 12px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "content": "Use a different task name.", + "contentStyle": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(253, 143, 144)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(253, 143, 144)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(253, 143, 144)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(253, 143, 144) none 3px", + "outlineOffset": "0px", + "height": "19.1875px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "invalid": true, + "validationMessage": "Use a different task name.", + "placeholder": "", + "state": "focus", + "name": "error-focus", + "appearance": "material", + "host": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 84 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px 0px 8px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "76px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "base": { + "box": { + "x": 8, + "y": 8, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px 16px", + "backgroundColor": "rgb(54, 54, 54)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "2px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "relative", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + } + }, + "input": { + "box": { + "x": 24, + "y": 8, + "width": 288, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "12px 0px 0px", + "backgroundColor": "rgba(118, 118, 118, 0)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "56px", + "minHeight": "auto", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "clip" + }, + "placeholder": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)", + "color": "rgb(152, 152, 152)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(152, 152, 152)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(152, 152, 152)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) none 3px", + "outlineOffset": "0px", + "height": "auto", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "normal", + "left": "auto", + "right": "auto", + "bottom": "auto", + "position": "static", + "whiteSpace": "pre", + "textOverflow": "clip", + "overflow": "hidden" + }, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "focusVisible": true + }, + "underline": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "0px", + "backgroundColor": "rgb(220, 49, 70)", + "color": "rgb(225, 225, 225)", + "borderTopWidth": "0px", + "borderTopColor": "rgb(225, 225, 225)", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "height": "2px", + "minHeight": "0px", + "opacity": "1", + "margin": "0px", + "content": "\"\"", + "left": "0px", + "right": "0px", + "bottom": "0px", + "position": "absolute", + "whiteSpace": "normal", + "textOverflow": "clip", + "overflow": "visible" + }, + "image": { + "path": "tests/storybook/reference/ha-field/linux/dark-error-focus.png", + "sha256": "509e15380931894a267c1b1b1eaf8fbfe07f123fac8f7d708151495b33b7f734" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "509e15380931894a267c1b1b1eaf8fbfe07f123fac8f7d708151495b33b7f734" + }, + "configuration": { + "name": "error-focus", + "width": 320, + "value": "Kitchen", + "disabled": false, + "readOnly": false, + "required": false, + "invalid": true, + "validationMessage": "Use a different task name.", + "placeholder": "", + "state": "focus", + "label": "Task name", + "hint": "" + } + } + ], + "requiredMarkerMapping": "The standalone original wrapper and WA default theme can both append a marker, producing two stars. Live HA Create area exposes one marker through its label slot. The reference uses the public --wa-form-control-required-content:none override to suppress only the duplicate WA marker while retaining the original wrapper marker and native required semantics. Component functions remain unchanged. All12 changed reference PNGs are original required states; all76 non-required originals remain byte-identical. Both new original campaigns independently agree across all88 states.", + "chromeObservation": { + "proof": "/private/tmp/ha-ui-field-reference/chrome-required-original.jpg", + "readOnlyMeasurements": "/private/tmp/ha-ui-field-reference/chrome-required-observation.json", + "observed": "Actual HA Create area renders one required marker through its label slot. Its native text input remains required. The empty dialog was canceled and the initial HA dashboard restored; no backend data changed." + } +} diff --git a/docs/evidence/ha-layout-reference.json b/docs/evidence/ha-layout-reference.json new file mode 100644 index 0000000..8a87643 --- /dev/null +++ b/docs/evidence/ha-layout-reference.json @@ -0,0 +1,11281 @@ +{ + "scope": "Actual Home Assistant passive list items and Lovelace grid rendered with fictional household content.", + "referenceSources": [ + "https://github.com/home-assistant/frontend/blob/99d2742f4abab0d1e74c2f68393c9768bf0a8dfd/src/components/ha-md-list-item.ts", + "https://github.com/home-assistant/frontend/blob/027d9578ec9663b8aa22f50c24274a7cd9d001c1/src/panels/lovelace/cards/hui-grid-card.ts" + ], + "referenceSourceNote": "The public chunk identities identify the installed renderer; the historical and current source links describe the measured layout contracts without asserting an installed source revision.", + "publicChunks": [ + "4274.9a41952ea24b0c35.js", + "32425.69983054c1ddb489.js", + "47578.fba66e0739297711.js" + ], + "harness": "Only the recorded public frontend and theme tokens are loaded. The original grid receives a minimal fictional language context and local card content. The narrow reference uses one native HA grid column; the candidate reaches the same column count from container width. The original and candidate use the same pinned Arabic fallback for RTL captures. The row action fixture uses the same decorative 16px SVG in both renderers; its width does not depend on system fonts.", + "appSha256": "7b0d03a0c75c971cd3084c988430c512414209ca2c8bba8d506724d3be2827ec", + "modules": [ + 28402, + 89693, + 95788 + ], + "fonts": { + "regular": "47107401d0adb375ab9aa167f9d62489a849d510e740a307b5a4db60e5db3562", + "medium": "96025fe9db6578d8bc7f4b8be739750b1490e07221c2b1f16acde2ea7669cedf", + "arabic": "bdff3e5659d67e67def05b33f749683b9376ae819d65d3dd62ac4640b3aaef48" + }, + "themes": { + "light": { + "--ha-space-8": "32px", + "--wa-color-brand-on-normal": "#009ac7", + "--state-inactive-color": "#9e9e9e", + "--safe-width": "calc(100vw - 0px - 0px)", + "--success-color": "#43a047", + "--input-outlined-disabled-border-color": "#0000000f", + "--color-29": "#97ee3f", + "--purple-color": "#926bc7", + "--ha-color-fill-primary-normal-resting": "#dff3fc", + "--mdc-theme-background": "#fafafa", + "--mdc-theme-text-primary-on-background": "#141414", + "--ha-space-15": "60px", + "--state-binary_sensor-active-color": "#ffc107", + "--state-valve-active-color": "#2196f3", + "--mdc-text-field-fill-color": "#f5f5f5", + "--ha-font-family-code": "monospace", + "--wa-form-control-value-line-height": "1.2", + "--safe-height": "calc(100vh - 0px - 0px)", + "--state-weather-windy_variant-color": "#4caf50", + "--dark-primary-opacity": ".87", + "--state-binary_sensor-safety-on-color": "#f44336", + "--mdc-select-outlined-disabled-border-color": "#0000000f", + "--ha-font-size-s": "calc(12px * 1)", + "--ha-color-primary-30": "#006787", + "--state-sensor-battery-high-color": "#4caf50", + "--ha-color-red-60": "#f3676c", + "--ha-border-radius-pill": "9999px", + "--ha-color-form-background": "#f3f3f3", + "--mdc-text-field-disabled-ink-color": "#0000005e", + "--state-fan-active-color": "#00bcd4", + "--sidebar-selected-text-color": "#009ac7", + "--state-weather-hail-color": "#00bcd4", + "--ha-color-on-neutral-normal": "#5e5e5e", + "--ha-color-fill-disabled-loud-hover": "#b1b1b1", + "--md-list-item-supporting-text-font": "Roboto, Noto, sans-serif", + "--wa-color-warning-on-loud": "#fff", + "--state-weather-exceptional-color": "#f44336", + "--ha-color-shadow-scrollable-fade": "#00000014", + "--ha-color-orange-50": "#c94e00", + "--black-color": "#000", + "--wa-color-brand-border-quiet": "#dff3fc", + "--ha-color-fill-primary-quiet-active": "#eff9fe", + "--state-media_player-active-color": "#03a9f4", + "--cyan-color": "#00bcd4", + "--state-alarm_control_panel-disarming-color": "#ff9800", + "--mdc-text-field-label-ink-color": "#0009", + "--ha-color-white": "#fff", + "--wa-color-warning-fill-normal": "#ffe0c8", + "--margin-title-ltr": "0 0 0 24px", + "--ha-color-on-warning-loud": "#fff", + "--ha-color-red-70": "#fd8f90", + "--color-9": "#01ab63", + "--ha-color-border-danger-loud": "#b30532", + "--state-weather-rainy-color": "#2196f3", + "--wa-focus-ring-style": "solid", + "--input-idle-line-color": "#0000006b", + "--mdc-select-outlined-idle-border-color": "#00000061", + "--input-disabled-fill-color": "#fafafa", + "--ha-font-weight-heading": "700", + "--state-alarm_control_panel-armed_night-color": "#4caf50", + "--input-label-ink-color": "#0009", + "--ha-color-orange-05": "#280700", + "--rgb-accent-color": "255, 152, 0", + "--ha-font-weight-normal": "400", + "--color-28": "#927acc", + "--wa-color-surface-default": "#fff", + "--mdc-text-field-ink-color": "#000000de", + "--ha-space-9": "36px", + "--dark-divider-opacity": ".12", + "--ha-color-primary-60": "#37c8fd", + "--wa-form-control-height": "40px", + "--state-vacuum-error-color": "#f44336", + "--color-17": "#7599d1", + "--state-siren-active-color": "#f44336", + "--wa-color-brand-border-loud": "#009ac7", + "--wa-focus-ring-offset": "2px", + "--ha-border-width-sm": "1px", + "--wa-color-neutral-border-normal": "#989898", + "--wa-color-warning-on-quiet": "#c94e00", + "--state-climate-heat-color": "#ff6f22", + "--ha-border-width-md": "2px", + "--secondary-background-color": "#e5e5e5", + "--ha-color-green-80": "#93da98", + "--text-light-primary-color": "#212121", + "--ha-color-on-danger-quiet": "#dc3146", + "--ha-color-neutral-90": "#e6e6e6", + "--ha-border-width-lg": "3px", + "--color-46": "#c27eb6", + "--ha-color-fill-primary-normal-hover": "#b9e6fc", + "--ha-color-orange-60": "#f36d00", + "--wa-color-danger-on-loud": "#fff", + "--wa-color-surface-border": "#e6e6e6", + "--wa-form-control-border-radius": "12px", + "--wa-form-control-placeholder-color": "#5e5e5e", + "--wa-color-success-border-normal": "#5dc36f", + "--wa-form-control-border-color": "#989898", + "--state-climate-auto-color": "#4caf50", + "--dark-secondary-opacity": ".54", + "--ha-font-size-5xl": "calc(40px * 1)", + "--state-active-color": "#ffc107", + "--ha-color-green-20": "#0a3a1d", + "--ha-color-border-primary-normal": "#7bd4fb", + "--color-18": "#7a4c31", + "--outline-color": "#0000001f", + "--state-sensor-battery-medium-color": "#ff9800", + "--color-25": "#c884ff", + "--ha-color-focus": "#989898", + "--energy-battery-in-color": "#f06292", + "--safe-area-offset-right": "calc(max(0px - 0px, 0px) / 2)", + "--state-alarm_control_panel-arming-color": "#ff9800", + "--state-water_heater-eco-color": "#4caf50", + "--input-fill-color": "#f5f5f5", + "--ha-color-fill-neutral-quiet-hover": "#e6e6e6", + "--state-water_heater-heat_pump-color": "#ff9800", + "--ha-color-primary-70": "#7bd4fb", + "--light-primary-opacity": "1", + "--ha-color-fill-warning-loud-resting": "#ff9342", + "--ha-color-fill-primary-loud-active": "#009ac7", + "--color-2": "#f4bd4a", + "--ha-font-size-3xl": "calc(28px * 1)", + "--ha-assist-chip-filled-container-color": "rgba(33, 33, 33, .15)", + "--color-24": "#ffadda", + "--ha-font-size-xs": "calc(10px * 1)", + "--ha-animation-duration-normal": "1ms", + "--wa-color-danger-on-normal": "#b30532", + "--sidebar-text-color": "#141414", + "--mdc-theme-text-secondary-on-background": "#5e5e5e", + "--wa-form-control-border-width": "1px", + "--wa-color-neutral-on-normal": "#5e5e5e", + "--ha-border-radius-md": "8px", + "--energy-gas-color": "#8e021b", + "--color-15": "#d96895", + "--ha-color-surface-low-inverted": "#141414", + "--ha-color-on-disabled-loud": "#f3f3f3", + "--state-alarm_control_panel-armed_away-color": "#4caf50", + "--wa-focus-ring-width": "2px", + "--table-header-background-color": "#f5f5f5", + "--ha-color-neutral-80": "#ccc", + "--ha-color-orange-70": "#ff9342", + "--ha-font-weight-light": "300", + "--wa-color-warning-fill-quiet": "#ffe0c8", + "--wa-color-brand-fill-normal": "#dff3fc", + "--ha-color-on-primary-normal": "#009ac7", + "--color-32": "#f48758", + "--ha-line-height-expanded": "2", + "--wa-border-radius-pill": "9999px", + "--color-51": "#f48800", + "--ha-color-green-50": "#00883c", + "--state-weather-windy-color": "#4caf50", + "--ha-border-radius-5xl": "32px", + "--ha-border-radius-circle": "50%", + "--ha-color-primary-10": "#002e3e", + "--ha-color-text-disabled": "#989898", + "--scrollbar-thumb-color": "#c2c2c2", + "--mdc-theme-secondary": "#ff9800", + "--ha-color-fill-success-loud-resting": "#00883c", + "--mdc-select-ink-color": "#000000de", + "--ha-color-border-success-quiet": "#c2f2c1", + "--state-light-active-color": "#ffc107", + "--wa-border-radius-s": "4px", + "--label-badge-green": "#43a047", + "--state-binary_sensor-lock-on-color": "#f44336", + "--wa-color-neutral-on-quiet": "#7a7a7a", + "--wa-form-control-padding-inline": "12px", + "--mdc-text-field-disabled-fill-color": "#fafafa", + "--ha-color-on-success-loud": "#fff", + "--color-27": "#bf8b6d", + "--history-unknown-color": "#606060", + "--state-weather-cloudy-color": "#bdbdbd", + "--state-lock-open-color": "#f44336", + "--wa-color-brand-on-quiet": "#18bcf2", + "--state-water_heater-performance-color": "#ff6f22", + "--energy-grid-consumption-color": "#488fc2", + "--ha-color-fill-neutral-normal-resting": "#e6e6e6", + "--ha-color-fill-danger-quiet-hover": "#ffdedc", + "--wa-transition-easing": "ease", + "--wa-focus-ring": "solid 2px #989898", + "--wa-transition-normal": "1ms", + "--ha-font-size-scale": "1", + "--wa-color-neutral-fill-loud": "#5e5e5e", + "--ha-color-text-primary": "#141414", + "--ha-color-primary-95": "#eff9fe", + "--mdc-button-disabled-ink-color": "#bdbdbd", + "--table-row-background-color": "#fafafa", + "--ha-animation-duration-instant": "1ms", + "--wa-panel-border-width": "1px", + "--ha-box-shadow-l": "0 6px 12px -3px #0000001f, 0 16px 32px -6px #0003", + "--wa-form-control-required-content-offset": ".1rem", + "--mdc-radio-unchecked-color": "rgba(33, 33, 33, .54)", + "--wa-color-danger-border-quiet": "#ffdedc", + "--sidebar-selected-icon-color": "#009ac7", + "--ha-color-fill-warning-normal-resting": "#ffe0c8", + "--ha-color-fill-danger-quiet-active": "#fff0ef", + "--ha-color-on-primary-loud": "#fff", + "--ha-font-family-heading": "Roboto, Noto, sans-serif", + "--ha-color-orange-40": "#9d3800", + "--color-36": "#e43872", + "--state-climate-fan_only-color": "#00bcd4", + "--input-disabled-line-color": "#0000000f", + "--ha-space-20": "80px", + "--color-6": "#ff8ab7", + "--wa-space-xs": "8px", + "--ha-color-primary-20": "#004156", + "--mdc-select-label-ink-color": "#0009", + "--ha-space-6": "24px", + "--ha-color-fill-neutral-quiet-active": "#f3f3f3", + "--ha-color-fill-primary-quiet-resting": "#eff9fe", + "--ha-font-size-m": "calc(14px * 1)", + "--color-50": "#a49100", + "--float-end": "right", + "--wa-color-danger-border-normal": "#fd8f90", + "--ha-color-fill-danger-loud-resting": "#dc3146", + "--state-alarm_control_panel-pending-color": "#ff9800", + "--checked-icon-color": "#fff", + "--mdc-checkbox-unchecked-color": "rgba(33, 33, 33, .54)", + "--color-19": "#6989f4", + "--ha-space-19": "76px", + "--ha-font-family-body": "Roboto, Noto, sans-serif", + "--rgb-text-primary-color": "255, 255, 255", + "--ha-color-border-warning-normal": "#ff9342", + "--shadow-color": "#00000029", + "--state-icon-color": "#44739e", + "--ha-color-fill-warning-quiet-hover": "#ffe0c8", + "--ha-color-fill-primary-normal-active": "#dff3fc", + "--mdc-theme-primary": "#009ac7", + "--color-34": "#f2b94f", + "--ha-space-4": "16px", + "--mdc-dialog-heading-ink-color": "#141414", + "--disabled-color": "#bdbdbd", + "--state-plant-active-color": "#f44336", + "--ha-color-neutral-40": "#5e5e5e", + "--orange-color": "#ff9800", + "--energy-water-color": "#00bcd4", + "--ha-font-weight-body": "400", + "--wa-form-control-required-content": "\"*\"", + "--ha-color-fill-danger-normal-hover": "#ffb8b6", + "--wa-font-weight-body": "400", + "--color-45": "#fecddf", + "--color-4": "#6cc5b0", + "--wa-line-height-condensed": "1.2", + "--lime-color": "#cddc39", + "--wa-color-warning-border-normal": "#ff9342", + "--mdc-tab-text-label-color-default": "#141414", + "--mdc-select-disabled-fill-color": "#fafafa", + "--light-green-color": "#8bc34a", + "--wa-color-brand-border-normal": "#18bcf2", + "--wa-color-neutral-fill-normal": "#e6e6e6", + "--label-badge-red": "#db4437", + "--ha-color-on-danger-normal": "#b30532", + "--state-device_tracker-home-color": "#4caf50", + "--state-cover-active-color": "#926bc7", + "--state-binary_sensor-problem-on-color": "#f44336", + "--state-binary_sensor-sound-on-color": "#f44336", + "--ha-color-neutral-60": "#989898", + "--input-dropdown-icon-color": "#0000008a", + "--ha-color-fill-disabled-quiet-hover": "#e6e6e6", + "--app-header-border-bottom": "1px solid #0000001f", + "--blue-color": "#2196f3", + "--wa-color-danger-fill-quiet": "#ffdedc", + "--state-weather-lightning-color": "#ffeb3b", + "--color-8": "#97bbf5", + "--safe-area-inset-x": "calc(0px + 0px)", + "--color-42": "#009f82", + "--mdc-select-dropdown-icon-color": "#0000008a", + "--mdc-theme-text-disabled-on-light": "#bdbdbd", + "--wa-color-brand-fill-loud": "#009ac7", + "--ha-color-green-70": "#5dc36f", + "--state-weather-snowy_rainy-color": "#03a9f4", + "--mdc-text-field-outlined-disabled-border-color": "#0000000f", + "--darker-primary-color": "#016194", + "--ha-color-orange-20": "#5e1c00", + "--state-update-active-color": "#ff9800", + "--ha-color-on-neutral-quiet": "#7a7a7a", + "--wa-color-neutral-border-loud": "#5e5e5e", + "--state-lock-locking-color": "#ff9800", + "--mdc-text-field-hover-line-color": "#000000de", + "--ha-moz-osx-font-smoothing": "grayscale", + "--state-alarm_control_panel-triggered-color": "#f44336", + "--wa-color-surface-raised": "#fff", + "--safe-area-inset-top": "0px", + "--safe-area-offset-top": "calc(max(0px - 0px, 0px) / 2)", + "--ha-color-fill-danger-loud-active": "#dc3146", + "--mdc-text-field-idle-line-color": "#0000006b", + "--dark-disabled-opacity": ".38", + "--state-climate-dry-color": "#ff9800", + "--ha-space-14": "56px", + "--state-sensor-battery-low-color": "#f44336", + "--history-unavailable-color": "transparent", + "--color-44": "#cbe8ff", + "--ha-color-red-30": "#8a132c", + "--safe-area-inset-left": "0px", + "--wa-form-control-value-color": "#141414", + "--ha-font-size-2xl": "calc(24px * 1)", + "--ha-color-on-primary-quiet": "#18bcf2", + "--wa-color-warning-fill-loud": "#ff9342", + "--wa-font-size-s": "calc(12px * 1)", + "--table-row-alternative-background-color": "#e5e5e5", + "--ha-color-red-20": "#631323", + "--ha-color-fill-neutral-loud-active": "#5e5e5e", + "--color-10": "#094bad", + "--ha-color-on-disabled-quiet": "#ccc", + "--ha-color-on-warning-quiet": "#c94e00", + "--ha-color-text-secondary": "#5e5e5e", + "--state-water_heater-gas-color": "#ff9800", + "--ha-color-green-10": "#052310", + "--label-badge-background-color": "#fff", + "--ha-color-form-background-hover": "#e6e6e6", + "--ha-color-fill-danger-normal-active": "#ffdedc", + "--ha-color-border-primary-quiet": "#dff3fc", + "--ha-animation-duration-fast": "1ms", + "--state-lock-locked-color": "#4caf50", + "--wa-panel-border-style": "solid", + "--ha-space-16": "64px", + "--safe-area-inset-y": "calc(0px + 0px)", + "--ha-color-primary-80": "#b9e6fc", + "--deep-purple-color": "#6e41ab", + "--ha-color-neutral-05": "#141414", + "--light-blue-color": "#03a9f4", + "--ha-border-radius-6xl": "36px", + "--mdc-theme-surface": "#fff", + "--brown-color": "#795548", + "--ha-color-on-warning-normal": "#9d3800", + "--ha-color-primary-40": "#009ac7", + "--state-weather-sunny-color": "#ffc107", + "--ha-color-fill-warning-normal-hover": "#ffbb89", + "--slider-color": "#009ac7", + "--color-52": "#27d0df", + "--ha-color-border-warning-quiet": "#ffe0c8", + "--color-53": "#a04a9b", + "--state-weather-clear_night-color": "#6e41ab", + "--bar-box-shadow": "0 2px 12px #00000029", + "--rgb-warning-color": "255, 166, 0", + "--ha-color-neutral-95": "#f3f3f3", + "--ha-color-fill-success-normal-active": "#c2f2c1", + "--ha-border-radius-xl": "16px", + "--color-37": "#d9b100", + "--white-color": "#fff", + "--ha-color-fill-neutral-quiet-resting": "#f3f3f3", + "--header-height": "56px", + "--amber-color": "#ffc107", + "--state-water_heater-electric-color": "#ff9800", + "--state-person-home-color": "#4caf50", + "--energy-non-fossil-color": "#0f9d58", + "--wa-color-danger-border-loud": "#b30532", + "--wa-color-success-fill-normal": "#c2f2c1", + "--state-lock-unlocked-color": "#f44336", + "--green-color": "#4caf50", + "--state-lock-jammed-color": "#f44336", + "--scale-direction": "1", + "--ha-color-border-neutral-quiet": "#e6e6e6", + "--mdc-theme-on-secondary": "#fff", + "--safe-area-inset-bottom": "0px", + "--ha-color-fill-success-quiet-active": "#e3f9e3", + "--slider-secondary-color": "#b3e5fc", + "--wa-color-brand-on-loud": "#fff", + "--color-33": "#8caed6", + "--color-26": "#badeff", + "--color-11": "#c99000", + "--ha-color-fill-disabled-normal-hover": "#e6e6e6", + "--wa-panel-border-radius": "24px", + "--ha-color-neutral-30": "#4a4a4a", + "--ha-color-fill-primary-loud-resting": "#009ac7", + "--color-5": "#a463f2", + "--ha-border-radius-sm": "4px", + "--wa-color-neutral-fill-quiet": "#e6e6e6", + "--ha-color-fill-neutral-normal-active": "#e6e6e6", + "--ha-color-red-05": "#2a040b", + "--ha-space-7": "28px", + "--ha-line-height-normal": "1.6", + "--energy-solar-color": "#ff9800", + "--mdc-button-outline-color": "#0000001f", + "--disabled-text-color": "#bdbdbd", + "--ha-color-red-80": "#ffb8b6", + "--ha-color-fill-success-quiet-hover": "#c2f2c1", + "--light-grey-color": "#bdbdbd", + "--energy-grid-return-color": "#8353d1", + "--state-alert-on-color": "#f44336", + "--ha-border-radius-4xl": "28px", + "--state-humidifier-on-color": "#2196f3", + "--ha-font-size-4xl": "calc(32px * 1)", + "--ha-color-green-60": "#00ac49", + "--state-binary_sensor-battery-on-color": "#f44336", + "--state-water_heater-high_demand-color": "#ff6f22", + "--ha-color-fill-success-quiet-resting": "#e3f9e3", + "--input-disabled-ink-color": "#0000005e", + "--divider-color": "#0000001f", + "--checked-icon-scale": ".9", + "--ha-color-fill-success-loud-hover": "#036730", + "--ha-color-on-success-normal": "#036730", + "--ha-color-primary-05": "#001721", + "--ha-color-on-danger-loud": "#fff", + "--wa-color-warning-border-quiet": "#ffe0c8", + "--blue-grey-color": "#607d8b", + "--ha-border-radius-lg": "12px", + "--ha-color-fill-neutral-loud-resting": "#5e5e5e", + "--ha-color-text-secondary-inverted": "#363636", + "--mdc-select-disabled-dropdown-icon-color": "#0000005e", + "--ha-color-primary-50": "#18bcf2", + "--color-3": "#ff725c", + "--state-climate-heat-cool-color": "#ffc107", + "--wa-color-warning-border-loud": "#9d3800", + "--wa-color-text-quiet": "#5e5e5e", + "--state-switch-active-color": "#ffc107", + "--ha-color-green-30": "#0a5027", + "--ha-color-fill-warning-quiet-active": "#fff0e4", + "--ha-color-text-primary-inverted": "#fff", + "--ha-space-11": "44px", + "--ha-color-red-40": "#b30532", + "--mdc-dialog-content-ink-color": "#141414", + "--wa-color-neutral-border-quiet": "#e6e6e6", + "--sidebar-background-color": "#fff", + "--wa-form-control-value-font-weight": "400", + "--primary-color": "#009ac7", + "--color-35": "#eff26e", + "--ha-assist-chip-active-container-color": "rgba(0, 154, 199, .15)", + "--wa-color-success-on-loud": "#fff", + "--markdown-code-background-color": "#fafafa", + "--ha-space-10": "40px", + "--primary-background-color": "#fafafa", + "--wa-form-control-activated-color": "#009ac7", + "--ha-space-17": "68px", + "--label-badge-blue": "#039be5", + "--warning-color": "#ffa600", + "--ha-font-weight-action": "500", + "--wa-color-success-on-quiet": "#00883c", + "--input-outlined-idle-border-color": "#00000061", + "--wa-color-success-fill-quiet": "#c2f2c1", + "--ha-color-red-95": "#fff0ef", + "--ha-color-black": "#000", + "--ha-color-surface-lower-inverted": "#000", + "--ha-color-fill-success-normal-hover": "#93da98", + "--ha-space-13": "52px", + "--state-sun-below_horizon-color": "#3f51b5", + "--app-theme-color": "#fff", + "--color-47": "#8cd2ce", + "--wa-form-control-padding-block": ".75em", + "--ha-color-fill-success-normal-resting": "#c2f2c1", + "--wa-font-size-l": "calc(16px * 1)", + "--rgb-info-color": "3, 155, 229", + "--state-lawn_mower-active-color": "#009688", + "--ha-color-fill-success-loud-active": "#00883c", + "--ha-color-green-05": "#031608", + "--ha-color-neutral-20": "#363636", + "--ha-color-fill-warning-normal-active": "#ffe0c8", + "--rgb-secondary-text-color": "114, 114, 114", + "--state-binary_sensor-carbon_monoxide-on-color": "#f44336", + "--energy-battery-out-color": "#4db6ac", + "--sidebar-icon-color": "rgba(33, 33, 33, .6)", + "--color-41": "#d06800", + "--margin-title-rtl": "0 24px 0 0", + "--ha-color-border-success-loud": "#036730", + "--ha-color-fill-warning-loud-active": "#ff9342", + "--ha-color-fill-disabled-loud-resting": "#ccc", + "--ha-space-1": "4px", + "--mdc-checkbox-disabled-color": "#bdbdbd", + "--ha-space-3": "12px", + "--ha-color-neutral-50": "#7a7a7a", + "--state-binary_sensor-heat-on-color": "#f44336", + "--rgb-primary-color": "0, 154, 199", + "--red-color": "#f44336", + "--ha-color-green-95": "#e3f9e3", + "--state-alarm_control_panel-armed_custom_bypass-color": "#4caf50", + "--wa-color-text-normal": "#141414", + "--ha-space-5": "20px", + "--rgb-success-color": "67, 160, 71", + "--ha-color-orange-10": "#3b0f00", + "--color-30": "#bf3947", + "--state-weather-pouring-color": "#3f51b5", + "--ha-color-fill-neutral-loud-hover": "#4a4a4a", + "--state-unavailable-color": "#bdbdbd", + "--wa-color-brand-fill-quiet": "#dff3fc", + "--ha-color-orange-90": "#ffe0c8", + "--state-binary_sensor-tamper-on-color": "#f44336", + "--ha-color-fill-disabled-normal-resting": "#f3f3f3", + "--mdc-text-field-disabled-line-color": "#0000000f", + "--wa-space-m": "16px", + "--ha-line-height-condensed": "1.2", + "--wa-form-control-background-color": "", + "--state-device_tracker-active-color": "#2196f3", + "--input-hover-line-color": "#000000de", + "--ha-font-size-xl": "calc(20px * 1)", + "--ha-color-border-neutral-normal": "#989898", + "--wa-border-width-s": "1px", + "--color-49": "#f883b0", + "--wa-shadow-l": "0 6px 12px -3px #0000001f, 0 16px 32px -6px #0003", + "--wa-font-size-m": "calc(14px * 1)", + "--ha-font-weight-medium": "500", + "--state-vacuum-active-color": "#009688", + "--ha-color-fill-disabled-quiet-resting": "#f3f3f3", + "--mdc-text-field-outlined-idle-border-color": "#00000061", + "--ha-border-radius-3xl": "24px", + "--color-48": "#c4b8d9", + "--ha-color-border-danger-normal": "#fd8f90", + "--accent-color": "#ff9800", + "--outline-hover-color": "#0000003d", + "--ha-color-on-disabled-normal": "#b1b1b1", + "--ha-font-size-l": "calc(16px * 1)", + "--color-38": "#9d7a00", + "--state-weather-partlycloudy-color": "#607d8b", + "--ha-color-orange-80": "#ffbb89", + "--wa-border-radius-m": "8px", + "--state-binary_sensor-glass_break-on-color": "#f44336", + "--deep-orange-color": "#ff6f22", + "--ha-color-form-background-disabled": "#ccc", + "--wa-color-success-border-loud": "#036730", + "--ha-color-orange-95": "#fff0e4", + "--mdc-theme-error": "#db4437", + "--ha-color-primary-90": "#dff3fc", + "--ha-color-border-neutral-loud": "#5e5e5e", + "--state-weather-fog-color": "#9e9e9e", + "--color-40": "#00d27e", + "--wa-space-xl": "32px", + "--secondary-text-color": "#5e5e5e", + "--error-color": "#db4437", + "--mdc-dialog-scroll-divider-color": "#0000001f", + "--state-weather-snowy-color": "#c0e0ff", + "--ha-font-weight-bold": "700", + "--ha-space-12": "48px", + "--wa-border-radius-l": "12px", + "--wa-color-danger-fill-loud": "#dc3146", + "--color-16": "#8043ce", + "--color-22": "#8fe9d3", + "--ha-color-red-50": "#dc3146", + "--state-alarm_control_panel-armed_vacation-color": "#4caf50", + "--mdc-select-outlined-hover-border-color": "#000000de", + "--wa-border-style": "solid", + "--ha-color-surface-default": "#fff", + "--app-header-background-color": "#fff", + "--card-background-color": "#fff", + "--state-alert-off-color": "#ff9800", + "--mdc-theme-on-surface": "#141414", + "--ha-color-border-success-normal": "#5dc36f", + "--state-climate-cool-color": "#2196f3", + "--label-badge-text-color": "rgba(33, 33, 33, .8)", + "--state-binary_sensor-smoke-on-color": "#f44336", + "--wa-color-warning-on-normal": "#9d3800", + "--mdc-text-field-outlined-hover-border-color": "#000000de", + "--color-21": "#ff957c", + "--indigo-color": "#3f51b5", + "--wa-focus-ring-color": "#989898", + "--mdc-radio-disabled-color": "#bdbdbd", + "--color-13": "#49a28f", + "--state-alarm_control_panel-armed_home-color": "#4caf50", + "--ha-color-text-link": "#009ac7", + "--mdc-select-fill-color": "#f5f5f5", + "--ha-color-fill-primary-quiet-hover": "#dff3fc", + "--ha-color-fill-danger-quiet-resting": "#fff0ef", + "--label-badge-grey": "#9e9e9e", + "--wa-transition-fast": "1ms", + "--label-badge-yellow": "#ffa600", + "--data-table-background-color": "#fff", + "--state-icon-error-color": "#db4437", + "--color-39": "#698cff", + "--ha-box-shadow-s": "0 1px 2px 0 #00000014, 0 1px 3px 0 #0000001f", + "--ha-border-radius-2xl": "20px", + "--wa-shadow-m": "0 3px 6px -1px #0000001a, 0 8px 16px -2px #00000026", + "--ha-color-surface-low": "#f3f3f3", + "--ha-animation-duration-slow": "1ms", + "--color-31": "#9f5b00", + "--ha-font-smoothing": "antialiased", + "--color-14": "#048732", + "--color-20": "#ffd444", + "--ha-color-fill-warning-quiet-resting": "#fff0e4", + "--wa-border-width-m": "2px", + "--ha-color-green-90": "#c2f2c1", + "--state-lawn_mower-error-color": "#f44336", + "--mdc-select-idle-line-color": "#0000006b", + "--color-23": "#62cc71", + "--mdc-select-hover-line-color": "#000000de", + "--ha-dialog-scrim-backdrop-filter": "brightness(68%)", + "--safe-area-inset-right": "0px", + "--clear-background-color": "#fff", + "--state-sun-above_horizon-color": "#ffc107", + "--state-lock-unlocking-color": "#ff9800", + "--ha-animation-duration-none": "1ms", + "--light-primary-color": "#b3e5fc", + "--state-lock-opening-color": "#ff9800", + "--color-7": "#9c6b4e", + "--wa-form-control-toggle-size": "20px", + "--ha-color-fill-danger-normal-resting": "#ffdedc", + "--mdc-theme-on-primary": "#fff", + "--input-outlined-hover-border-color": "#000000de", + "--chip-background-color": "rgba(33, 33, 33, .15)", + "--ha-color-on-success-quiet": "#00883c", + "--ha-color-on-surface-default": "#141414", + "--md-list-item-label-text-font": "Roboto, Noto, sans-serif", + "--ha-color-red-90": "#ffdedc", + "--input-ink-color": "#000000de", + "--direction": "ltr", + "--rgb-card-background-color": "255, 255, 255", + "--float-start": "left", + "--light-secondary-opacity": ".7", + "--ha-space-2": "8px", + "--ha-color-fill-primary-loud-hover": "#006787", + "--slider-track-color": "#c2c2c2", + "--md-list-item-trailing-supporting-text-font": "Roboto, Noto, sans-serif", + "--ha-color-red-10": "#3e0913", + "--safe-area-offset-left": "calc(max(0px - 0px, 0px) / 2)", + "--wa-color-neutral-on-loud": "#fff", + "--text-primary-color": "#fff", + "--ha-color-surface-lower": "#e6e6e6", + "--ha-font-family-longform": "ui-sans-serif, system-ui, sans-serif", + "--light-divider-opacity": ".12", + "--state-weather-lightning_rainy-color": "#cddc39", + "--ha-border-radius-square": "0", + "--safe-area-offset-bottom": "calc(max(0px - 0px, 0px) / 2)", + "--wa-font-weight-action": "500", + "--ha-color-on-neutral-loud": "#fff", + "--wa-color-success-fill-loud": "#00883c", + "--primary-text-color": "#141414", + "--info-color": "#039be5", + "--color-54": "#4269d0", + "--teal-color": "#009688", + "--ha-color-fill-warning-loud-hover": "#c94e00", + "--color-12": "#d84f3e", + "--pink-color": "#e91e63", + "--wa-form-control-border-style": "solid", + "--ha-color-border-warning-loud": "#9d3800", + "--light-disabled-opacity": ".3", + "--mdc-select-disabled-ink-color": "#0000005e", + "--mdc-theme-text-icon-on-background": "#5e5e5e", + "--wa-color-success-border-quiet": "#c2f2c1", + "--wa-color-success-on-normal": "#036730", + "--ha-space-18": "72px", + "--wa-space-l": "24px", + "--rgb-primary-text-color": "33, 33, 33", + "--wa-border-width-l": "3px", + "--ha-color-neutral-10": "#202020", + "--state-person-active-color": "#2196f3", + "--ha-box-shadow-m": "0 3px 6px -1px #0000001a, 0 8px 16px -2px #00000026", + "--ha-color-border-danger-quiet": "#ffdedc", + "--app-header-text-color": "#141414", + "--ha-color-orange-30": "#7e2900", + "--ha-color-surface-default-inverted": "#202020", + "--ha-color-fill-danger-loud-hover": "#b30532", + "--ha-color-neutral-70": "#b1b1b1", + "--wa-shadow-s": "0 1px 2px 0 #00000014, 0 1px 3px 0 #0000001f", + "--color-43": "#c49200", + "--dark-primary-color": "#0288d1", + "--ha-color-green-40": "#036730", + "--color-1": "#4269d0", + "--dark-grey-color": "#606060", + "--rgb-error-color": "219, 68, 55", + "--ha-color-fill-neutral-normal-hover": "#ccc", + "--ha-color-border-primary-loud": "#009ac7", + "--wa-color-danger-on-quiet": "#dc3146", + "--state-binary_sensor-gas-on-color": "#f44336", + "--grey-color": "#9e9e9e", + "--mdc-theme-text-hint-on-background": "#5e5e5e", + "--wa-color-danger-fill-normal": "#ffdedc", + "--state-binary_sensor-moisture-on-color": "#f44336", + "--yellow-color": "#ffeb3b" + }, + "dark": { + "--ha-space-8": "32px", + "--wa-color-brand-on-normal": "#37c8fd", + "--state-inactive-color": "#9e9e9e", + "--codemirror-type": "#decb6b", + "--safe-width": "calc(100vw - 0px - 0px)", + "--success-color": "#43a047", + "--input-outlined-disabled-border-color": "#ffffff0f", + "--color-29": "#97ee3f", + "--purple-color": "#926bc7", + "--ha-color-fill-primary-normal-resting": "#002e3e", + "--mdc-theme-background": "#111", + "--ha-space-15": "60px", + "--mdc-theme-text-primary-on-background": "#e1e1e1", + "--state-binary_sensor-active-color": "#ffc107", + "--state-valve-active-color": "#2196f3", + "--mdc-text-field-fill-color": "#ffffff0d", + "--ha-font-family-code": "monospace", + "--wa-form-control-value-line-height": "1.2", + "--safe-height": "calc(100vh - 0px - 0px)", + "--state-weather-windy_variant-color": "#4caf50", + "--dark-primary-opacity": ".87", + "--state-binary_sensor-safety-on-color": "#f44336", + "--mdc-select-outlined-disabled-border-color": "#ffffff0f", + "--ha-font-size-s": "calc(12px * 1)", + "--rgb-ha-button-warning-light-color": "145,123,84", + "--ha-color-primary-30": "#006787", + "--state-sensor-battery-high-color": "#4caf50", + "--ha-color-red-60": "#f3676c", + "--ha-border-radius-pill": "9999px", + "--ha-color-form-background": "#363636", + "--mdc-text-field-disabled-ink-color": "#ffffff5e", + "--state-fan-active-color": "#00bcd4", + "--rgb-disabled-text-color": "111,111,111", + "--sidebar-selected-text-color": "#009ac7", + "--state-weather-hail-color": "#00bcd4", + "--ha-color-fill-disabled-loud-hover": "#5e5e5e", + "--ha-color-on-neutral-normal": "#989898", + "--md-list-item-supporting-text-font": "Roboto, Noto, sans-serif", + "--wa-color-warning-on-loud": "#fff", + "--ha-color-shadow-scrollable-fade": "#00000014", + "--state-weather-exceptional-color": "#f44336", + "--ha-color-orange-50": "#c94e00", + "--black-color": "#000", + "--wa-color-brand-border-quiet": "#dff3fc", + "--ha-color-fill-primary-quiet-active": "#001721", + "--state-media_player-active-color": "#03a9f4", + "--cyan-color": "#00bcd4", + "--state-alarm_control_panel-disarming-color": "#ff9800", + "--ha-color-white": "#fff", + "--mdc-text-field-label-ink-color": "#fff9", + "--wa-color-warning-fill-normal": "#3b0f00", + "--margin-title-ltr": "0 0 0 24px", + "--ha-color-on-warning-loud": "#fff", + "--ha-color-red-70": "#fd8f90", + "--rgb-clear-background-color": "17,17,17", + "--codemirror-variable": "#f07178", + "--color-9": "#01ab63", + "--map-filter": "invert(.9) hue-rotate(170deg) brightness(1.5) contrast(1.2) saturate(.3)", + "--ha-color-border-danger-loud": "#dc3146", + "--state-weather-rainy-color": "#2196f3", + "--wa-focus-ring-style": "solid", + "--input-idle-line-color": "#ffffff6b", + "--mdc-select-outlined-idle-border-color": "#ffffff61", + "--input-disabled-fill-color": "#ffffff05", + "--ha-font-weight-heading": "700", + "--state-alarm_control_panel-armed_night-color": "#4caf50", + "--input-label-ink-color": "#fff9", + "--ha-color-orange-05": "#280700", + "--rgb-accent-color": "255, 152, 0", + "--ha-font-weight-normal": "400", + "--color-28": "#927acc", + "--wa-color-surface-default": "#1c1c1c", + "--ha-color-primary-60": "#37c8fd", + "--ha-space-9": "36px", + "--dark-divider-opacity": ".12", + "--mdc-text-field-ink-color": "#ffffffde", + "--wa-form-control-height": "40px", + "--state-vacuum-error-color": "#f44336", + "--color-17": "#7599d1", + "--state-siren-active-color": "#f44336", + "--wa-focus-ring-offset": "2px", + "--wa-color-brand-border-loud": "#009ac7", + "--ha-border-width-sm": "1px", + "--wa-color-neutral-border-normal": "#7a7a7a", + "--wa-color-warning-on-quiet": "#ff9342", + "--ha-border-width-md": "2px", + "--state-climate-heat-color": "#ff6f22", + "--secondary-background-color": "#282828", + "--ha-color-green-80": "#93da98", + "--text-light-primary-color": "#212121", + "--color-46": "#c27eb6", + "--ha-color-neutral-90": "#e6e6e6", + "--ha-border-width-lg": "3px", + "--ha-color-fill-primary-normal-hover": "#004156", + "--ha-color-on-danger-quiet": "#fd8f90", + "--ha-color-orange-60": "#f36d00", + "--wa-color-danger-on-loud": "#fff", + "--wa-color-surface-border": "#5e5e5e", + "--wa-form-control-border-radius": "12px", + "--wa-form-control-placeholder-color": "#ccc", + "--wa-color-success-border-normal": "#5dc36f", + "--wa-form-control-border-color": "#7a7a7a", + "--state-climate-auto-color": "#4caf50", + "--ha-color-green-20": "#0a3a1d", + "--ha-font-size-5xl": "calc(40px * 1)", + "--ha-color-border-primary-normal": "#7bd4fb", + "--dark-secondary-opacity": ".54", + "--outline-color": "#e1e1e11f", + "--state-active-color": "#ffc107", + "--color-18": "#7a4c31", + "--state-sensor-battery-medium-color": "#ff9800", + "--color-25": "#c884ff", + "--ha-color-focus": "#989898", + "--energy-battery-in-color": "#f06292", + "--safe-area-offset-right": "calc(max(0px - 0px, 0px) / 2)", + "--state-alarm_control_panel-arming-color": "#ff9800", + "--state-water_heater-eco-color": "#4caf50", + "--input-fill-color": "#ffffff0d", + "--codemirror-qualifier": "#decb6b", + "--ha-color-fill-neutral-quiet-hover": "#202020", + "--state-water_heater-heat_pump-color": "#ff9800", + "--ha-color-primary-70": "#7bd4fb", + "--light-primary-opacity": "1", + "--ha-color-fill-warning-loud-resting": "#9d3800", + "--ha-color-fill-primary-loud-active": "#009ac7", + "--color-2": "#f4bd4a", + "--rgb-primary-background-color": "17,17,17", + "--ha-font-size-3xl": "calc(28px * 1)", + "--ha-assist-chip-filled-container-color": "rgba(225,225,225, .15)", + "--color-24": "#ffadda", + "--ha-font-size-xs": "calc(10px * 1)", + "--ha-animation-duration-normal": "1ms", + "--wa-color-danger-on-normal": "#f3676c", + "--sidebar-text-color": "#e1e1e1", + "--color-15": "#d96895", + "--wa-form-control-border-width": "1px", + "--wa-color-neutral-on-normal": "#989898", + "--ha-border-radius-md": "8px", + "--energy-gas-color": "#8e021b", + "--mdc-theme-text-secondary-on-background": "#9b9b9b", + "--ha-color-surface-low-inverted": "#f3f3f3", + "--ha-color-on-disabled-loud": "#7a7a7a", + "--state-alarm_control_panel-armed_away-color": "#4caf50", + "--rgb-input-ink-color": "255,255,255", + "--codemirror-variable-2": "#eff", + "--wa-focus-ring-width": "2px", + "--table-header-background-color": "#ffffff0d", + "--ha-color-neutral-80": "#ccc", + "--ha-color-orange-70": "#ff9342", + "--wa-color-brand-fill-normal": "#002e3e", + "--wa-color-warning-fill-quiet": "#3b0f00", + "--codemirror-comment": "#545454", + "--ha-font-weight-light": "300", + "--ha-color-on-primary-normal": "#37c8fd", + "--ha-line-height-expanded": "2", + "--color-32": "#f48758", + "--wa-border-radius-pill": "9999px", + "--color-51": "#f48800", + "--ha-color-green-50": "#00883c", + "--rgb-input-disabled-ink-color": "255,255,255", + "--state-weather-windy-color": "#4caf50", + "--ha-border-radius-5xl": "32px", + "--ha-border-radius-circle": "50%", + "--ha-color-primary-10": "#002e3e", + "--ha-color-text-disabled": "#989898", + "--scrollbar-thumb-color": "#6e6e6e", + "--mdc-theme-secondary": "#ff9800", + "--ha-color-fill-success-loud-resting": "#036730", + "--ha-color-border-success-quiet": "#c2f2c1", + "--mdc-select-ink-color": "#ffffffde", + "--state-light-active-color": "#ffc107", + "--wa-border-radius-s": "4px", + "--ha-color-on-success-loud": "#fff", + "--state-binary_sensor-lock-on-color": "#f44336", + "--label-badge-green": "#43a047", + "--wa-color-neutral-on-quiet": "#b1b1b1", + "--rgb-codemirror-operator": "137,221,255", + "--mdc-text-field-disabled-fill-color": "#ffffff05", + "--wa-form-control-padding-inline": "12px@layer wa-utilities{@supports (scrollbar-gutter", + "--color-27": "#bf8b6d", + "--history-unknown-color": "#606060", + "--state-weather-cloudy-color": "#bdbdbd", + "--state-lock-open-color": "#f44336", + "--wa-color-brand-on-quiet": "#7bd4fb", + "--state-water_heater-performance-color": "#ff6f22", + "--energy-grid-consumption-color": "#488fc2", + "--ha-color-fill-danger-quiet-hover": "#3e0913", + "--ha-button-neutral-light-color": "#6a7081", + "--wa-transition-easing": "ease", + "--wa-focus-ring": "solid 2px #989898", + "--ha-color-fill-neutral-normal-resting": "#202020", + "--wa-transition-normal": "1ms", + "--ha-font-size-scale": "1", + "--ha-color-text-primary": "#fff", + "--wa-color-neutral-fill-loud": "#989898", + "--ha-color-primary-95": "#eff9fe", + "--mdc-button-disabled-ink-color": "#6f6f6f", + "--table-row-background-color": "#111", + "--rgb-codemirror-comment": "84,84,84", + "--ha-button-primary-light-color": "#4082a040", + "--ha-animation-duration-instant": "1ms", + "--wa-panel-border-width": "1px", + "--ha-box-shadow-l": "0 6px 12px -3px #0006, 0 16px 32px -6px #0000008c", + "--rgb-input-dropdown-icon-color": "255,255,255", + "--wa-form-control-required-content-offset": ".1rem", + "--mdc-radio-unchecked-color": "rgba(225,225,225, .54)", + "--wa-color-danger-border-quiet": "#ffdedc", + "--sidebar-selected-icon-color": "#009ac7", + "--ha-color-fill-warning-normal-resting": "#3b0f00", + "--ha-color-fill-danger-quiet-active": "#2a040b", + "--ha-color-on-primary-loud": "#fff", + "--ha-font-family-heading": "Roboto, Noto, sans-serif", + "--ha-color-orange-40": "#9d3800", + "--color-36": "#e43872", + "--state-climate-fan_only-color": "#00bcd4", + "--input-disabled-line-color": "#ffffff0f", + "--ha-space-20": "80px", + "--color-6": "#ff8ab7", + "--wa-space-xs": "8px", + "--ha-color-primary-20": "#004156", + "--mdc-select-label-ink-color": "#fff9", + "--ha-space-6": "24px", + "--ha-color-fill-neutral-quiet-active": "", + "--ha-color-fill-primary-quiet-resting": "#001721", + "--rgb-codemirror-atom": "247,140,108", + "--ha-font-size-m": "calc(14px * 1)", + "--color-50": "#a49100", + "--float-end": "right", + "--rgb-disabled-color": "70,70,70", + "--ha-color-fill-danger-loud-resting": "#b30532", + "--wa-color-danger-border-normal": "#dc3146", + "--state-alarm_control_panel-pending-color": "#ff9800", + "--checked-icon-color": "#fff", + "--mdc-checkbox-unchecked-color": "rgba(225,225,225, .54)", + "--color-19": "#6989f4", + "--ha-space-19": "76px", + "--ha-font-family-body": "Roboto, Noto, sans-serif", + "--rgb-text-primary-color": "255, 255, 255", + "--ha-color-border-warning-normal": "#c94e00", + "--shadow-color": "#0000007a", + "--state-icon-color": "#44739e", + "--rgb-ha-button-neutral-color": "217,218,224", + "--ha-color-fill-warning-quiet-hover": "#3b0f00", + "--rgb-outline-hover-color": "225,225,225", + "--ha-color-fill-primary-normal-active": "#002e3e", + "--mdc-theme-primary": "#009ac7", + "--color-34": "#f2b94f", + "--rgb-input-outlined-idle-border-color": "255,255,255", + "--mdc-dialog-heading-ink-color": "#e1e1e1", + "--disabled-color": "#464646", + "--ha-space-4": "16px", + "--state-plant-active-color": "#f44336", + "--ha-color-neutral-40": "#5e5e5e", + "--energy-water-color": "#00bcd4", + "--orange-color": "#ff9800", + "--ha-font-weight-body": "400", + "--wa-form-control-required-content": "\"*\"", + "--ha-color-fill-danger-normal-hover": "#631323", + "--wa-font-weight-body": "400", + "--color-45": "#fecddf", + "--color-4": "#6cc5b0", + "--wa-line-height-condensed": "1.2", + "--lime-color": "#cddc39", + "--wa-color-warning-border-normal": "#c94e00", + "--mdc-tab-text-label-color-default": "#e1e1e1", + "--mdc-select-disabled-fill-color": "#ffffff05", + "--rgb-codemirror-variable-2": "238,255,255", + "--light-green-color": "#8bc34a", + "--wa-color-brand-border-normal": "#18bcf2", + "--wa-color-neutral-fill-normal": "#202020", + "--ha-color-on-danger-normal": "#f3676c", + "--label-badge-red": "#db4437", + "--state-device_tracker-home-color": "#4caf50", + "--state-cover-active-color": "#926bc7", + "--state-binary_sensor-problem-on-color": "#f44336", + "--state-binary_sensor-sound-on-color": "#f44336", + "--ha-color-neutral-60": "#989898", + "--input-dropdown-icon-color": "#ffffff8a", + "--ha-color-fill-disabled-quiet-hover": "#363636", + "--app-header-border-bottom": "1px solid #e1e1e11f", + "--blue-color": "#2196f3", + "--wa-color-danger-fill-quiet": "#3e0913", + "--state-weather-lightning-color": "#ffeb3b", + "--color-8": "#97bbf5", + "--rgb-codemirror-number": "255,83,112", + "--safe-area-inset-x": "calc(0px + 0px)", + "--color-42": "#009f82", + "--mdc-select-dropdown-icon-color": "#ffffff8a", + "--ha-button-warning-light-color": "#917b54c1", + "--mdc-theme-text-disabled-on-light": "#6f6f6f", + "--wa-color-brand-fill-loud": "#009ac7", + "--ha-color-green-70": "#5dc36f", + "--mdc-text-field-outlined-disabled-border-color": "#ffffff0f", + "--state-weather-snowy_rainy-color": "#03a9f4", + "--darker-primary-color": "#016194", + "--ha-color-orange-20": "#5e1c00", + "--state-update-active-color": "#ff9800", + "--ha-color-on-neutral-quiet": "#b1b1b1", + "--wa-color-neutral-border-loud": "#b1b1b1", + "--state-lock-locking-color": "#ff9800", + "--rgb-codemirror-variable-3": "222,203,107", + "--mdc-text-field-hover-line-color": "#ffffffde", + "--ha-moz-osx-font-smoothing": "grayscale", + "--codemirror-number": "#ff5370", + "--state-alarm_control_panel-triggered-color": "#f44336", + "--wa-color-surface-raised": "#1c1c1c", + "--safe-area-inset-top": "0px", + "--safe-area-offset-top": "calc(max(0px - 0px, 0px) / 2)", + "--ha-color-fill-danger-loud-active": "#b30532", + "--mdc-text-field-idle-line-color": "#ffffff6b", + "--dark-disabled-opacity": ".38", + "--state-climate-dry-color": "#ff9800", + "--codemirror-attribute": "#c792ea", + "--ha-space-14": "56px", + "--mdc-linear-progress-buffer-color": "#ffffff1a", + "--state-sensor-battery-low-color": "#f44336", + "--history-unavailable-color": "transparent", + "--color-44": "#cbe8ff", + "--ha-color-red-30": "#8a132c", + "--safe-area-inset-left": "0px", + "--wa-form-control-value-color": "#e1e1e1", + "--ha-font-size-2xl": "calc(24px * 1)", + "--ha-color-on-primary-quiet": "#7bd4fb", + "--wa-color-warning-fill-loud": "#9d3800", + "--wa-font-size-s": "calc(12px * 1)", + "--table-row-alternative-background-color": "#282828", + "--ha-color-red-20": "#631323", + "--ha-color-fill-neutral-loud-active": "#989898", + "--rgb-input-outlined-hover-border-color": "255,255,255", + "--color-10": "#094bad", + "--ha-color-on-disabled-quiet": "#5e5e5e", + "--ha-color-on-warning-quiet": "#ff9342", + "--ha-color-text-secondary": "#ccc", + "--state-water_heater-gas-color": "#ff9800", + "--ha-color-green-10": "#052310", + "--label-badge-background-color": "#1c1c1c", + "--ha-color-form-background-hover": "#4a4a4a", + "--ha-color-fill-danger-normal-active": "#3e0913", + "--ha-color-border-primary-quiet": "#dff3fc", + "--ha-animation-duration-fast": "1ms", + "--state-lock-locked-color": "#4caf50", + "--wa-panel-border-style": "solid", + "--ha-space-16": "64px", + "--safe-area-inset-y": "calc(0px + 0px)", + "--ha-color-primary-80": "#b9e6fc", + "--deep-purple-color": "#6e41ab", + "--ha-color-neutral-05": "#141414", + "--rgb-input-disabled-line-color": "255,255,255", + "--light-blue-color": "#03a9f4", + "--ha-border-radius-6xl": "36px", + "--mdc-theme-surface": "#1c1c1c", + "--state-weather-sunny-color": "#ffc107", + "--brown-color": "#795548", + "--ha-color-on-warning-normal": "#f36d00", + "--ha-color-primary-40": "#009ac7", + "--ha-color-fill-warning-normal-hover": "#5e1c00", + "--rgb-codemirror-meta": "255,203,107", + "--slider-color": "#009ac7", + "--color-52": "#27d0df", + "--ha-color-border-warning-quiet": "#ffe0c8", + "--codemirror-tag": "#ff5370", + "--color-53": "#a04a9b", + "--state-weather-clear_night-color": "#6e41ab", + "--bar-box-shadow": "0 2px 12px #0000007a", + "--rgb-mdc-ripple-color": "170,170,170", + "--rgb-input-outlined-disabled-border-color": "255,255,255", + "--rgb-warning-color": "255, 166, 0", + "--ha-color-fill-success-normal-active": "#052310", + "--ha-color-neutral-95": "#f3f3f3", + "--ha-border-radius-xl": "16px", + "--color-37": "#d9b100", + "--white-color": "#fff", + "--ha-color-fill-neutral-quiet-resting": "#141414", + "--codemirror-variable-3": "#decb6b", + "--header-height": "56px", + "--amber-color": "#ffc107", + "--state-water_heater-electric-color": "#ff9800", + "--rgb-ha-button-primary-light-color": "64,130,160", + "--state-person-home-color": "#4caf50", + "--energy-non-fossil-color": "#0f9d58", + "--wa-color-danger-border-loud": "#dc3146", + "--wa-color-success-fill-normal": "#052310", + "--scale-direction": "1", + "--state-lock-unlocked-color": "#f44336", + "--state-lock-jammed-color": "#f44336", + "--green-color": "#4caf50", + "--ha-color-border-neutral-quiet": "#5e5e5e", + "--mdc-theme-on-secondary": "#fff", + "--safe-area-inset-bottom": "0px", + "--codemirror-atom": "#f78c6c", + "--rgb-ha-button-neutral-light-color": "106,112,129", + "--slider-secondary-color": "#b3e5fc", + "--wa-color-brand-on-loud": "#fff", + "--color-33": "#8caed6", + "--color-26": "#badeff", + "--color-11": "#c99000", + "--rgb-divider-color": "225,225,225", + "--ha-color-fill-disabled-normal-hover": "#4a4a4a", + "--color-5": "#a463f2", + "--ha-color-neutral-30": "#4a4a4a", + "--ha-color-fill-primary-loud-resting": "#009ac7", + "--wa-panel-border-radius": "24px", + "--ha-border-radius-sm": "4px", + "--wa-color-neutral-fill-quiet": "#202020", + "--ha-color-fill-neutral-normal-active": "#202020", + "--ha-color-fill-success-quiet-active": "#031608", + "--ha-color-red-05": "#2a040b", + "--ha-space-7": "28px", + "--mdc-button-outline-color": "#e1e1e11f", + "--energy-solar-color": "#ff9800", + "--disabled-text-color": "#6f6f6f", + "--ha-line-height-normal": "1.6", + "--codemirror-builtin": "#ffcb6b", + "--ha-color-red-80": "#ffb8b6", + "--ha-color-fill-success-quiet-hover": "#052310", + "--light-grey-color": "#bdbdbd", + "--rgb-codemirror-property": "199,146,234", + "--energy-grid-return-color": "#a280db", + "--state-alert-on-color": "#f44336", + "--ha-border-radius-4xl": "28px", + "--state-humidifier-on-color": "#2196f3", + "--ha-font-size-4xl": "calc(32px * 1)", + "--state-binary_sensor-battery-on-color": "#f44336", + "--ha-color-green-60": "#00ac49", + "--codemirror-string": "#c3e88d", + "--ha-color-fill-success-quiet-resting": "#031608", + "--divider-color": "#e1e1e11f", + "--ha-color-on-danger-loud": "#fff", + "--input-disabled-ink-color": "#ffffff5e", + "--codemirror-meta": "#ffcb6b", + "--ha-color-fill-success-loud-hover": "#0a5027", + "--checked-icon-scale": ".9", + "--rgb-energy-grid-return-color": "162,128,219", + "--ha-color-on-success-normal": "#00ac49", + "--ha-color-border-normal": "#18bcf2", + "--wa-color-warning-border-quiet": "#ffe0c8", + "--rgb-codemirror-qualifier": "222,203,107", + "--ha-color-primary-05": "#001721", + "--blue-grey-color": "#607d8b", + "--state-water_heater-high_demand-color": "#ff6f22", + "--ha-border-radius-lg": "12px", + "--ha-color-fill-neutral-loud-resting": "#989898", + "--ha-color-text-secondary-inverted": "#5e5e5e", + "--mdc-select-disabled-dropdown-icon-color": "#ffffff5e", + "--ha-color-primary-50": "#18bcf2", + "--color-3": "#ff725c", + "--state-climate-heat-cool-color": "#ffc107", + "--codemirror-def": "#82aaff", + "--rgb-mdc-linear-progress-buffer-color": "255,255,255", + "--wa-color-warning-border-loud": "#c94e00", + "--mdc-ripple-color": "#aaa", + "--wa-color-text-quiet": "#ccc", + "--state-switch-active-color": "#ffc107", + "--rgb-codemirror-variable": "240,113,120", + "--ha-color-green-30": "#0a5027", + "--ha-color-fill-warning-quiet-active": "#280700", + "--ha-color-text-primary-inverted": "#000", + "--ha-space-11": "44px", + "--ha-color-red-40": "#b30532", + "--mdc-dialog-content-ink-color": "#e1e1e1", + "--wa-color-neutral-border-quiet": "#5e5e5e", + "--sidebar-background-color": "#1c1c1c", + "--wa-form-control-value-font-weight": "400", + "--primary-color": "#009ac7", + "--color-35": "#eff26e", + "--ha-assist-chip-active-container-color": "rgba(0, 154, 199, .15)", + "--codemirror-operator": "#89ddff", + "--wa-color-success-on-loud": "#fff", + "--markdown-code-background-color": "#111", + "--ha-space-10": "40px", + "--primary-background-color": "#111", + "--wa-form-control-activated-color": "#009ac7", + "--ha-space-17": "68px", + "--label-badge-blue": "#039be5", + "--warning-color": "#ffa600", + "--ha-font-weight-action": "500", + "--ha-color-red-95": "#fff0ef", + "--wa-color-success-on-quiet": "#5dc36f", + "--input-outlined-idle-border-color": "#ffffff61", + "--wa-color-success-fill-quiet": "#052310", + "--codemirror-property": "#c792ea", + "--ha-color-black": "#000", + "--rgb-codemirror-attribute": "199,146,234", + "--ha-color-surface-lower-inverted": "", + "--ha-color-fill-success-normal-hover": "#0a3a1d", + "--ha-space-13": "52px", + "--state-sun-below_horizon-color": "#3f51b5", + "--app-theme-color": "#1c1c1c", + "--color-47": "#8cd2ce", + "--wa-form-control-padding-block": ".75em", + "--ha-color-fill-success-normal-resting": "#052310", + "--wa-font-size-l": "calc(16px * 1)", + "--rgb-info-color": "3, 155, 229", + "--state-lawn_mower-active-color": "#009688", + "--ha-color-fill-success-loud-active": "#036730", + "--codemirror-keyword": "#c792ea", + "--ha-color-green-05": "#031608", + "--ha-color-neutral-20": "#363636", + "--rgb-codemirror-keyword": "199,146,234", + "--ha-color-fill-warning-normal-active": "#3b0f00", + "--rgb-input-fill-color": "255,255,255", + "--rgb-secondary-text-color": "155,155,155", + "--state-binary_sensor-carbon_monoxide-on-color": "#f44336", + "--sidebar-icon-color": "rgba(225,225,225, .6)", + "--energy-battery-out-color": "#4db6ac", + "--color-41": "#d06800", + "--margin-title-rtl": "0 24px 0 0", + "--ha-color-border-success-loud": "#036730", + "--ha-color-fill-warning-loud-active": "#9d3800", + "--ha-color-fill-disabled-loud-resting": "#4a4a4a", + "--ha-space-1": "4px", + "--mdc-checkbox-disabled-color": "#6f6f6f", + "--ha-space-3": "12px", + "--ha-color-neutral-50": "#7a7a7a", + "--state-binary_sensor-heat-on-color": "#f44336", + "--rgb-primary-color": "0, 154, 199", + "--red-color": "#f44336", + "--ha-color-green-95": "#e3f9e3", + "--state-alarm_control_panel-armed_custom_bypass-color": "#4caf50", + "--wa-color-text-normal": "#e1e1e1", + "--ha-space-5": "20px", + "--rgb-success-color": "67, 160, 71", + "--ha-color-orange-10": "#3b0f00", + "--color-30": "#bf3947", + "--state-weather-pouring-color": "#3f51b5", + "--ha-color-fill-neutral-loud-hover": "#b1b1b1", + "--state-unavailable-color": "#6f6f6f", + "--wa-color-brand-fill-quiet": "#002e3e", + "--ha-color-orange-90": "#ffe0c8", + "--state-binary_sensor-tamper-on-color": "#f44336", + "--ha-color-fill-disabled-normal-resting": "#363636", + "--mdc-text-field-disabled-line-color": "#ffffff0f", + "--wa-space-m": "16px", + "--ha-line-height-condensed": "1.2", + "--wa-form-control-background-color": "", + "--state-device_tracker-active-color": "#2196f3", + "--input-hover-line-color": "#ffffffde", + "--ha-font-size-xl": "calc(20px * 1)", + "--ha-color-border-neutral-normal": "#7a7a7a", + "--wa-border-width-s": "1px", + "--color-49": "#f883b0", + "--wa-shadow-l": "0 6px 12px -3px #0006, 0 16px 32px -6px #0000008c", + "--wa-font-size-m": "calc(14px * 1)", + "--ha-font-weight-medium": "500", + "--rgb-outline-color": "225,225,225", + "--state-vacuum-active-color": "#009688", + "--rgb-secondary-background-color": "40,40,40", + "--ha-color-fill-disabled-quiet-resting": "#202020", + "--mdc-text-field-outlined-idle-border-color": "#ffffff61", + "--ha-border-radius-3xl": "24px", + "--color-48": "#c4b8d9", + "--ha-color-border-danger-normal": "#dc3146", + "--accent-color": "#ff9800", + "--outline-hover-color": "#e1e1e13d", + "--ha-color-on-disabled-normal": "#7a7a7a", + "--ha-font-size-l": "calc(16px * 1)", + "--color-38": "#9d7a00", + "--state-weather-partlycloudy-color": "#607d8b", + "--ha-color-orange-80": "#ffbb89", + "--wa-border-radius-m": "8px", + "--state-binary_sensor-glass_break-on-color": "#f44336", + "--deep-orange-color": "#ff6f22", + "--codemirror-string-2": "#f07178", + "--ha-color-form-background-disabled": "#363636", + "--wa-color-success-border-loud": "#036730", + "--ha-color-orange-95": "#fff0e4", + "--rgb-scrollbar-thumb-color": "110,110,110", + "--mdc-theme-error": "#db4437", + "--ha-color-primary-90": "#dff3fc", + "--ha-color-border-neutral-loud": "#b1b1b1", + "--state-weather-fog-color": "#9e9e9e", + "--color-40": "#00d27e", + "--rgb-input-disabled-fill-color": "255,255,255", + "--wa-space-xl": "32px", + "--secondary-text-color": "#9b9b9b", + "--rgb-codemirror-tag": "255,83,112", + "--error-color": "#db4437", + "--state-weather-snowy-color": "#c0e0ff", + "--mdc-dialog-scroll-divider-color": "#e1e1e11f", + "--ha-font-weight-bold": "700", + "--ha-space-12": "48px", + "--wa-border-radius-l": "12px", + "--wa-color-danger-fill-loud": "#b30532", + "--state-alarm_control_panel-armed_vacation-color": "#4caf50", + "--color-22": "#8fe9d3", + "--color-16": "#8043ce", + "--rgb-codemirror-string-2": "240,113,120", + "--ha-color-red-50": "#dc3146", + "--mdc-select-outlined-hover-border-color": "#ffffffde", + "--ha-color-surface-default": "#202020", + "--wa-border-style": "solid", + "--app-header-background-color": "#1c1c1c", + "--card-background-color": "#1c1c1c", + "--state-alert-off-color": "#ff9800", + "--mdc-theme-on-surface": "#e1e1e1", + "--ha-color-border-success-normal": "#5dc36f", + "--state-binary_sensor-smoke-on-color": "#f44336", + "--label-badge-text-color": "rgba(225,225,225, .8)", + "--state-climate-cool-color": "#2196f3", + "--wa-color-warning-on-normal": "#f36d00", + "--mdc-text-field-outlined-hover-border-color": "#ffffffde", + "--color-21": "#ff957c", + "--indigo-color": "#3f51b5", + "--wa-focus-ring-color": "#989898", + "--mdc-radio-disabled-color": "#6f6f6f", + "--color-13": "#49a28f", + "--state-alarm_control_panel-armed_home-color": "#4caf50", + "--ha-color-text-link": "#37c8fd", + "--ha-button-neutral-color": "#d9dae0", + "--rgb-codemirror-type": "222,203,107", + "--mdc-select-fill-color": "#ffffff0d", + "--ha-color-fill-primary-quiet-hover": "#002e3e", + "--ha-color-fill-danger-quiet-resting": "#2a040b", + "--label-badge-grey": "#9e9e9e", + "--wa-transition-fast": "1ms", + "--label-badge-yellow": "#ffa600", + "--data-table-background-color": "#1c1c1c", + "--state-icon-error-color": "#db4437", + "--color-39": "#698cff", + "--rgb-input-idle-line-color": "255,255,255", + "--ha-box-shadow-s": "0 1px 2px 0 #0006, 0 1px 3px 0 #00000080", + "--ha-border-radius-2xl": "20px", + "--wa-shadow-m": "0 3px 6px -1px #00000059, 0 8px 16px -2px #00000073", + "--color-14": "#048732", + "--color-31": "#9f5b00", + "--ha-animation-duration-slow": "1ms", + "--ha-font-smoothing": "antialiased", + "--ha-color-surface-low": "#141414", + "--color-20": "#ffd444", + "--ha-color-fill-warning-quiet-resting": "#280700", + "--wa-border-width-m": "2px", + "--ha-color-green-90": "#c2f2c1", + "--state-lawn_mower-error-color": "#f44336", + "--mdc-select-idle-line-color": "#ffffff6b", + "--color-23": "#62cc71", + "--mdc-select-hover-line-color": "#ffffffde", + "--ha-dialog-scrim-backdrop-filter": "brightness(68%)", + "--safe-area-inset-right": "0px", + "--clear-background-color": "#111", + "--state-lock-unlocking-color": "#ff9800", + "--state-sun-above_horizon-color": "#ffc107", + "--ha-animation-duration-none": "1ms", + "--color-7": "#9c6b4e", + "--light-primary-color": "#b3e5fc", + "--state-lock-opening-color": "#ff9800", + "--wa-form-control-toggle-size": "20px", + "--ha-color-fill-danger-normal-resting": "#3e0913", + "--mdc-theme-on-primary": "#fff", + "--input-outlined-hover-border-color": "#ffffffde", + "--chip-background-color": "rgba(225,225,225, .15)", + "--rgb-shadow-color": "0,0,0", + "--ha-color-on-surface-default": "#f3f3f3", + "--ha-color-on-success-quiet": "#5dc36f", + "--md-list-item-label-text-font": "Roboto, Noto, sans-serif", + "--ha-color-red-90": "#ffdedc", + "--rgb-input-label-ink-color": "255,255,255", + "--input-ink-color": "#ffffffde", + "--direction": "ltr", + "--rgb-card-background-color": "28,28,28", + "--float-start": "left", + "--light-secondary-opacity": ".7", + "--ha-space-2": "8px", + "--ha-color-fill-primary-loud-hover": "#006787", + "--md-list-item-trailing-supporting-text-font": "Roboto, Noto, sans-serif", + "--slider-track-color": "#6e6e6e", + "--ha-color-red-10": "#3e0913", + "--safe-area-offset-left": "calc(max(0px - 0px, 0px) / 2)", + "--wa-color-neutral-on-loud": "#fff", + "--ha-color-surface-lower": "#000", + "--text-primary-color": "#fff", + "--ha-font-family-longform": "ui-sans-serif, system-ui, sans-serif", + "--light-divider-opacity": ".12", + "--state-weather-lightning_rainy-color": "#cddc39", + "--ha-border-radius-square": "0", + "--safe-area-offset-bottom": "calc(max(0px - 0px, 0px) / 2)", + "--wa-font-weight-action": "500", + "--ha-color-on-neutral-loud": "#fff", + "--wa-color-success-fill-loud": "#036730", + "--primary-text-color": "#e1e1e1", + "--info-color": "#039be5", + "--color-54": "#4269d0", + "--teal-color": "#009688", + "--color-12": "#d84f3e", + "--ha-color-fill-warning-loud-hover": "#7e2900", + "--pink-color": "#e91e63", + "--wa-form-control-border-style": "solid", + "--ha-color-border-warning-loud": "#c94e00", + "--light-disabled-opacity": ".3", + "--mdc-select-disabled-ink-color": "#ffffff5e", + "--mdc-theme-text-icon-on-background": "#9b9b9b", + "--wa-color-success-border-quiet": "#c2f2c1", + "--wa-color-success-on-normal": "#00ac49", + "--wa-space-l": "24px", + "--ha-space-18": "72px", + "--rgb-primary-text-color": "225,225,225", + "--wa-border-width-l": "3px", + "--ha-color-neutral-10": "#202020", + "--state-person-active-color": "#2196f3", + "--ha-box-shadow-m": "0 3px 6px -1px #00000059, 0 8px 16px -2px #00000073", + "--ha-color-border-danger-quiet": "#ffdedc", + "--app-header-text-color": "#e1e1e1", + "--ha-color-orange-30": "#7e2900", + "--ha-color-surface-default-inverted": "#fff", + "--ha-color-fill-danger-loud-hover": "#8a132c", + "--wa-shadow-s": "0 1px 2px 0 #0006, 0 1px 3px 0 #00000080", + "--ha-color-neutral-70": "#b1b1b1", + "--color-43": "#c49200", + "--dark-primary-color": "#0288d1", + "--rgb-input-hover-line-color": "255,255,255", + "--ha-color-green-40": "#036730", + "--color-1": "#4269d0", + "--dark-grey-color": "#606060", + "--rgb-error-color": "219, 68, 55", + "--ha-color-fill-neutral-normal-hover": "#363636", + "--rgb-codemirror-def": "130,170,255", + "--rgb-codemirror-string": "195,232,141", + "--rgb-codemirror-builtin": "255,203,107", + "--ha-color-border-primary-loud": "#009ac7", + "--wa-color-danger-on-quiet": "#fd8f90", + "--state-binary_sensor-gas-on-color": "#f44336", + "--grey-color": "#9e9e9e", + "--mdc-theme-text-hint-on-background": "#9b9b9b", + "--wa-color-danger-fill-normal": "#3e0913", + "--state-binary_sensor-moisture-on-color": "#f44336", + "--yellow-color": "#ffeb3b" + } + }, + "assets": { + "/frontend_latest/app.d6c28fc2e48aeea4.js": { + "sha256": "7b0d03a0c75c971cd3084c988430c512414209ca2c8bba8d506724d3be2827ec", + "bytes": 577102 + }, + "/frontend_latest/79871.0cd7505014fef7fb.js": { + "sha256": "3a613295ac4ee48fc19ddadff4baa1c147e98108731f224d1d640906e5b1df65", + "bytes": 8829 + }, + "/frontend_latest/57539.27d7cefd99dace6a.js": { + "sha256": "8be1aa5585c10687ef9b740ca03edbd7d03f2dce527d98bcb392bf98c2a27a9f", + "bytes": 30004 + }, + "/frontend_latest/54353.5437d2f3817bda05.js": { + "sha256": "46837596efa4541d206731639acd701c312dc4e256dbbe1b47f490023d26fd35", + "bytes": 28665 + }, + "/frontend_latest/40523.1e09f4c93f125c24.js": { + "sha256": "926458359cfc4067dea446422401e81fcc82e9e2a127c7c066a48bb1dfe2acb8", + "bytes": 14720 + }, + "/frontend_latest/37532.79d0d1bb37c67bc0.js": { + "sha256": "4a73e707cfcacda888e13fc3dd8a849e78b9f987ef7c5f006ee4624ce0f70f38", + "bytes": 7382 + }, + "/frontend_latest/9287.09045b2bbbaec3ff.js": { + "sha256": "458ff250f1f58d0f3353e5e4db02ecd81c18d5118da63784e4460ad350f0479b", + "bytes": 16586 + }, + "/frontend_latest/83083.fe45ed5de283dceb.js": { + "sha256": "c0387a9445b6540bdbb9248fa7f36654d6efbbd4822b14d77ee1257ce0f2653c", + "bytes": 26848 + }, + "/frontend_latest/8099.739711f91e051b08.js": { + "sha256": "085891bfde6d7bcc99feee1d23bd218811559da0524fbd716a341834729f5610", + "bytes": 24201 + }, + "/frontend_latest/24519.eb7116b32c634736.js": { + "sha256": "bfc6f1fc208db0980494f7fce3d7cf66fdb56b49b7aebe6d7dc81a11f8ad0294", + "bytes": 10948 + }, + "/frontend_latest/49227.905c893829033053.js": { + "sha256": "d81915b48e9020c18239e551210bb9f688acc13ea161097b6d6b237eeb5aff97", + "bytes": 16153 + }, + "/frontend_latest/15204.4ba98d3a7e1188ba.js": { + "sha256": "af5ac046919202876888a099621d3f4ac232409a2c06e0fad53ae5ca10e9c9d7", + "bytes": 11586 + }, + "/frontend_latest/75395.cc5150b9b2a1eaab.js": { + "sha256": "8106a40d2e3422a76c07862bd704905ed7e17ce5c293ed86dc2b29cd45bddda5", + "bytes": 43325 + }, + "/frontend_latest/85803.5b2b792a7300e3b1.js": { + "sha256": "0d120e26671cf33a96ed8cb7c49d9a49d0d94510d4b799edd4bc91350509cfaa", + "bytes": 9833 + }, + "/frontend_latest/88836.82d8c061e321f700.js": { + "sha256": "f0f86b486ac1bc1a4317ab31652d751442431d6c71dc4fef9132e4d784351e30", + "bytes": 20779 + }, + "/frontend_latest/41649.246763083c75df64.js": { + "sha256": "c57a1d6ad874fe05971ce2f5e2be0f64e3a64b56fd80c1d8c17a846908fe8d52", + "bytes": 5853 + }, + "/frontend_latest/54076.4e72607dd775669c.js": { + "sha256": "aed795f3496c91f8ed83d792866430784e226d71141da3a286c3db82ae139bd7", + "bytes": 334098 + }, + "/frontend_latest/51808.00d17dbc5c336819.js": { + "sha256": "c77cc7ee51ed09359b42e90a45c7b94bd5162fa9187481fd85faa8352a84152b", + "bytes": 56168 + }, + "/frontend_latest/19662.02bfe987bcf02fae.js": { + "sha256": "a961b6fc841d4d3e3ca4fab591bf737d3c6186b67ada466944f67a138d2827ea", + "bytes": 37879 + }, + "/frontend_latest/86151.a018324031dccf64.js": { + "sha256": "b066cb7d0b813ba3963068c795c83b667e1623743ffe8116aeca52620e8237cc", + "bytes": 21981 + }, + "/frontend_latest/44518.60aafb0dd7361a8a.js": { + "sha256": "51fb962c1f10b8b55e33240aafcae94bbf08d29c11c8d4ba5e11735cc25b1963", + "bytes": 12454 + }, + "/frontend_latest/53047.2ff52aed1ea1d58d.js": { + "sha256": "a07fa2ea375bbc9d9c48d9f23cc41c9021d93bdb8b1fd85f2d473c32722b8e04", + "bytes": 22445 + }, + "/frontend_latest/53224.cf6a4ce6a1632ae3.js": { + "sha256": "159d3c58f915157201dbeb8a03bd85627bd132e86d62a157dfd14fc512e0d114", + "bytes": 22424 + }, + "/frontend_latest/27885.b2722f12c8ea5f0d.js": { + "sha256": "9b50005b75b8ae380f82ac4b152acd05b93fa6f63b72db015a76f7e1a634634e", + "bytes": 14763 + }, + "/frontend_latest/91441.f4e291d27370bd0e.js": { + "sha256": "6cb720571975c708cb319a6edaf59add5976981b71e6f9a2deff4f5f51f12b05", + "bytes": 9318 + }, + "/frontend_latest/23322.127ad1a39e017ad1.js": { + "sha256": "b75ec9e8e58297341494a01cb136719ad2ade2ef581dce65dce3fcd4d22e5b74", + "bytes": 15104 + }, + "/frontend_latest/2066.619086da7335e894.js": { + "sha256": "9fa71dd59b3d55070ecd5e1a54d20cff4662f77d3216403e2288738647fcd517", + "bytes": 14652 + }, + "/frontend_latest/17332.cfc44d92e55e41b1.js": { + "sha256": "e4774bb25ac5042926b065e281949267503b1764d88f2a96218a5209f9006948", + "bytes": 14891 + }, + "/frontend_latest/4274.9a41952ea24b0c35.js": { + "sha256": "44379e6950a12f261bb118e88bc81694308ea6e807965acd8a68552da0bf8886", + "bytes": 14848 + }, + "/frontend_latest/65819.c67beedb2569fde2.js": { + "sha256": "3b849b691fc05ffcf8b0275bacafb417d9ca2df774638d431a6022c3617fb78b", + "bytes": 14389 + }, + "/frontend_latest/38402.e30322de1fd7e232.js": { + "sha256": "a04e3e4608e892f4b2dc44e2a4c3279170c94c352523764546fb1b9aa4268634", + "bytes": 20205 + }, + "/frontend_latest/90488.1801cdc1bce0d252.js": { + "sha256": "4b42a382c681c8045a19d4f004ce9e508ea709fe9b27ef2845cbfcd103a8e43a", + "bytes": 19522 + }, + "/frontend_latest/56327.669df9212b1bbd57.js": { + "sha256": "379f817c3ef286f94fa228adea8bf2a3abbe7e9ca115a8eab9772bee1697e35b", + "bytes": 23575 + }, + "/frontend_latest/11164.4007f39963ca53fe.js": { + "sha256": "cbe80d4a20c692baac50bcd2f4f25a11532722be4f3a2bc74afc36fc0e87d251", + "bytes": 13671 + }, + "/frontend_latest/63105.5db3fbaa75461e58.js": { + "sha256": "ff7a67cfa7f9a8262c33e13ba9bb54ac0e38727ff88eb464d93d620aa6a97b4d", + "bytes": 13739 + }, + "/frontend_latest/4556.3b8bc343b186ac7f.js": { + "sha256": "ab338cdf594607256a05dec14798f81914c38c1009d5f718824be3ea22ee5702", + "bytes": 28448 + }, + "/frontend_latest/89316.4c8a52fd9476e18d.js": { + "sha256": "4a7a2d0a04ec62c54234bfbe575f3c90334f5be8dadb992271c1d4d04e5cb91b", + "bytes": 18823 + }, + "/frontend_latest/59392.7c213f7ec058e53a.js": { + "sha256": "ac168d5e749cde3f0f858b13765766f769b336f375a5296b37f3898c789db167", + "bytes": 13547 + }, + "/frontend_latest/79358.df250c7f378eb741.js": { + "sha256": "47504e1e798d1299996a11832d08c73b4ac5508d3f7cc54671f1f376ec227ea8", + "bytes": 20790 + }, + "/frontend_latest/61346.23c39a21bb727e57.js": { + "sha256": "e3bca0f2e4b1159beead5846f8dc8cac5def8038251be7509268450cb127fa6f", + "bytes": 35839 + }, + "/frontend_latest/37877.3e4fcac2e2136e85.js": { + "sha256": "acda63df1944dadb1d1021f10aa1667f88439c8d3df2185ac4167b2364e9218b", + "bytes": 12199 + }, + "/frontend_latest/58068.496636f152f989b6.js": { + "sha256": "2f60fa77098d87558e7c2ad463eb98261ec35fcf3a830030131d98c4689a5554", + "bytes": 14843 + }, + "/frontend_latest/78918.284a9604258fe27b.js": { + "sha256": "d9136df59278b2364da59b5ae4be98b6f83017ce94bcfc6f9879aae7c07a4bd0", + "bytes": 10950 + }, + "/frontend_latest/1027.26a15473845250e8.js": { + "sha256": "06f76e762bfb07360abae7abe3b1dc1ab239472c8445f131b9c41fa234366208", + "bytes": 14240 + }, + "/frontend_latest/4558.e20b3760d07801a7.js": { + "sha256": "43fa2969e6ba2676d21e0e5ae9a887e05a4857d7640c4537faaaf3a6793897a5", + "bytes": 48720 + }, + "/frontend_latest/97769.cb1c5172b385ed95.js": { + "sha256": "56d7d415776d66dda6b00c284eecb8d5284374ec43147e986fde88e3f52ce1a6", + "bytes": 12926 + }, + "/frontend_latest/64334.af08239c2ebb5f72.js": { + "sha256": "8a9bb136f5a75989c0249652d2437f71c95c56c5e57c552423bd7634ded28592", + "bytes": 62089 + }, + "/frontend_latest/89437.7a0c267598dbedf7.js": { + "sha256": "93b97f57d2103714bd6b000d84d66a6e5eb1abcb0e3d70ced5b68a778574452e", + "bytes": 31196 + }, + "/frontend_latest/84656.b37270a3ef77878d.js": { + "sha256": "b5520eaac50bef5c56bf9c34f78248bfffe859d2660b69a0c2bb092401972047", + "bytes": 35511 + }, + "/frontend_latest/30295.44550b6ede673685.js": { + "sha256": "c05dd5e1a5fadc0e367a1fdd726ba106f9b7ec2f2e9141b5f9278a34ec61d295", + "bytes": 18250 + }, + "/frontend_latest/75312.5646a5160728e6b0.js": { + "sha256": "487b478ae0fd9a627d755b3e0ebff32d4fd389db2f3e790fbe1ba7f8922d7a12", + "bytes": 13589 + }, + "/frontend_latest/8885.0d1314825734b9ba.js": { + "sha256": "f96524fc829f4ca06a65671dfb65343fc4ac5fc3a0775fc9fcdda4ec9b31ef1f", + "bytes": 10824 + }, + "/frontend_latest/84962.17ced8e504bf6331.js": { + "sha256": "c672f4824f9a91b1a349f85f1960ded234e32349dc48916ee32e3a2b1eb7b6f3", + "bytes": 12868 + }, + "/frontend_latest/50560.8660644d0f8ae049.js": { + "sha256": "8988a5ade0606c481a3febf6a572a4bd54848a7f8f03be75813e3a7b6c70fb5d", + "bytes": 26364 + }, + "/frontend_latest/38416.72b67af26ef89a66.js": { + "sha256": "b0acadf75c26ae79ef27521207f5e625b98225f4cfd627211b9054339ed3ca41", + "bytes": 15700 + }, + "/frontend_latest/32425.69983054c1ddb489.js": { + "sha256": "7bcdf7b58c77c00baf193a8b30b012d08e031682f7cd8ddbacd16e7e3c3e9c94", + "bytes": 418581 + }, + "/frontend_latest/16507.a01c0a650d7bdf12.js": { + "sha256": "3cd1825b5822cc44025ba52b950bfcba634795ff078bc4ef7bd1867bd6c8a794", + "bytes": 39680 + }, + "/frontend_latest/84956.2ab0e4e5dfbc712c.js": { + "sha256": "e5c0f30aa9c533d4a6c98f08e290080e523844d9e83323a80f186d1cd90fb0f8", + "bytes": 14278 + }, + "/frontend_latest/92811.0f15037d3b10a2c3.js": { + "sha256": "cd7255a05902ce487ea9763a06b3d3a7a2dddcaf01a068415eb0b7239a0d30ed", + "bytes": 13267 + }, + "/frontend_latest/54537.f4833c5913c76cf2.js": { + "sha256": "097d10625d7cfefcf5f45646e1abe71e189870ac62677b8ff655189ffa818d52", + "bytes": 9818 + }, + "/frontend_latest/25481.23ddd5d2ec866816.js": { + "sha256": "eff9c4785b1b13110a6c8d2dd9d06d0abb5038e05f3ee78af0144ac5cda41b4f", + "bytes": 14691 + }, + "/frontend_latest/46565.e3d80a51d865ed5c.js": { + "sha256": "5f911bddaecb5761fb312d30ee6d5c54c0729681d67a6938510743a92461bdda", + "bytes": 12790 + }, + "/frontend_latest/94121.0e44a112e95ac8c8.js": { + "sha256": "b8867abd42ff8397dfb27af640d00be262547b6dc1476bdc3a9d907b520bf020", + "bytes": 14742 + }, + "/frontend_latest/58992.1d29f9136bc3c796.js": { + "sha256": "403801a586fc76ed2c42c7a246d318cf115f9f8dc3e6b51736770fb0d27eab0d", + "bytes": 20956 + }, + "/frontend_latest/28858.17df029135a17ae3.js": { + "sha256": "cb20a7108b88881b05d9cb192f6e668bbdd02be64b5d594d3ce0caeac7439ffd", + "bytes": 12216 + }, + "/frontend_latest/47578.fba66e0739297711.js": { + "sha256": "c8f7aa9acf22e7f4d9a18a32015ee5ad62b9f383a80a96144bda5005be7c0d60", + "bytes": 27140 + }, + "/frontend_latest/90012.9945d8238ffa5a3a.js": { + "sha256": "bf1e417679e1f11a69f523da19d45b7a286f69cfff3e17a1b715081b412cde7f", + "bytes": 32550 + }, + "/frontend_latest/14883.0a68bf6c727a2e22.js": { + "sha256": "10c72f142d4b19619a223e1d67cbe3b1e5e079605903afda730c5df1f96b9ffe", + "bytes": 38920 + }, + "/frontend_latest/5496.c0eba59802d17a07.js": { + "sha256": "6d9a293389b0632626eec6f452dabf8172953aa4238f70b111aa9b43088e777e", + "bytes": 9450 + }, + "/frontend_latest/49589.23a2870d61954701.js": { + "sha256": "2fda7fb7e84778e196807fa82ba3f657f14ce335e9f8f3795b551d485a6641eb", + "bytes": 13433 + }, + "/static/locale-data/intl-displaynames/en.json": { + "sha256": "de6876c5e48244c0a6ec4a189e0c27293674bfb8fda6fe4deae4083cf319937e", + "bytes": 43298 + } + }, + "browsers": [ + { + "platform": "macos", + "architecture": "arm64", + "chromium": "156.0.8078.4", + "independentCaptures": 32, + "repeatedPngsIdentical": true + }, + { + "platform": "linux", + "architecture": "arm64", + "chromium": "156.0.8078.80", + "independentCaptures": 32, + "repeatedPngsIdentical": true + }, + { + "platform": "linux", + "architecture": "x64", + "chromium": "156.0.8078.4", + "independentCaptures": 32, + "repeatedPngsIdentical": true + } + ], + "states": [ + { + "platform": "macos", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "row-standard", + "kind": "row", + "width": 480 + }, + "measurement": { + "layout": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 200 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "items": [ + { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 72 + }, + "glyph": null, + "style": { + "display": "flex", + "gridTemplateColumns": "none", + "gap": "16px", + "padding": "12px 16px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "label": { + "box": { + "x": 40, + "y": 38, + "width": 448, + "height": 24 + }, + "glyph": { + "x": 40, + "y": 40, + "width": 169.515625, + "height": 19 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "description": { + "box": { + "x": 40, + "y": 62, + "width": 448, + "height": 20 + }, + "glyph": { + "x": 40, + "y": 64, + "width": 58.6875, + "height": 16 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(94, 94, 94)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "leading": null, + "command": null + }, + { + "surface": { + "box": { + "x": 24, + "y": 96, + "width": 480, + "height": 72 + }, + "glyph": null, + "style": { + "display": "flex", + "gridTemplateColumns": "none", + "gap": "16px", + "padding": "12px 16px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "label": { + "box": { + "x": 40, + "y": 110, + "width": 448, + "height": 24 + }, + "glyph": { + "x": 40, + "y": 112, + "width": 128.09375, + "height": 19 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "description": { + "box": { + "x": 40, + "y": 134, + "width": 448, + "height": 20 + }, + "glyph": { + "x": 40, + "y": 136, + "width": 80.765625, + "height": 16 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(94, 94, 94)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "leading": null, + "command": null + }, + { + "surface": { + "box": { + "x": 24, + "y": 168, + "width": 480, + "height": 56 + }, + "glyph": null, + "style": { + "display": "flex", + "gridTemplateColumns": "none", + "gap": "16px", + "padding": "12px 16px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "label": { + "box": { + "x": 40, + "y": 184, + "width": 448, + "height": 24 + }, + "glyph": { + "x": 40, + "y": 186, + "width": 116.0625, + "height": 19 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "description": null, + "leading": null, + "command": null + } + ] + }, + "image": { + "path": "tests/storybook/reference/ha-layout/macos-arm64/light-row-standard.png", + "sha256": "edc9c51aeb2b384e5a6166a33382646b853cd0fb37d7dc11b6879f4afdf7ee0a" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "row-actions", + "kind": "row", + "width": 480, + "actions": true + }, + "measurement": { + "layout": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 72 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "items": [ + { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 72 + }, + "glyph": null, + "style": { + "display": "flex", + "gridTemplateColumns": "none", + "gap": "16px", + "padding": "12px 16px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "label": { + "box": { + "x": 72, + "y": 38, + "width": 321.421875, + "height": 24 + }, + "glyph": { + "x": 72, + "y": 40, + "width": 169.515625, + "height": 19 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "description": { + "box": { + "x": 72, + "y": 62, + "width": 321.421875, + "height": 20 + }, + "glyph": { + "x": 72, + "y": 64, + "width": 58.6875, + "height": 16 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(94, 94, 94)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "leading": { + "box": { + "x": 40, + "y": 52, + "width": 16, + "height": 16 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(94, 94, 94)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "command": { + "box": { + "x": 409.421875, + "y": 40, + "width": 78.578125, + "height": 40 + }, + "glyph": null, + "style": { + "display": "inline-flex", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px 16px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(0, 154, 199)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + } + } + ] + }, + "image": { + "path": "tests/storybook/reference/ha-layout/macos-arm64/light-row-actions.png", + "sha256": "11365a8efeb8dad5f4e7307d5633b9f630a3f93c67c1307691640321a986b149" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "row-wrapped", + "kind": "row", + "width": 300, + "wrapped": true + }, + "measurement": { + "layout": { + "box": { + "x": 24, + "y": 24, + "width": 300, + "height": 92 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "items": [ + { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 300, + "height": 92 + }, + "glyph": null, + "style": { + "display": "flex", + "gridTemplateColumns": "none", + "gap": "16px", + "padding": "12px 16px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "label": { + "box": { + "x": 40, + "y": 36, + "width": 268, + "height": 48 + }, + "glyph": { + "x": 40, + "y": 38, + "width": 259.34375, + "height": 43 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "description": { + "box": { + "x": 40, + "y": 84, + "width": 268, + "height": 20 + }, + "glyph": { + "x": 40, + "y": 86, + "width": 202.015625, + "height": 16 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(94, 94, 94)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "leading": null, + "command": null + } + ] + }, + "image": { + "path": "tests/storybook/reference/ha-layout/macos-arm64/light-row-wrapped.png", + "sha256": "29d7f9f4a47550af0a4faa1b3496906deb88d30d30899658b6be48be006f2c1f" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "row-rtl", + "kind": "row", + "width": 300, + "dir": "rtl" + }, + "measurement": { + "layout": { + "box": { + "x": 24, + "y": 24, + "width": 300, + "height": 128 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "items": [ + { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 300, + "height": 72 + }, + "glyph": null, + "style": { + "display": "flex", + "gridTemplateColumns": "none", + "gap": "16px", + "padding": "12px 16px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "label": { + "box": { + "x": 40, + "y": 38, + "width": 268, + "height": 24 + }, + "glyph": { + "x": 199.921875, + "y": 40, + "width": 108.078125, + "height": 19 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "description": { + "box": { + "x": 40, + "y": 62, + "width": 268, + "height": 20 + }, + "glyph": { + "x": 203.046875, + "y": 64, + "width": 104.953125, + "height": 16 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(94, 94, 94)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "leading": null, + "command": null + }, + { + "surface": { + "box": { + "x": 24, + "y": 96, + "width": 300, + "height": 56 + }, + "glyph": null, + "style": { + "display": "flex", + "gridTemplateColumns": "none", + "gap": "16px", + "padding": "12px 16px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "label": { + "box": { + "x": 40, + "y": 112, + "width": 268, + "height": 24 + }, + "glyph": { + "x": 225.828125, + "y": 114, + "width": 82.171875, + "height": 19 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "description": null, + "leading": null, + "command": null + } + ] + }, + "image": { + "path": "tests/storybook/reference/ha-layout/macos-arm64/light-row-rtl.png", + "sha256": "6a6b428f1e82eb51a86aa2d4daae44515ea0158e4de3100a1b90bdd81ff8aafd" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "grid-three", + "kind": "grid", + "width": 480, + "columns": 3 + }, + "measurement": { + "layout": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "grid", + "gridTemplateColumns": "154.656px 154.672px 154.672px", + "gap": "8px", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "items": [ + { + "cell": { + "box": { + "x": 24, + "y": 24, + "width": 154.65625, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 24, + "y": 24, + "width": 154.65625, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "1px solid rgba(0, 0, 0, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(255, 255, 255)" + } + } + }, + { + "cell": { + "box": { + "x": 186.65625, + "y": 24, + "width": 154.671875, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 186.65625, + "y": 24, + "width": 154.671875, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "1px solid rgba(0, 0, 0, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(255, 255, 255)" + } + } + }, + { + "cell": { + "box": { + "x": 349.328125, + "y": 24, + "width": 154.671875, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 349.328125, + "y": 24, + "width": 154.671875, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "1px solid rgba(0, 0, 0, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(255, 255, 255)" + } + } + } + ] + }, + "image": { + "path": "tests/storybook/reference/ha-layout/macos-arm64/light-grid-three.png", + "sha256": "d3fe5e33c5912ab0a57d4e3cf47e6e692c5b6683a4f471e80ee744b4f2a0fd05" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "grid-narrow", + "kind": "grid", + "width": 300, + "columns": 1, + "responsive": true + }, + "measurement": { + "layout": { + "box": { + "x": 24, + "y": 24, + "width": 300, + "height": 331.5625 + }, + "glyph": null, + "style": { + "display": "grid", + "gridTemplateColumns": "300px", + "gap": "8px", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "items": [ + { + "cell": { + "box": { + "x": 24, + "y": 24, + "width": 300, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 24, + "y": 24, + "width": 300, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "1px solid rgba(0, 0, 0, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(255, 255, 255)" + } + } + }, + { + "cell": { + "box": { + "x": 24, + "y": 137.1875, + "width": 300, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 24, + "y": 137.1875, + "width": 300, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "1px solid rgba(0, 0, 0, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(255, 255, 255)" + } + } + }, + { + "cell": { + "box": { + "x": 24, + "y": 250.375, + "width": 300, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 24, + "y": 250.375, + "width": 300, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "1px solid rgba(0, 0, 0, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(255, 255, 255)" + } + } + } + ] + }, + "image": { + "path": "tests/storybook/reference/ha-layout/macos-arm64/light-grid-narrow.png", + "sha256": "79f5f9b0e1238c872da2cd65a1ee66b449032aae3de5599f7712bafa2f21f16e" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "grid-rtl", + "kind": "grid", + "width": 480, + "columns": 2, + "dir": "rtl", + "gap": 16 + }, + "measurement": { + "layout": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 226.375 + }, + "glyph": null, + "style": { + "display": "grid", + "gridTemplateColumns": "232px 232px", + "gap": "16px", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "items": [ + { + "cell": { + "box": { + "x": 272, + "y": 24, + "width": 232, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 272, + "y": 24, + "width": 232, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(20, 20, 20)", + "border": "1px solid rgba(0, 0, 0, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(255, 255, 255)" + } + } + }, + { + "cell": { + "box": { + "x": 24, + "y": 24, + "width": 232, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 24, + "y": 24, + "width": 232, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(20, 20, 20)", + "border": "1px solid rgba(0, 0, 0, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(255, 255, 255)" + } + } + }, + { + "cell": { + "box": { + "x": 272, + "y": 145.1875, + "width": 232, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 272, + "y": 145.1875, + "width": 232, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(20, 20, 20)", + "border": "1px solid rgba(0, 0, 0, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(255, 255, 255)" + } + } + } + ] + }, + "image": { + "path": "tests/storybook/reference/ha-layout/macos-arm64/light-grid-rtl.png", + "sha256": "b86d4f5284d7fa9e6df6de03bb82e2301f372e3f8a45bf38b8f9a17fa7b129ee" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "grid-square", + "kind": "grid", + "width": 480, + "columns": 3, + "square": true + }, + "measurement": { + "layout": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 154.65625 + }, + "glyph": null, + "style": { + "display": "grid", + "gridTemplateColumns": "154.656px 154.672px 154.672px", + "gap": "8px", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "items": [ + { + "cell": { + "box": { + "x": 24, + "y": 24, + "width": 154.65625, + "height": 154.65625 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 24, + "y": 24, + "width": 154.65625, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "1px solid rgba(0, 0, 0, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(255, 255, 255)" + } + } + }, + { + "cell": { + "box": { + "x": 186.65625, + "y": 24, + "width": 154.671875, + "height": 154.65625 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 186.65625, + "y": 24, + "width": 154.671875, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "1px solid rgba(0, 0, 0, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(255, 255, 255)" + } + } + }, + { + "cell": { + "box": { + "x": 349.328125, + "y": 24, + "width": 154.671875, + "height": 154.65625 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 349.328125, + "y": 24, + "width": 154.671875, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "1px solid rgba(0, 0, 0, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(255, 255, 255)" + } + } + } + ] + }, + "image": { + "path": "tests/storybook/reference/ha-layout/macos-arm64/light-grid-square.png", + "sha256": "57afc57cc45a0a422b872b66c954475ebf066ecec67bb02b0eea1fcc593655a6" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "row-standard", + "kind": "row", + "width": 480 + }, + "measurement": { + "layout": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 200 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "items": [ + { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 72 + }, + "glyph": null, + "style": { + "display": "flex", + "gridTemplateColumns": "none", + "gap": "16px", + "padding": "12px 16px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "label": { + "box": { + "x": 40, + "y": 38, + "width": 448, + "height": 24 + }, + "glyph": { + "x": 40, + "y": 40, + "width": 169.515625, + "height": 19 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "description": { + "box": { + "x": 40, + "y": 62, + "width": 448, + "height": 20 + }, + "glyph": { + "x": 40, + "y": 64, + "width": 58.6875, + "height": 16 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(155, 155, 155)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "leading": null, + "command": null + }, + { + "surface": { + "box": { + "x": 24, + "y": 96, + "width": 480, + "height": 72 + }, + "glyph": null, + "style": { + "display": "flex", + "gridTemplateColumns": "none", + "gap": "16px", + "padding": "12px 16px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "label": { + "box": { + "x": 40, + "y": 110, + "width": 448, + "height": 24 + }, + "glyph": { + "x": 40, + "y": 112, + "width": 128.09375, + "height": 19 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "description": { + "box": { + "x": 40, + "y": 134, + "width": 448, + "height": 20 + }, + "glyph": { + "x": 40, + "y": 136, + "width": 80.765625, + "height": 16 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(155, 155, 155)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "leading": null, + "command": null + }, + { + "surface": { + "box": { + "x": 24, + "y": 168, + "width": 480, + "height": 56 + }, + "glyph": null, + "style": { + "display": "flex", + "gridTemplateColumns": "none", + "gap": "16px", + "padding": "12px 16px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "label": { + "box": { + "x": 40, + "y": 184, + "width": 448, + "height": 24 + }, + "glyph": { + "x": 40, + "y": 186, + "width": 116.0625, + "height": 19 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "description": null, + "leading": null, + "command": null + } + ] + }, + "image": { + "path": "tests/storybook/reference/ha-layout/macos-arm64/dark-row-standard.png", + "sha256": "51aae21ccf993826f835aaa003b30f92c55b7f636825a25ec5a7800634362f89" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "row-actions", + "kind": "row", + "width": 480, + "actions": true + }, + "measurement": { + "layout": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 72 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "items": [ + { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 72 + }, + "glyph": null, + "style": { + "display": "flex", + "gridTemplateColumns": "none", + "gap": "16px", + "padding": "12px 16px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "label": { + "box": { + "x": 72, + "y": 38, + "width": 321.421875, + "height": 24 + }, + "glyph": { + "x": 72, + "y": 40, + "width": 169.515625, + "height": 19 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "description": { + "box": { + "x": 72, + "y": 62, + "width": 321.421875, + "height": 20 + }, + "glyph": { + "x": 72, + "y": 64, + "width": 58.6875, + "height": 16 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(155, 155, 155)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "leading": { + "box": { + "x": 40, + "y": 52, + "width": 16, + "height": 16 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(155, 155, 155)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "command": { + "box": { + "x": 409.421875, + "y": 40, + "width": 78.578125, + "height": 40 + }, + "glyph": null, + "style": { + "display": "inline-flex", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px 16px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(55, 200, 253)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + } + } + ] + }, + "image": { + "path": "tests/storybook/reference/ha-layout/macos-arm64/dark-row-actions.png", + "sha256": "af823af72834db88233f8aa95ba4b71450d2b6dc398e1948d46a976848fe2934" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "row-wrapped", + "kind": "row", + "width": 300, + "wrapped": true + }, + "measurement": { + "layout": { + "box": { + "x": 24, + "y": 24, + "width": 300, + "height": 92 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "items": [ + { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 300, + "height": 92 + }, + "glyph": null, + "style": { + "display": "flex", + "gridTemplateColumns": "none", + "gap": "16px", + "padding": "12px 16px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "label": { + "box": { + "x": 40, + "y": 36, + "width": 268, + "height": 48 + }, + "glyph": { + "x": 40, + "y": 38, + "width": 259.34375, + "height": 43 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "description": { + "box": { + "x": 40, + "y": 84, + "width": 268, + "height": 20 + }, + "glyph": { + "x": 40, + "y": 86, + "width": 202.015625, + "height": 16 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(155, 155, 155)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "leading": null, + "command": null + } + ] + }, + "image": { + "path": "tests/storybook/reference/ha-layout/macos-arm64/dark-row-wrapped.png", + "sha256": "02bc858fa128e83513eea1b3d72fa56bd6855de353fc3d9d2a2f277772e8a981" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "row-rtl", + "kind": "row", + "width": 300, + "dir": "rtl" + }, + "measurement": { + "layout": { + "box": { + "x": 24, + "y": 24, + "width": 300, + "height": 128 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "items": [ + { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 300, + "height": 72 + }, + "glyph": null, + "style": { + "display": "flex", + "gridTemplateColumns": "none", + "gap": "16px", + "padding": "12px 16px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "label": { + "box": { + "x": 40, + "y": 38, + "width": 268, + "height": 24 + }, + "glyph": { + "x": 199.921875, + "y": 40, + "width": 108.078125, + "height": 19 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "description": { + "box": { + "x": 40, + "y": 62, + "width": 268, + "height": 20 + }, + "glyph": { + "x": 203.046875, + "y": 64, + "width": 104.953125, + "height": 16 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(155, 155, 155)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "leading": null, + "command": null + }, + { + "surface": { + "box": { + "x": 24, + "y": 96, + "width": 300, + "height": 56 + }, + "glyph": null, + "style": { + "display": "flex", + "gridTemplateColumns": "none", + "gap": "16px", + "padding": "12px 16px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "label": { + "box": { + "x": 40, + "y": 112, + "width": 268, + "height": 24 + }, + "glyph": { + "x": 225.828125, + "y": 114, + "width": 82.171875, + "height": 19 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "description": null, + "leading": null, + "command": null + } + ] + }, + "image": { + "path": "tests/storybook/reference/ha-layout/macos-arm64/dark-row-rtl.png", + "sha256": "e11186e94706a6fe68c78352e0c796d15fbe28981e0762fd8108627c0204fa44" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "grid-three", + "kind": "grid", + "width": 480, + "columns": 3 + }, + "measurement": { + "layout": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "grid", + "gridTemplateColumns": "154.656px 154.672px 154.672px", + "gap": "8px", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "items": [ + { + "cell": { + "box": { + "x": 24, + "y": 24, + "width": 154.65625, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 24, + "y": 24, + "width": 154.65625, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "1px solid rgba(225, 225, 225, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(28, 28, 28)" + } + } + }, + { + "cell": { + "box": { + "x": 186.65625, + "y": 24, + "width": 154.671875, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 186.65625, + "y": 24, + "width": 154.671875, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "1px solid rgba(225, 225, 225, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(28, 28, 28)" + } + } + }, + { + "cell": { + "box": { + "x": 349.328125, + "y": 24, + "width": 154.671875, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 349.328125, + "y": 24, + "width": 154.671875, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "1px solid rgba(225, 225, 225, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(28, 28, 28)" + } + } + } + ] + }, + "image": { + "path": "tests/storybook/reference/ha-layout/macos-arm64/dark-grid-three.png", + "sha256": "eae3355d5f1c279ee4501e5c642a974b1592c53cc6786840c59a504eea97a482" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "grid-narrow", + "kind": "grid", + "width": 300, + "columns": 1, + "responsive": true + }, + "measurement": { + "layout": { + "box": { + "x": 24, + "y": 24, + "width": 300, + "height": 331.5625 + }, + "glyph": null, + "style": { + "display": "grid", + "gridTemplateColumns": "300px", + "gap": "8px", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "items": [ + { + "cell": { + "box": { + "x": 24, + "y": 24, + "width": 300, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 24, + "y": 24, + "width": 300, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "1px solid rgba(225, 225, 225, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(28, 28, 28)" + } + } + }, + { + "cell": { + "box": { + "x": 24, + "y": 137.1875, + "width": 300, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 24, + "y": 137.1875, + "width": 300, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "1px solid rgba(225, 225, 225, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(28, 28, 28)" + } + } + }, + { + "cell": { + "box": { + "x": 24, + "y": 250.375, + "width": 300, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 24, + "y": 250.375, + "width": 300, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "1px solid rgba(225, 225, 225, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(28, 28, 28)" + } + } + } + ] + }, + "image": { + "path": "tests/storybook/reference/ha-layout/macos-arm64/dark-grid-narrow.png", + "sha256": "33284fe9b784d0d6e70d56492c439f2dbc4224aa1923fca2a2473fa48534ddc3" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "grid-rtl", + "kind": "grid", + "width": 480, + "columns": 2, + "dir": "rtl", + "gap": 16 + }, + "measurement": { + "layout": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 226.375 + }, + "glyph": null, + "style": { + "display": "grid", + "gridTemplateColumns": "232px 232px", + "gap": "16px", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "items": [ + { + "cell": { + "box": { + "x": 272, + "y": 24, + "width": 232, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 272, + "y": 24, + "width": 232, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(225, 225, 225)", + "border": "1px solid rgba(225, 225, 225, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(28, 28, 28)" + } + } + }, + { + "cell": { + "box": { + "x": 24, + "y": 24, + "width": 232, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 24, + "y": 24, + "width": 232, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(225, 225, 225)", + "border": "1px solid rgba(225, 225, 225, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(28, 28, 28)" + } + } + }, + { + "cell": { + "box": { + "x": 272, + "y": 145.1875, + "width": 232, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 272, + "y": 145.1875, + "width": 232, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(225, 225, 225)", + "border": "1px solid rgba(225, 225, 225, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(28, 28, 28)" + } + } + } + ] + }, + "image": { + "path": "tests/storybook/reference/ha-layout/macos-arm64/dark-grid-rtl.png", + "sha256": "3d6fe4a2bc6ee78b7611397ef8a384aa0b0fc904e071227021b48162573dc37e" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "grid-square", + "kind": "grid", + "width": 480, + "columns": 3, + "square": true + }, + "measurement": { + "layout": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 154.65625 + }, + "glyph": null, + "style": { + "display": "grid", + "gridTemplateColumns": "154.656px 154.672px 154.672px", + "gap": "8px", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "items": [ + { + "cell": { + "box": { + "x": 24, + "y": 24, + "width": 154.65625, + "height": 154.65625 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 24, + "y": 24, + "width": 154.65625, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "1px solid rgba(225, 225, 225, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(28, 28, 28)" + } + } + }, + { + "cell": { + "box": { + "x": 186.65625, + "y": 24, + "width": 154.671875, + "height": 154.65625 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 186.65625, + "y": 24, + "width": 154.671875, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "1px solid rgba(225, 225, 225, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(28, 28, 28)" + } + } + }, + { + "cell": { + "box": { + "x": 349.328125, + "y": 24, + "width": 154.671875, + "height": 154.65625 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 349.328125, + "y": 24, + "width": 154.671875, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "1px solid rgba(225, 225, 225, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(28, 28, 28)" + } + } + } + ] + }, + "image": { + "path": "tests/storybook/reference/ha-layout/macos-arm64/dark-grid-square.png", + "sha256": "e60524e57e26e4c6f36bf39010a83b90618e1acc3c66b6740aaf196331554c52" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "row-standard", + "kind": "row", + "width": 480 + }, + "measurement": { + "layout": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 200 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "items": [ + { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 72 + }, + "glyph": null, + "style": { + "display": "flex", + "gridTemplateColumns": "none", + "gap": "16px", + "padding": "12px 16px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "label": { + "box": { + "x": 40, + "y": 38, + "width": 448, + "height": 24 + }, + "glyph": { + "x": 40, + "y": 40, + "width": 168, + "height": 19 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "description": { + "box": { + "x": 40, + "y": 62, + "width": 448, + "height": 20 + }, + "glyph": { + "x": 40, + "y": 64, + "width": 59, + "height": 16 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(94, 94, 94)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "leading": null, + "command": null + }, + { + "surface": { + "box": { + "x": 24, + "y": 96, + "width": 480, + "height": 72 + }, + "glyph": null, + "style": { + "display": "flex", + "gridTemplateColumns": "none", + "gap": "16px", + "padding": "12px 16px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "label": { + "box": { + "x": 40, + "y": 110, + "width": 448, + "height": 24 + }, + "glyph": { + "x": 40, + "y": 112, + "width": 128, + "height": 19 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "description": { + "box": { + "x": 40, + "y": 134, + "width": 448, + "height": 20 + }, + "glyph": { + "x": 40, + "y": 136, + "width": 81, + "height": 16 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(94, 94, 94)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "leading": null, + "command": null + }, + { + "surface": { + "box": { + "x": 24, + "y": 168, + "width": 480, + "height": 56 + }, + "glyph": null, + "style": { + "display": "flex", + "gridTemplateColumns": "none", + "gap": "16px", + "padding": "12px 16px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "label": { + "box": { + "x": 40, + "y": 184, + "width": 448, + "height": 24 + }, + "glyph": { + "x": 40, + "y": 186, + "width": 115, + "height": 19 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "description": null, + "leading": null, + "command": null + } + ] + }, + "image": { + "path": "tests/storybook/reference/ha-layout/linux-arm64/light-row-standard.png", + "sha256": "bbc86e30200295bf36b6bc6ec19a40295d7a770815e9563ab39e620ae32cab28" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "row-actions", + "kind": "row", + "width": 480, + "actions": true + }, + "measurement": { + "layout": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 72 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "items": [ + { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 72 + }, + "glyph": null, + "style": { + "display": "flex", + "gridTemplateColumns": "none", + "gap": "16px", + "padding": "12px 16px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "label": { + "box": { + "x": 72, + "y": 38, + "width": 320, + "height": 24 + }, + "glyph": { + "x": 72, + "y": 40, + "width": 168, + "height": 19 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "description": { + "box": { + "x": 72, + "y": 62, + "width": 320, + "height": 20 + }, + "glyph": { + "x": 72, + "y": 64, + "width": 59, + "height": 16 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(94, 94, 94)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "leading": { + "box": { + "x": 40, + "y": 52, + "width": 16, + "height": 16 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(94, 94, 94)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "command": { + "box": { + "x": 408, + "y": 40, + "width": 80, + "height": 40 + }, + "glyph": null, + "style": { + "display": "inline-flex", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px 16px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(0, 154, 199)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + } + } + ] + }, + "image": { + "path": "tests/storybook/reference/ha-layout/linux-arm64/light-row-actions.png", + "sha256": "6174767d457bc1e39466afe5816deed9fd38f5bb607b565cd3a1d8c26bd293b4" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "row-wrapped", + "kind": "row", + "width": 300, + "wrapped": true + }, + "measurement": { + "layout": { + "box": { + "x": 24, + "y": 24, + "width": 300, + "height": 92 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "items": [ + { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 300, + "height": 92 + }, + "glyph": null, + "style": { + "display": "flex", + "gridTemplateColumns": "none", + "gap": "16px", + "padding": "12px 16px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "label": { + "box": { + "x": 40, + "y": 36, + "width": 268, + "height": 48 + }, + "glyph": { + "x": 40, + "y": 38, + "width": 258, + "height": 43 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "description": { + "box": { + "x": 40, + "y": 84, + "width": 268, + "height": 20 + }, + "glyph": { + "x": 40, + "y": 86, + "width": 200, + "height": 16 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(94, 94, 94)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "leading": null, + "command": null + } + ] + }, + "image": { + "path": "tests/storybook/reference/ha-layout/linux-arm64/light-row-wrapped.png", + "sha256": "3836736df1074e234497955a3535371c5bf724118c60a537308600f4da749865" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "row-rtl", + "kind": "row", + "width": 300, + "dir": "rtl" + }, + "measurement": { + "layout": { + "box": { + "x": 24, + "y": 24, + "width": 300, + "height": 128 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "items": [ + { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 300, + "height": 72 + }, + "glyph": null, + "style": { + "display": "flex", + "gridTemplateColumns": "none", + "gap": "16px", + "padding": "12px 16px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "label": { + "box": { + "x": 40, + "y": 38, + "width": 268, + "height": 24 + }, + "glyph": { + "x": 200, + "y": 40, + "width": 108, + "height": 19 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "description": { + "box": { + "x": 40, + "y": 62, + "width": 268, + "height": 20 + }, + "glyph": { + "x": 204, + "y": 64, + "width": 104, + "height": 16 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(94, 94, 94)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "leading": null, + "command": null + }, + { + "surface": { + "box": { + "x": 24, + "y": 96, + "width": 300, + "height": 56 + }, + "glyph": null, + "style": { + "display": "flex", + "gridTemplateColumns": "none", + "gap": "16px", + "padding": "12px 16px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "label": { + "box": { + "x": 40, + "y": 112, + "width": 268, + "height": 24 + }, + "glyph": { + "x": 225, + "y": 114, + "width": 83, + "height": 19 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "description": null, + "leading": null, + "command": null + } + ] + }, + "image": { + "path": "tests/storybook/reference/ha-layout/linux-arm64/light-row-rtl.png", + "sha256": "d14a05dd71822ea13446e4c6df98c2fb71784ff9f4b418b6a5b7b7d38dc507cf" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "grid-three", + "kind": "grid", + "width": 480, + "columns": 3 + }, + "measurement": { + "layout": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "grid", + "gridTemplateColumns": "154.656px 154.672px 154.672px", + "gap": "8px", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "items": [ + { + "cell": { + "box": { + "x": 24, + "y": 24, + "width": 154.65625, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 24, + "y": 24, + "width": 154.65625, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "1px solid rgba(0, 0, 0, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(255, 255, 255)" + } + } + }, + { + "cell": { + "box": { + "x": 186.65625, + "y": 24, + "width": 154.671875, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 186.65625, + "y": 24, + "width": 154.671875, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "1px solid rgba(0, 0, 0, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(255, 255, 255)" + } + } + }, + { + "cell": { + "box": { + "x": 349.328125, + "y": 24, + "width": 154.671875, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 349.328125, + "y": 24, + "width": 154.671875, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "1px solid rgba(0, 0, 0, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(255, 255, 255)" + } + } + } + ] + }, + "image": { + "path": "tests/storybook/reference/ha-layout/linux-arm64/light-grid-three.png", + "sha256": "ba6c1efd7dc365468a871486e79c27d69233a88d6c146b0fec4651281f5a5984" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "grid-narrow", + "kind": "grid", + "width": 300, + "columns": 1, + "responsive": true + }, + "measurement": { + "layout": { + "box": { + "x": 24, + "y": 24, + "width": 300, + "height": 331.5625 + }, + "glyph": null, + "style": { + "display": "grid", + "gridTemplateColumns": "300px", + "gap": "8px", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "items": [ + { + "cell": { + "box": { + "x": 24, + "y": 24, + "width": 300, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 24, + "y": 24, + "width": 300, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "1px solid rgba(0, 0, 0, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(255, 255, 255)" + } + } + }, + { + "cell": { + "box": { + "x": 24, + "y": 137.1875, + "width": 300, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 24, + "y": 137.1875, + "width": 300, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "1px solid rgba(0, 0, 0, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(255, 255, 255)" + } + } + }, + { + "cell": { + "box": { + "x": 24, + "y": 250.375, + "width": 300, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 24, + "y": 250.375, + "width": 300, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "1px solid rgba(0, 0, 0, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(255, 255, 255)" + } + } + } + ] + }, + "image": { + "path": "tests/storybook/reference/ha-layout/linux-arm64/light-grid-narrow.png", + "sha256": "459db6378f56951255c86b380a292b1be9161b3fe500b044492d9097ce6e7a9e" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "grid-rtl", + "kind": "grid", + "width": 480, + "columns": 2, + "dir": "rtl", + "gap": 16 + }, + "measurement": { + "layout": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 226.375 + }, + "glyph": null, + "style": { + "display": "grid", + "gridTemplateColumns": "232px 232px", + "gap": "16px", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "items": [ + { + "cell": { + "box": { + "x": 272, + "y": 24, + "width": 232, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 272, + "y": 24, + "width": 232, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(20, 20, 20)", + "border": "1px solid rgba(0, 0, 0, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(255, 255, 255)" + } + } + }, + { + "cell": { + "box": { + "x": 24, + "y": 24, + "width": 232, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 24, + "y": 24, + "width": 232, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(20, 20, 20)", + "border": "1px solid rgba(0, 0, 0, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(255, 255, 255)" + } + } + }, + { + "cell": { + "box": { + "x": 272, + "y": 145.1875, + "width": 232, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 272, + "y": 145.1875, + "width": 232, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(20, 20, 20)", + "border": "1px solid rgba(0, 0, 0, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(255, 255, 255)" + } + } + } + ] + }, + "image": { + "path": "tests/storybook/reference/ha-layout/linux-arm64/light-grid-rtl.png", + "sha256": "876e4456a9ebb8f9c2f5a02df3296035799b3a4aaf55f771b7b38e21d7a3af99" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "light", + "config": { + "name": "grid-square", + "kind": "grid", + "width": 480, + "columns": 3, + "square": true + }, + "measurement": { + "layout": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 154.65625 + }, + "glyph": null, + "style": { + "display": "grid", + "gridTemplateColumns": "154.656px 154.672px 154.672px", + "gap": "8px", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "items": [ + { + "cell": { + "box": { + "x": 24, + "y": 24, + "width": 154.65625, + "height": 154.65625 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 24, + "y": 24, + "width": 154.65625, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "1px solid rgba(0, 0, 0, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(255, 255, 255)" + } + } + }, + { + "cell": { + "box": { + "x": 186.65625, + "y": 24, + "width": 154.671875, + "height": 154.65625 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 186.65625, + "y": 24, + "width": 154.671875, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "1px solid rgba(0, 0, 0, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(255, 255, 255)" + } + } + }, + { + "cell": { + "box": { + "x": 349.328125, + "y": 24, + "width": 154.671875, + "height": 154.65625 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 349.328125, + "y": 24, + "width": 154.671875, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "1px solid rgba(0, 0, 0, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(255, 255, 255)" + } + } + } + ] + }, + "image": { + "path": "tests/storybook/reference/ha-layout/linux-arm64/light-grid-square.png", + "sha256": "243ac427d2555cb068b0379ec148a708f39e7a3b72dc759a69bb7a3b2334c778" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "row-standard", + "kind": "row", + "width": 480 + }, + "measurement": { + "layout": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 200 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "items": [ + { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 72 + }, + "glyph": null, + "style": { + "display": "flex", + "gridTemplateColumns": "none", + "gap": "16px", + "padding": "12px 16px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "label": { + "box": { + "x": 40, + "y": 38, + "width": 448, + "height": 24 + }, + "glyph": { + "x": 40, + "y": 40, + "width": 168, + "height": 19 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "description": { + "box": { + "x": 40, + "y": 62, + "width": 448, + "height": 20 + }, + "glyph": { + "x": 40, + "y": 64, + "width": 59, + "height": 16 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(155, 155, 155)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "leading": null, + "command": null + }, + { + "surface": { + "box": { + "x": 24, + "y": 96, + "width": 480, + "height": 72 + }, + "glyph": null, + "style": { + "display": "flex", + "gridTemplateColumns": "none", + "gap": "16px", + "padding": "12px 16px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "label": { + "box": { + "x": 40, + "y": 110, + "width": 448, + "height": 24 + }, + "glyph": { + "x": 40, + "y": 112, + "width": 128, + "height": 19 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "description": { + "box": { + "x": 40, + "y": 134, + "width": 448, + "height": 20 + }, + "glyph": { + "x": 40, + "y": 136, + "width": 81, + "height": 16 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(155, 155, 155)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "leading": null, + "command": null + }, + { + "surface": { + "box": { + "x": 24, + "y": 168, + "width": 480, + "height": 56 + }, + "glyph": null, + "style": { + "display": "flex", + "gridTemplateColumns": "none", + "gap": "16px", + "padding": "12px 16px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "label": { + "box": { + "x": 40, + "y": 184, + "width": 448, + "height": 24 + }, + "glyph": { + "x": 40, + "y": 186, + "width": 115, + "height": 19 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "description": null, + "leading": null, + "command": null + } + ] + }, + "image": { + "path": "tests/storybook/reference/ha-layout/linux-arm64/dark-row-standard.png", + "sha256": "e162ab9b5d6f3619803d3c835ef049aed7e8a3e7e31ff554f432479693e0fea3" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "row-actions", + "kind": "row", + "width": 480, + "actions": true + }, + "measurement": { + "layout": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 72 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "items": [ + { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 72 + }, + "glyph": null, + "style": { + "display": "flex", + "gridTemplateColumns": "none", + "gap": "16px", + "padding": "12px 16px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "label": { + "box": { + "x": 72, + "y": 38, + "width": 320, + "height": 24 + }, + "glyph": { + "x": 72, + "y": 40, + "width": 168, + "height": 19 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "description": { + "box": { + "x": 72, + "y": 62, + "width": 320, + "height": 20 + }, + "glyph": { + "x": 72, + "y": 64, + "width": 59, + "height": 16 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(155, 155, 155)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "leading": { + "box": { + "x": 40, + "y": 52, + "width": 16, + "height": 16 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(155, 155, 155)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "command": { + "box": { + "x": 408, + "y": 40, + "width": 80, + "height": 40 + }, + "glyph": null, + "style": { + "display": "inline-flex", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px 16px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(55, 200, 253)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + } + } + ] + }, + "image": { + "path": "tests/storybook/reference/ha-layout/linux-arm64/dark-row-actions.png", + "sha256": "5f6481e84f18c7865d2fe0f234e71fc75a9964c7d421fd3d38ce2f1377f11ba4" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "row-wrapped", + "kind": "row", + "width": 300, + "wrapped": true + }, + "measurement": { + "layout": { + "box": { + "x": 24, + "y": 24, + "width": 300, + "height": 92 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "items": [ + { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 300, + "height": 92 + }, + "glyph": null, + "style": { + "display": "flex", + "gridTemplateColumns": "none", + "gap": "16px", + "padding": "12px 16px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "label": { + "box": { + "x": 40, + "y": 36, + "width": 268, + "height": 48 + }, + "glyph": { + "x": 40, + "y": 38, + "width": 258, + "height": 43 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "description": { + "box": { + "x": 40, + "y": 84, + "width": 268, + "height": 20 + }, + "glyph": { + "x": 40, + "y": 86, + "width": 200, + "height": 16 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(155, 155, 155)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "leading": null, + "command": null + } + ] + }, + "image": { + "path": "tests/storybook/reference/ha-layout/linux-arm64/dark-row-wrapped.png", + "sha256": "9cae184f32e7aaafd4b978fdced34b6fdf4779ba1f6ab45dcb64ec3aa544c034" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "row-rtl", + "kind": "row", + "width": 300, + "dir": "rtl" + }, + "measurement": { + "layout": { + "box": { + "x": 24, + "y": 24, + "width": 300, + "height": 128 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "items": [ + { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 300, + "height": 72 + }, + "glyph": null, + "style": { + "display": "flex", + "gridTemplateColumns": "none", + "gap": "16px", + "padding": "12px 16px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "label": { + "box": { + "x": 40, + "y": 38, + "width": 268, + "height": 24 + }, + "glyph": { + "x": 200, + "y": 40, + "width": 108, + "height": 19 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "description": { + "box": { + "x": 40, + "y": 62, + "width": 268, + "height": 20 + }, + "glyph": { + "x": 204, + "y": 64, + "width": 104, + "height": 16 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(155, 155, 155)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "leading": null, + "command": null + }, + { + "surface": { + "box": { + "x": 24, + "y": 96, + "width": 300, + "height": 56 + }, + "glyph": null, + "style": { + "display": "flex", + "gridTemplateColumns": "none", + "gap": "16px", + "padding": "12px 16px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "label": { + "box": { + "x": 40, + "y": 112, + "width": 268, + "height": 24 + }, + "glyph": { + "x": 225, + "y": 114, + "width": 83, + "height": 19 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "description": null, + "leading": null, + "command": null + } + ] + }, + "image": { + "path": "tests/storybook/reference/ha-layout/linux-arm64/dark-row-rtl.png", + "sha256": "87849f6d8b913cc790ed779e5b6417fec87e531657217b501abf3656333fc00b" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "grid-three", + "kind": "grid", + "width": 480, + "columns": 3 + }, + "measurement": { + "layout": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "grid", + "gridTemplateColumns": "154.656px 154.672px 154.672px", + "gap": "8px", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "items": [ + { + "cell": { + "box": { + "x": 24, + "y": 24, + "width": 154.65625, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 24, + "y": 24, + "width": 154.65625, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "1px solid rgba(225, 225, 225, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(28, 28, 28)" + } + } + }, + { + "cell": { + "box": { + "x": 186.65625, + "y": 24, + "width": 154.671875, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 186.65625, + "y": 24, + "width": 154.671875, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "1px solid rgba(225, 225, 225, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(28, 28, 28)" + } + } + }, + { + "cell": { + "box": { + "x": 349.328125, + "y": 24, + "width": 154.671875, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 349.328125, + "y": 24, + "width": 154.671875, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "1px solid rgba(225, 225, 225, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(28, 28, 28)" + } + } + } + ] + }, + "image": { + "path": "tests/storybook/reference/ha-layout/linux-arm64/dark-grid-three.png", + "sha256": "582099fe5a43729c6d4dc4ddab69a70f582aae61cba2cc7b2eb751e5154ab50a" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "grid-narrow", + "kind": "grid", + "width": 300, + "columns": 1, + "responsive": true + }, + "measurement": { + "layout": { + "box": { + "x": 24, + "y": 24, + "width": 300, + "height": 331.5625 + }, + "glyph": null, + "style": { + "display": "grid", + "gridTemplateColumns": "300px", + "gap": "8px", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "items": [ + { + "cell": { + "box": { + "x": 24, + "y": 24, + "width": 300, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 24, + "y": 24, + "width": 300, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "1px solid rgba(225, 225, 225, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(28, 28, 28)" + } + } + }, + { + "cell": { + "box": { + "x": 24, + "y": 137.1875, + "width": 300, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 24, + "y": 137.1875, + "width": 300, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "1px solid rgba(225, 225, 225, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(28, 28, 28)" + } + } + }, + { + "cell": { + "box": { + "x": 24, + "y": 250.375, + "width": 300, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 24, + "y": 250.375, + "width": 300, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "1px solid rgba(225, 225, 225, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(28, 28, 28)" + } + } + } + ] + }, + "image": { + "path": "tests/storybook/reference/ha-layout/linux-arm64/dark-grid-narrow.png", + "sha256": "e85db740231cc9bd140076a127e473d56866f3442835c881ca210b1f0008efbc" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "grid-rtl", + "kind": "grid", + "width": 480, + "columns": 2, + "dir": "rtl", + "gap": 16 + }, + "measurement": { + "layout": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 226.375 + }, + "glyph": null, + "style": { + "display": "grid", + "gridTemplateColumns": "232px 232px", + "gap": "16px", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "items": [ + { + "cell": { + "box": { + "x": 272, + "y": 24, + "width": 232, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 272, + "y": 24, + "width": 232, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(225, 225, 225)", + "border": "1px solid rgba(225, 225, 225, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(28, 28, 28)" + } + } + }, + { + "cell": { + "box": { + "x": 24, + "y": 24, + "width": 232, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 24, + "y": 24, + "width": 232, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(225, 225, 225)", + "border": "1px solid rgba(225, 225, 225, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(28, 28, 28)" + } + } + }, + { + "cell": { + "box": { + "x": 272, + "y": 145.1875, + "width": 232, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 272, + "y": 145.1875, + "width": 232, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(225, 225, 225)", + "border": "1px solid rgba(225, 225, 225, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(28, 28, 28)" + } + } + } + ] + }, + "image": { + "path": "tests/storybook/reference/ha-layout/linux-arm64/dark-grid-rtl.png", + "sha256": "b6792d231dacacd501f18673b2b634424490ace093090336a3a9412054ff1f96" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "dark", + "config": { + "name": "grid-square", + "kind": "grid", + "width": 480, + "columns": 3, + "square": true + }, + "measurement": { + "layout": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 154.65625 + }, + "glyph": null, + "style": { + "display": "grid", + "gridTemplateColumns": "154.656px 154.672px 154.672px", + "gap": "8px", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "items": [ + { + "cell": { + "box": { + "x": 24, + "y": 24, + "width": 154.65625, + "height": 154.65625 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 24, + "y": 24, + "width": 154.65625, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "1px solid rgba(225, 225, 225, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(28, 28, 28)" + } + } + }, + { + "cell": { + "box": { + "x": 186.65625, + "y": 24, + "width": 154.671875, + "height": 154.65625 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 186.65625, + "y": 24, + "width": 154.671875, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "1px solid rgba(225, 225, 225, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(28, 28, 28)" + } + } + }, + { + "cell": { + "box": { + "x": 349.328125, + "y": 24, + "width": 154.671875, + "height": 154.65625 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 349.328125, + "y": 24, + "width": 154.671875, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "1px solid rgba(225, 225, 225, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(28, 28, 28)" + } + } + } + ] + }, + "image": { + "path": "tests/storybook/reference/ha-layout/linux-arm64/dark-grid-square.png", + "sha256": "d3c11a4296342dc232d0dbabff6fca6e23dfb35244fa3e6427849240545c59ed" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "config": { + "name": "row-standard", + "kind": "row", + "width": 480 + }, + "measurement": { + "layout": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 200 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "items": [ + { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 72 + }, + "glyph": null, + "style": { + "display": "flex", + "gridTemplateColumns": "none", + "gap": "16px", + "padding": "12px 16px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "label": { + "box": { + "x": 40, + "y": 38, + "width": 448, + "height": 24 + }, + "glyph": { + "x": 40, + "y": 40, + "width": 168, + "height": 19 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "description": { + "box": { + "x": 40, + "y": 62, + "width": 448, + "height": 20 + }, + "glyph": { + "x": 40, + "y": 64, + "width": 59, + "height": 16 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(94, 94, 94)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "leading": null, + "command": null + }, + { + "surface": { + "box": { + "x": 24, + "y": 96, + "width": 480, + "height": 72 + }, + "glyph": null, + "style": { + "display": "flex", + "gridTemplateColumns": "none", + "gap": "16px", + "padding": "12px 16px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "label": { + "box": { + "x": 40, + "y": 110, + "width": 448, + "height": 24 + }, + "glyph": { + "x": 40, + "y": 112, + "width": 128, + "height": 19 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "description": { + "box": { + "x": 40, + "y": 134, + "width": 448, + "height": 20 + }, + "glyph": { + "x": 40, + "y": 136, + "width": 81, + "height": 16 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(94, 94, 94)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "leading": null, + "command": null + }, + { + "surface": { + "box": { + "x": 24, + "y": 168, + "width": 480, + "height": 56 + }, + "glyph": null, + "style": { + "display": "flex", + "gridTemplateColumns": "none", + "gap": "16px", + "padding": "12px 16px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "label": { + "box": { + "x": 40, + "y": 184, + "width": 448, + "height": 24 + }, + "glyph": { + "x": 40, + "y": 186, + "width": 115, + "height": 19 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "description": null, + "leading": null, + "command": null + } + ] + }, + "image": { + "path": "tests/storybook/reference/ha-layout/linux-arm64/light-row-standard.png", + "sha256": "bbc86e30200295bf36b6bc6ec19a40295d7a770815e9563ab39e620ae32cab28" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "config": { + "name": "row-actions", + "kind": "row", + "width": 480, + "actions": true + }, + "measurement": { + "layout": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 72 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "items": [ + { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 72 + }, + "glyph": null, + "style": { + "display": "flex", + "gridTemplateColumns": "none", + "gap": "16px", + "padding": "12px 16px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "label": { + "box": { + "x": 72, + "y": 38, + "width": 320, + "height": 24 + }, + "glyph": { + "x": 72, + "y": 40, + "width": 168, + "height": 19 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "description": { + "box": { + "x": 72, + "y": 62, + "width": 320, + "height": 20 + }, + "glyph": { + "x": 72, + "y": 64, + "width": 59, + "height": 16 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(94, 94, 94)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "leading": { + "box": { + "x": 40, + "y": 52, + "width": 16, + "height": 16 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(94, 94, 94)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "command": { + "box": { + "x": 408, + "y": 40, + "width": 80, + "height": 40 + }, + "glyph": null, + "style": { + "display": "inline-flex", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px 16px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(0, 154, 199)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + } + } + ] + }, + "image": { + "path": "tests/storybook/reference/ha-layout/linux-arm64/light-row-actions.png", + "sha256": "6174767d457bc1e39466afe5816deed9fd38f5bb607b565cd3a1d8c26bd293b4" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "config": { + "name": "row-wrapped", + "kind": "row", + "width": 300, + "wrapped": true + }, + "measurement": { + "layout": { + "box": { + "x": 24, + "y": 24, + "width": 300, + "height": 92 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "items": [ + { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 300, + "height": 92 + }, + "glyph": null, + "style": { + "display": "flex", + "gridTemplateColumns": "none", + "gap": "16px", + "padding": "12px 16px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "label": { + "box": { + "x": 40, + "y": 36, + "width": 268, + "height": 48 + }, + "glyph": { + "x": 40, + "y": 38, + "width": 258, + "height": 43 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "description": { + "box": { + "x": 40, + "y": 84, + "width": 268, + "height": 20 + }, + "glyph": { + "x": 40, + "y": 86, + "width": 200, + "height": 16 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(94, 94, 94)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "leading": null, + "command": null + } + ] + }, + "image": { + "path": "tests/storybook/reference/ha-layout/linux-arm64/light-row-wrapped.png", + "sha256": "3836736df1074e234497955a3535371c5bf724118c60a537308600f4da749865" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "config": { + "name": "row-rtl", + "kind": "row", + "width": 300, + "dir": "rtl" + }, + "measurement": { + "layout": { + "box": { + "x": 24, + "y": 24, + "width": 300, + "height": 128 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "items": [ + { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 300, + "height": 72 + }, + "glyph": null, + "style": { + "display": "flex", + "gridTemplateColumns": "none", + "gap": "16px", + "padding": "12px 16px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "label": { + "box": { + "x": 40, + "y": 38, + "width": 268, + "height": 24 + }, + "glyph": { + "x": 200, + "y": 40, + "width": 108, + "height": 19 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "description": { + "box": { + "x": 40, + "y": 62, + "width": 268, + "height": 20 + }, + "glyph": { + "x": 204, + "y": 64, + "width": 104, + "height": 16 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(94, 94, 94)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "leading": null, + "command": null + }, + { + "surface": { + "box": { + "x": 24, + "y": 96, + "width": 300, + "height": 56 + }, + "glyph": null, + "style": { + "display": "flex", + "gridTemplateColumns": "none", + "gap": "16px", + "padding": "12px 16px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "label": { + "box": { + "x": 40, + "y": 112, + "width": 268, + "height": 24 + }, + "glyph": { + "x": 225, + "y": 114, + "width": 83, + "height": 19 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "description": null, + "leading": null, + "command": null + } + ] + }, + "image": { + "path": "tests/storybook/reference/ha-layout/linux-arm64/light-row-rtl.png", + "sha256": "d14a05dd71822ea13446e4c6df98c2fb71784ff9f4b418b6a5b7b7d38dc507cf" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "config": { + "name": "grid-three", + "kind": "grid", + "width": 480, + "columns": 3 + }, + "measurement": { + "layout": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "grid", + "gridTemplateColumns": "154.656px 154.672px 154.672px", + "gap": "8px", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "items": [ + { + "cell": { + "box": { + "x": 24, + "y": 24, + "width": 154.65625, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 24, + "y": 24, + "width": 154.65625, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "1px solid rgba(0, 0, 0, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(255, 255, 255)" + } + } + }, + { + "cell": { + "box": { + "x": 186.65625, + "y": 24, + "width": 154.671875, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 186.65625, + "y": 24, + "width": 154.671875, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "1px solid rgba(0, 0, 0, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(255, 255, 255)" + } + } + }, + { + "cell": { + "box": { + "x": 349.328125, + "y": 24, + "width": 154.671875, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 349.328125, + "y": 24, + "width": 154.671875, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "1px solid rgba(0, 0, 0, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(255, 255, 255)" + } + } + } + ] + }, + "image": { + "path": "tests/storybook/reference/ha-layout/linux-arm64/light-grid-three.png", + "sha256": "ba6c1efd7dc365468a871486e79c27d69233a88d6c146b0fec4651281f5a5984" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "config": { + "name": "grid-narrow", + "kind": "grid", + "width": 300, + "columns": 1, + "responsive": true + }, + "measurement": { + "layout": { + "box": { + "x": 24, + "y": 24, + "width": 300, + "height": 331.5625 + }, + "glyph": null, + "style": { + "display": "grid", + "gridTemplateColumns": "300px", + "gap": "8px", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "items": [ + { + "cell": { + "box": { + "x": 24, + "y": 24, + "width": 300, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 24, + "y": 24, + "width": 300, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "1px solid rgba(0, 0, 0, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(255, 255, 255)" + } + } + }, + { + "cell": { + "box": { + "x": 24, + "y": 137.1875, + "width": 300, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 24, + "y": 137.1875, + "width": 300, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "1px solid rgba(0, 0, 0, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(255, 255, 255)" + } + } + }, + { + "cell": { + "box": { + "x": 24, + "y": 250.375, + "width": 300, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 24, + "y": 250.375, + "width": 300, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "1px solid rgba(0, 0, 0, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(255, 255, 255)" + } + } + } + ] + }, + "image": { + "path": "tests/storybook/reference/ha-layout/linux-arm64/light-grid-narrow.png", + "sha256": "459db6378f56951255c86b380a292b1be9161b3fe500b044492d9097ce6e7a9e" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "config": { + "name": "grid-rtl", + "kind": "grid", + "width": 480, + "columns": 2, + "dir": "rtl", + "gap": 16 + }, + "measurement": { + "layout": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 226.375 + }, + "glyph": null, + "style": { + "display": "grid", + "gridTemplateColumns": "232px 232px", + "gap": "16px", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "items": [ + { + "cell": { + "box": { + "x": 272, + "y": 24, + "width": 232, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 272, + "y": 24, + "width": 232, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(20, 20, 20)", + "border": "1px solid rgba(0, 0, 0, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(255, 255, 255)" + } + } + }, + { + "cell": { + "box": { + "x": 24, + "y": 24, + "width": 232, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 24, + "y": 24, + "width": 232, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(20, 20, 20)", + "border": "1px solid rgba(0, 0, 0, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(255, 255, 255)" + } + } + }, + { + "cell": { + "box": { + "x": 272, + "y": 145.1875, + "width": 232, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 272, + "y": 145.1875, + "width": 232, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(20, 20, 20)", + "border": "1px solid rgba(0, 0, 0, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(255, 255, 255)" + } + } + } + ] + }, + "image": { + "path": "tests/storybook/reference/ha-layout/linux-arm64/light-grid-rtl.png", + "sha256": "876e4456a9ebb8f9c2f5a02df3296035799b3a4aaf55f771b7b38e21d7a3af99" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "config": { + "name": "grid-square", + "kind": "grid", + "width": 480, + "columns": 3, + "square": true + }, + "measurement": { + "layout": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 154.65625 + }, + "glyph": null, + "style": { + "display": "grid", + "gridTemplateColumns": "154.656px 154.672px 154.672px", + "gap": "8px", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "items": [ + { + "cell": { + "box": { + "x": 24, + "y": 24, + "width": 154.65625, + "height": 154.65625 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 24, + "y": 24, + "width": 154.65625, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "1px solid rgba(0, 0, 0, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(255, 255, 255)" + } + } + }, + { + "cell": { + "box": { + "x": 186.65625, + "y": 24, + "width": 154.671875, + "height": 154.65625 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 186.65625, + "y": 24, + "width": 154.671875, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "1px solid rgba(0, 0, 0, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(255, 255, 255)" + } + } + }, + { + "cell": { + "box": { + "x": 349.328125, + "y": 24, + "width": 154.671875, + "height": 154.65625 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 349.328125, + "y": 24, + "width": 154.671875, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(20, 20, 20)", + "border": "1px solid rgba(0, 0, 0, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(255, 255, 255)" + } + } + } + ] + }, + "image": { + "path": "tests/storybook/reference/ha-layout/linux-arm64/light-grid-square.png", + "sha256": "243ac427d2555cb068b0379ec148a708f39e7a3b72dc759a69bb7a3b2334c778" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "config": { + "name": "row-standard", + "kind": "row", + "width": 480 + }, + "measurement": { + "layout": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 200 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "items": [ + { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 72 + }, + "glyph": null, + "style": { + "display": "flex", + "gridTemplateColumns": "none", + "gap": "16px", + "padding": "12px 16px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "label": { + "box": { + "x": 40, + "y": 38, + "width": 448, + "height": 24 + }, + "glyph": { + "x": 40, + "y": 40, + "width": 168, + "height": 19 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "description": { + "box": { + "x": 40, + "y": 62, + "width": 448, + "height": 20 + }, + "glyph": { + "x": 40, + "y": 64, + "width": 59, + "height": 16 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(155, 155, 155)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "leading": null, + "command": null + }, + { + "surface": { + "box": { + "x": 24, + "y": 96, + "width": 480, + "height": 72 + }, + "glyph": null, + "style": { + "display": "flex", + "gridTemplateColumns": "none", + "gap": "16px", + "padding": "12px 16px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "label": { + "box": { + "x": 40, + "y": 110, + "width": 448, + "height": 24 + }, + "glyph": { + "x": 40, + "y": 112, + "width": 128, + "height": 19 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "description": { + "box": { + "x": 40, + "y": 134, + "width": 448, + "height": 20 + }, + "glyph": { + "x": 40, + "y": 136, + "width": 81, + "height": 16 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(155, 155, 155)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "leading": null, + "command": null + }, + { + "surface": { + "box": { + "x": 24, + "y": 168, + "width": 480, + "height": 56 + }, + "glyph": null, + "style": { + "display": "flex", + "gridTemplateColumns": "none", + "gap": "16px", + "padding": "12px 16px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "label": { + "box": { + "x": 40, + "y": 184, + "width": 448, + "height": 24 + }, + "glyph": { + "x": 40, + "y": 186, + "width": 115, + "height": 19 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "description": null, + "leading": null, + "command": null + } + ] + }, + "image": { + "path": "tests/storybook/reference/ha-layout/linux-arm64/dark-row-standard.png", + "sha256": "e162ab9b5d6f3619803d3c835ef049aed7e8a3e7e31ff554f432479693e0fea3" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "config": { + "name": "row-actions", + "kind": "row", + "width": 480, + "actions": true + }, + "measurement": { + "layout": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 72 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "items": [ + { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 72 + }, + "glyph": null, + "style": { + "display": "flex", + "gridTemplateColumns": "none", + "gap": "16px", + "padding": "12px 16px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "label": { + "box": { + "x": 72, + "y": 38, + "width": 320, + "height": 24 + }, + "glyph": { + "x": 72, + "y": 40, + "width": 168, + "height": 19 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "description": { + "box": { + "x": 72, + "y": 62, + "width": 320, + "height": 20 + }, + "glyph": { + "x": 72, + "y": 64, + "width": 59, + "height": 16 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(155, 155, 155)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "leading": { + "box": { + "x": 40, + "y": 52, + "width": 16, + "height": 16 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(155, 155, 155)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "command": { + "box": { + "x": 408, + "y": 40, + "width": 80, + "height": 40 + }, + "glyph": null, + "style": { + "display": "inline-flex", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px 16px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(55, 200, 253)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + } + } + ] + }, + "image": { + "path": "tests/storybook/reference/ha-layout/linux-arm64/dark-row-actions.png", + "sha256": "5f6481e84f18c7865d2fe0f234e71fc75a9964c7d421fd3d38ce2f1377f11ba4" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "config": { + "name": "row-wrapped", + "kind": "row", + "width": 300, + "wrapped": true + }, + "measurement": { + "layout": { + "box": { + "x": 24, + "y": 24, + "width": 300, + "height": 92 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "items": [ + { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 300, + "height": 92 + }, + "glyph": null, + "style": { + "display": "flex", + "gridTemplateColumns": "none", + "gap": "16px", + "padding": "12px 16px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "label": { + "box": { + "x": 40, + "y": 36, + "width": 268, + "height": 48 + }, + "glyph": { + "x": 40, + "y": 38, + "width": 258, + "height": 43 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "description": { + "box": { + "x": 40, + "y": 84, + "width": 268, + "height": 20 + }, + "glyph": { + "x": 40, + "y": 86, + "width": 200, + "height": 16 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(155, 155, 155)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "leading": null, + "command": null + } + ] + }, + "image": { + "path": "tests/storybook/reference/ha-layout/linux-arm64/dark-row-wrapped.png", + "sha256": "9cae184f32e7aaafd4b978fdced34b6fdf4779ba1f6ab45dcb64ec3aa544c034" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "config": { + "name": "row-rtl", + "kind": "row", + "width": 300, + "dir": "rtl" + }, + "measurement": { + "layout": { + "box": { + "x": 24, + "y": 24, + "width": 300, + "height": 128 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "items": [ + { + "surface": { + "box": { + "x": 24, + "y": 24, + "width": 300, + "height": 72 + }, + "glyph": null, + "style": { + "display": "flex", + "gridTemplateColumns": "none", + "gap": "16px", + "padding": "12px 16px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "label": { + "box": { + "x": 40, + "y": 38, + "width": 268, + "height": 24 + }, + "glyph": { + "x": 200, + "y": 40, + "width": 108, + "height": 19 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "description": { + "box": { + "x": 40, + "y": 62, + "width": 268, + "height": 20 + }, + "glyph": { + "x": 204, + "y": 64, + "width": 104, + "height": 16 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(155, 155, 155)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "leading": null, + "command": null + }, + { + "surface": { + "box": { + "x": 24, + "y": 96, + "width": 300, + "height": 56 + }, + "glyph": null, + "style": { + "display": "flex", + "gridTemplateColumns": "none", + "gap": "16px", + "padding": "12px 16px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "label": { + "box": { + "x": 40, + "y": 112, + "width": 268, + "height": 24 + }, + "glyph": { + "x": 225, + "y": 114, + "width": 83, + "height": 19 + }, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "description": null, + "leading": null, + "command": null + } + ] + }, + "image": { + "path": "tests/storybook/reference/ha-layout/linux-arm64/dark-row-rtl.png", + "sha256": "87849f6d8b913cc790ed779e5b6417fec87e531657217b501abf3656333fc00b" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "config": { + "name": "grid-three", + "kind": "grid", + "width": 480, + "columns": 3 + }, + "measurement": { + "layout": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "grid", + "gridTemplateColumns": "154.656px 154.672px 154.672px", + "gap": "8px", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "items": [ + { + "cell": { + "box": { + "x": 24, + "y": 24, + "width": 154.65625, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 24, + "y": 24, + "width": 154.65625, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "1px solid rgba(225, 225, 225, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(28, 28, 28)" + } + } + }, + { + "cell": { + "box": { + "x": 186.65625, + "y": 24, + "width": 154.671875, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 186.65625, + "y": 24, + "width": 154.671875, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "1px solid rgba(225, 225, 225, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(28, 28, 28)" + } + } + }, + { + "cell": { + "box": { + "x": 349.328125, + "y": 24, + "width": 154.671875, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 349.328125, + "y": 24, + "width": 154.671875, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "1px solid rgba(225, 225, 225, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(28, 28, 28)" + } + } + } + ] + }, + "image": { + "path": "tests/storybook/reference/ha-layout/linux-arm64/dark-grid-three.png", + "sha256": "582099fe5a43729c6d4dc4ddab69a70f582aae61cba2cc7b2eb751e5154ab50a" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "config": { + "name": "grid-narrow", + "kind": "grid", + "width": 300, + "columns": 1, + "responsive": true + }, + "measurement": { + "layout": { + "box": { + "x": 24, + "y": 24, + "width": 300, + "height": 331.5625 + }, + "glyph": null, + "style": { + "display": "grid", + "gridTemplateColumns": "300px", + "gap": "8px", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "items": [ + { + "cell": { + "box": { + "x": 24, + "y": 24, + "width": 300, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 24, + "y": 24, + "width": 300, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "1px solid rgba(225, 225, 225, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(28, 28, 28)" + } + } + }, + { + "cell": { + "box": { + "x": 24, + "y": 137.1875, + "width": 300, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 24, + "y": 137.1875, + "width": 300, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "1px solid rgba(225, 225, 225, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(28, 28, 28)" + } + } + }, + { + "cell": { + "box": { + "x": 24, + "y": 250.375, + "width": 300, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 24, + "y": 250.375, + "width": 300, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "1px solid rgba(225, 225, 225, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(28, 28, 28)" + } + } + } + ] + }, + "image": { + "path": "tests/storybook/reference/ha-layout/linux-arm64/dark-grid-narrow.png", + "sha256": "e85db740231cc9bd140076a127e473d56866f3442835c881ca210b1f0008efbc" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "config": { + "name": "grid-rtl", + "kind": "grid", + "width": 480, + "columns": 2, + "dir": "rtl", + "gap": 16 + }, + "measurement": { + "layout": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 226.375 + }, + "glyph": null, + "style": { + "display": "grid", + "gridTemplateColumns": "232px 232px", + "gap": "16px", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "items": [ + { + "cell": { + "box": { + "x": 272, + "y": 24, + "width": 232, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 272, + "y": 24, + "width": 232, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(225, 225, 225)", + "border": "1px solid rgba(225, 225, 225, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(28, 28, 28)" + } + } + }, + { + "cell": { + "box": { + "x": 24, + "y": 24, + "width": 232, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 24, + "y": 24, + "width": 232, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(225, 225, 225)", + "border": "1px solid rgba(225, 225, 225, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(28, 28, 28)" + } + } + }, + { + "cell": { + "box": { + "x": 272, + "y": 145.1875, + "width": 232, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 272, + "y": 145.1875, + "width": 232, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "rtl", + "color": "rgb(225, 225, 225)", + "border": "1px solid rgba(225, 225, 225, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(28, 28, 28)" + } + } + } + ] + }, + "image": { + "path": "tests/storybook/reference/ha-layout/linux-arm64/dark-grid-rtl.png", + "sha256": "b6792d231dacacd501f18673b2b634424490ace093090336a3a9412054ff1f96" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "config": { + "name": "grid-square", + "kind": "grid", + "width": 480, + "columns": 3, + "square": true + }, + "measurement": { + "layout": { + "box": { + "x": 24, + "y": 24, + "width": 480, + "height": 154.65625 + }, + "glyph": null, + "style": { + "display": "grid", + "gridTemplateColumns": "154.656px 154.672px 154.672px", + "gap": "8px", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "items": [ + { + "cell": { + "box": { + "x": 24, + "y": 24, + "width": 154.65625, + "height": 154.65625 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 24, + "y": 24, + "width": 154.65625, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "1px solid rgba(225, 225, 225, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(28, 28, 28)" + } + } + }, + { + "cell": { + "box": { + "x": 186.65625, + "y": 24, + "width": 154.671875, + "height": 154.65625 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 186.65625, + "y": 24, + "width": 154.671875, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "1px solid rgba(225, 225, 225, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(28, 28, 28)" + } + } + }, + { + "cell": { + "box": { + "x": 349.328125, + "y": 24, + "width": 154.671875, + "height": 154.65625 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "card": { + "box": { + "x": 349.328125, + "y": 24, + "width": 154.671875, + "height": 105.1875 + }, + "glyph": null, + "style": { + "display": "block", + "gridTemplateColumns": "none", + "gap": "normal", + "padding": "0px", + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "direction": "ltr", + "color": "rgb(225, 225, 225)", + "border": "1px solid rgba(225, 225, 225, 0.12)", + "borderRadius": "12px", + "backgroundColor": "rgb(28, 28, 28)" + } + } + } + ] + }, + "image": { + "path": "tests/storybook/reference/ha-layout/linux-arm64/dark-grid-square.png", + "sha256": "d3c11a4296342dc232d0dbabff6fca6e23dfb35244fa3e6427849240545c59ed" + } + } + ], + "arabicFont": { + "family": "Noto Sans Arabic", + "version": "2.013", + "source": "https://github.com/notofonts/arabic/releases/tag/NotoSansArabic-v2.013", + "sourceCommit": "1b2b7e5c6ce3ab4d50681c854892325530084c35", + "path": "stories/assets/NotoSansArabic-Regular.ttf", + "sha256": "bdff3e5659d67e67def05b33f749683b9376ae819d65d3dd62ac4640b3aaef48", + "license": "LICENSES/Noto-Sans-Arabic-OFL-1.1.txt", + "scope": "Identical catalog-only Arabic fallback mapped to the existing Noto family and limited to Arabic code points. Runtime applications supply their own fonts." + } +} diff --git a/docs/evidence/ha-navigation-icons-reference.json b/docs/evidence/ha-navigation-icons-reference.json new file mode 100644 index 0000000..1849735 --- /dev/null +++ b/docs/evidence/ha-navigation-icons-reference.json @@ -0,0 +1,7927 @@ +{ + "scope": "Actual original HA tab-group-tab and svg-icon rendering under reviewed dashboard styles; original authored fixture glyphs; no installed application mutation, account/API access or full library acceptance.", + "reviewedSource": "027d9578ec9663b8aa22f50c24274a7cd9d001c1", + "reviewedSourceMeaning": "Reviewed source for the fixture dashboard/icon style rules, not the installed HA git revision.", + "sources": [ + "https://github.com/home-assistant/frontend/blob/027d9578ec9663b8aa22f50c24274a7cd9d001c1/src/components/ha-tab-group-tab.ts", + "https://github.com/home-assistant/frontend/blob/027d9578ec9663b8aa22f50c24274a7cd9d001c1/src/components/ha-svg-icon.ts", + "https://github.com/home-assistant/frontend/blob/027d9578ec9663b8aa22f50c24274a7cd9d001c1/src/panels/lovelace/hui-root.ts" + ], + "installedPublicBundle": { + "app": "7b0d03a0c75c971cd3084c988430c512414209ca2c8bba8d506724d3be2827ec", + "core": "da8ce324a89c76f12e124e9e0dcb74f319dcdc5bde13464feb9c1dc0630efb27", + "inputEvidence": "/private/tmp/ha-ui-navigation/navigation-evidence.tar.gz" + }, + "collection": "Original public component modules replayed without network; fixture bootstrap exposes the original loader instead of starting the application entrypoint. Component module functions are unchanged. Exact recorded HA theme tokens and local Roboto400/500 used. Separate reference per measured platform; three to six captures and two consecutive equal frames required. Final captures explicitly use named overview/tasks/inventory glyphs; all 48 reference images retain their first-capture hashes after the catalog gained two additional fixture glyphs.", + "fixtures": { + "path": "stories/navigation-icons.ts", + "sha256": "95f7888a174b67175d9304af53b2f8b06b4164d149bdb896d0fc57252a202196", + "glyphs": "Original24-unit paths authored here and passed to actual ha-svg-icon; no external icon pack or lookup." + }, + "captures": [ + { + "platform": "macos", + "browser": "156.0.8078.4", + "capturedAtUTC": "2026-11-04T16:57:30.705Z", + "componentModuleInputs": 69, + "driver": "Node24.20.0 supported source toolchain" + }, + { + "platform": "linux", + "browser": "156.0.8078.80", + "capturedAtUTC": "2026-11-04T16:57:30.431Z", + "componentModuleInputs": 69, + "driver": "Official Playwright1.64.1-noble diagnostic image, Node26.13.0 driver only; not a Node26 support claim" + } + ], + "states": [ + { + "theme": "light", + "presentation": "icon-only", + "state": "resting", + "items": [ + { + "selected": true, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(20, 20, 20)", + "display": "flex", + "marginInlineEnd": "0px" + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M4 3H20V21H4ZM7 6V9H10V6ZM12 6V8H17V6ZM7 12V15H10V12ZM12 12V14H17V12Z", + "fill": "rgb(20, 20, 20)", + "display": "flex", + "marginInlineEnd": "0px" + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(20, 20, 20)", + "display": "flex", + "marginInlineEnd": "0px" + } + } + ], + "image": { + "file": "light-icon-only-resting.png", + "sha256": "5396ee8d3f578b42134632dc6633209b6e62260c52d0717ef360abd39326c8b8", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/light-icon-only-resting.png" + }, + "captures": 3, + "platform": "macos" + }, + { + "theme": "light", + "presentation": "icon-only", + "state": "hover", + "items": [ + { + "selected": true, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(20, 20, 20)", + "display": "flex", + "marginInlineEnd": "0px" + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M4 3H20V21H4ZM7 6V9H10V6ZM12 6V8H17V6ZM7 12V15H10V12ZM12 12V14H17V12Z", + "fill": "rgb(20, 20, 20)", + "display": "flex", + "marginInlineEnd": "0px" + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(20, 20, 20)", + "display": "flex", + "marginInlineEnd": "0px" + } + } + ], + "image": { + "file": "light-icon-only-hover.png", + "sha256": "5396ee8d3f578b42134632dc6633209b6e62260c52d0717ef360abd39326c8b8", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/light-icon-only-hover.png" + }, + "captures": 3, + "platform": "macos" + }, + { + "theme": "light", + "presentation": "icon-only", + "state": "focus", + "items": [ + { + "selected": true, + "disabled": false, + "focusVisible": true, + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "-5px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(20, 20, 20)", + "display": "flex", + "marginInlineEnd": "0px" + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M4 3H20V21H4ZM7 6V9H10V6ZM12 6V8H17V6ZM7 12V15H10V12ZM12 12V14H17V12Z", + "fill": "rgb(20, 20, 20)", + "display": "flex", + "marginInlineEnd": "0px" + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(20, 20, 20)", + "display": "flex", + "marginInlineEnd": "0px" + } + } + ], + "image": { + "file": "light-icon-only-focus.png", + "sha256": "0bbf9e60a0b00c33bc8b691b3d1175da277aeea84f7c29d6e141e061215dd04e", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/light-icon-only-focus.png" + }, + "captures": 3, + "platform": "macos" + }, + { + "theme": "light", + "presentation": "icon-only", + "state": "disabled", + "items": [ + { + "selected": true, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(20, 20, 20)", + "display": "flex", + "marginInlineEnd": "0px" + } + }, + { + "selected": false, + "disabled": true, + "focusVisible": false, + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "0.5", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M4 3H20V21H4ZM7 6V9H10V6ZM12 6V8H17V6ZM7 12V15H10V12ZM12 12V14H17V12Z", + "fill": "rgb(20, 20, 20)", + "display": "flex", + "marginInlineEnd": "0px" + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(20, 20, 20)", + "display": "flex", + "marginInlineEnd": "0px" + } + } + ], + "image": { + "file": "light-icon-only-disabled.png", + "sha256": "82c98d7d6a8797cc042e78e16234b9ec08cb230592ac900a8785293512447acd", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/light-icon-only-disabled.png" + }, + "captures": 3, + "platform": "macos" + }, + { + "theme": "light", + "presentation": "icon-and-title", + "state": "resting", + "items": [ + { + "selected": true, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 121.484375, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 121.484375, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 57.484375, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 57.484375, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(20, 20, 20)", + "display": "flex", + "marginInlineEnd": "8px" + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 100.6875, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 100.6875, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 36.6875, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 36.6875, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M4 3H20V21H4ZM7 6V9H10V6ZM12 6V8H17V6ZM7 12V15H10V12ZM12 12V14H17V12Z", + "fill": "rgb(20, 20, 20)", + "display": "flex", + "marginInlineEnd": "8px" + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 122.15625, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 122.15625, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 58.15625, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 58.15625, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(20, 20, 20)", + "display": "flex", + "marginInlineEnd": "8px" + } + } + ], + "image": { + "file": "light-icon-and-title-resting.png", + "sha256": "4043dccc7bcbdc6683909904c5379f8e204248077e3362b23d226f7a80a20c03", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/light-icon-and-title-resting.png" + }, + "captures": 3, + "platform": "macos" + }, + { + "theme": "light", + "presentation": "icon-and-title", + "state": "hover", + "items": [ + { + "selected": true, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 121.484375, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 121.484375, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 57.484375, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 57.484375, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(20, 20, 20)", + "display": "flex", + "marginInlineEnd": "8px" + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 100.6875, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 100.6875, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 36.6875, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 36.6875, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M4 3H20V21H4ZM7 6V9H10V6ZM12 6V8H17V6ZM7 12V15H10V12ZM12 12V14H17V12Z", + "fill": "rgb(20, 20, 20)", + "display": "flex", + "marginInlineEnd": "8px" + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 122.15625, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 122.15625, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 58.15625, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 58.15625, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(20, 20, 20)", + "display": "flex", + "marginInlineEnd": "8px" + } + } + ], + "image": { + "file": "light-icon-and-title-hover.png", + "sha256": "4043dccc7bcbdc6683909904c5379f8e204248077e3362b23d226f7a80a20c03", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/light-icon-and-title-hover.png" + }, + "captures": 3, + "platform": "macos" + }, + { + "theme": "light", + "presentation": "icon-and-title", + "state": "focus", + "items": [ + { + "selected": true, + "disabled": false, + "focusVisible": true, + "geometry": { + "width": 121.484375, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 121.484375, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 57.484375, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 57.484375, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "-5px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(20, 20, 20)", + "display": "flex", + "marginInlineEnd": "8px" + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 100.6875, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 100.6875, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 36.6875, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 36.6875, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M4 3H20V21H4ZM7 6V9H10V6ZM12 6V8H17V6ZM7 12V15H10V12ZM12 12V14H17V12Z", + "fill": "rgb(20, 20, 20)", + "display": "flex", + "marginInlineEnd": "8px" + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 122.15625, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 122.15625, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 58.15625, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 58.15625, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(20, 20, 20)", + "display": "flex", + "marginInlineEnd": "8px" + } + } + ], + "image": { + "file": "light-icon-and-title-focus.png", + "sha256": "4225d1cb87d205f198c832a0d0c0560b8af0d62267683b2ddda6603975dcfa97", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/light-icon-and-title-focus.png" + }, + "captures": 3, + "platform": "macos" + }, + { + "theme": "light", + "presentation": "icon-and-title", + "state": "disabled", + "items": [ + { + "selected": true, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 121.484375, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 121.484375, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 57.484375, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 57.484375, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(20, 20, 20)", + "display": "flex", + "marginInlineEnd": "8px" + } + }, + { + "selected": false, + "disabled": true, + "focusVisible": false, + "geometry": { + "width": 100.6875, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 100.6875, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 36.6875, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 36.6875, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "0.5", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M4 3H20V21H4ZM7 6V9H10V6ZM12 6V8H17V6ZM7 12V15H10V12ZM12 12V14H17V12Z", + "fill": "rgb(20, 20, 20)", + "display": "flex", + "marginInlineEnd": "8px" + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 122.15625, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 122.15625, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 58.15625, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 58.15625, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(20, 20, 20)", + "display": "flex", + "marginInlineEnd": "8px" + } + } + ], + "image": { + "file": "light-icon-and-title-disabled.png", + "sha256": "4ecfb71272efd8dbafa260aaa24c156868609eedcecac997a15638fdf3cb611c", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/light-icon-and-title-disabled.png" + }, + "captures": 3, + "platform": "macos" + }, + { + "theme": "light", + "presentation": "mixed", + "state": "resting", + "items": [ + { + "selected": true, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(20, 20, 20)", + "display": "flex", + "marginInlineEnd": "0px" + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 68.6875, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 68.6875, + "height": 54.390625 + }, + "icon": null, + "label": { + "x": 16, + "y": 18, + "width": 36.6875, + "height": 22.390625 + }, + "text": { + "x": 16, + "y": 21, + "width": 36.6875, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "18px 16px 14px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": null + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 122.15625, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 122.15625, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 58.15625, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 58.15625, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(20, 20, 20)", + "display": "flex", + "marginInlineEnd": "8px" + } + } + ], + "image": { + "file": "light-mixed-resting.png", + "sha256": "bba2a314cbfc80fd3a4ffff730217d55f20ef29872e7f5bcab90d26445648a31", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/light-mixed-resting.png" + }, + "captures": 3, + "platform": "macos" + }, + { + "theme": "light", + "presentation": "mixed", + "state": "hover", + "items": [ + { + "selected": true, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(20, 20, 20)", + "display": "flex", + "marginInlineEnd": "0px" + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 68.6875, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 68.6875, + "height": 54.390625 + }, + "icon": null, + "label": { + "x": 16, + "y": 18, + "width": 36.6875, + "height": 22.390625 + }, + "text": { + "x": 16, + "y": 21, + "width": 36.6875, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "18px 16px 14px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": null + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 122.15625, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 122.15625, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 58.15625, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 58.15625, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(20, 20, 20)", + "display": "flex", + "marginInlineEnd": "8px" + } + } + ], + "image": { + "file": "light-mixed-hover.png", + "sha256": "bba2a314cbfc80fd3a4ffff730217d55f20ef29872e7f5bcab90d26445648a31", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/light-mixed-hover.png" + }, + "captures": 3, + "platform": "macos" + }, + { + "theme": "light", + "presentation": "mixed", + "state": "focus", + "items": [ + { + "selected": true, + "disabled": false, + "focusVisible": true, + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "-5px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(20, 20, 20)", + "display": "flex", + "marginInlineEnd": "0px" + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 68.6875, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 68.6875, + "height": 54.390625 + }, + "icon": null, + "label": { + "x": 16, + "y": 18, + "width": 36.6875, + "height": 22.390625 + }, + "text": { + "x": 16, + "y": 21, + "width": 36.6875, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "18px 16px 14px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": null + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 122.15625, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 122.15625, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 58.15625, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 58.15625, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(20, 20, 20)", + "display": "flex", + "marginInlineEnd": "8px" + } + } + ], + "image": { + "file": "light-mixed-focus.png", + "sha256": "ec54c6a5df9d6f908cc230031da729799f98812609a51f785d4890f29b39bece", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/light-mixed-focus.png" + }, + "captures": 3, + "platform": "macos" + }, + { + "theme": "light", + "presentation": "mixed", + "state": "disabled", + "items": [ + { + "selected": true, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(20, 20, 20)", + "display": "flex", + "marginInlineEnd": "0px" + } + }, + { + "selected": false, + "disabled": true, + "focusVisible": false, + "geometry": { + "width": 68.6875, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 68.6875, + "height": 54.390625 + }, + "icon": null, + "label": { + "x": 16, + "y": 18, + "width": 36.6875, + "height": 22.390625 + }, + "text": { + "x": 16, + "y": 21, + "width": 36.6875, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "0.5", + "padding": "18px 16px 14px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": null + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 122.15625, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 122.15625, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 58.15625, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 58.15625, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(20, 20, 20)", + "display": "flex", + "marginInlineEnd": "8px" + } + } + ], + "image": { + "file": "light-mixed-disabled.png", + "sha256": "8f56b2171479a0eef2fc258be3ffa6517a485a04a42c7b65860b768f6077300f", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/light-mixed-disabled.png" + }, + "captures": 3, + "platform": "macos" + }, + { + "theme": "dark", + "presentation": "icon-only", + "state": "resting", + "items": [ + { + "selected": true, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(225, 225, 225)", + "display": "flex", + "marginInlineEnd": "0px" + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M4 3H20V21H4ZM7 6V9H10V6ZM12 6V8H17V6ZM7 12V15H10V12ZM12 12V14H17V12Z", + "fill": "rgb(225, 225, 225)", + "display": "flex", + "marginInlineEnd": "0px" + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(225, 225, 225)", + "display": "flex", + "marginInlineEnd": "0px" + } + } + ], + "image": { + "file": "dark-icon-only-resting.png", + "sha256": "4a920d86ba5a92e80cdd9296dc9c37434075d560426b7fdbcb179fdc0faec510", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/dark-icon-only-resting.png" + }, + "captures": 3, + "platform": "macos" + }, + { + "theme": "dark", + "presentation": "icon-only", + "state": "hover", + "items": [ + { + "selected": true, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(225, 225, 225)", + "display": "flex", + "marginInlineEnd": "0px" + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M4 3H20V21H4ZM7 6V9H10V6ZM12 6V8H17V6ZM7 12V15H10V12ZM12 12V14H17V12Z", + "fill": "rgb(225, 225, 225)", + "display": "flex", + "marginInlineEnd": "0px" + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(225, 225, 225)", + "display": "flex", + "marginInlineEnd": "0px" + } + } + ], + "image": { + "file": "dark-icon-only-hover.png", + "sha256": "4a920d86ba5a92e80cdd9296dc9c37434075d560426b7fdbcb179fdc0faec510", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/dark-icon-only-hover.png" + }, + "captures": 3, + "platform": "macos" + }, + { + "theme": "dark", + "presentation": "icon-only", + "state": "focus", + "items": [ + { + "selected": true, + "disabled": false, + "focusVisible": true, + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "-5px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(225, 225, 225)", + "display": "flex", + "marginInlineEnd": "0px" + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M4 3H20V21H4ZM7 6V9H10V6ZM12 6V8H17V6ZM7 12V15H10V12ZM12 12V14H17V12Z", + "fill": "rgb(225, 225, 225)", + "display": "flex", + "marginInlineEnd": "0px" + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(225, 225, 225)", + "display": "flex", + "marginInlineEnd": "0px" + } + } + ], + "image": { + "file": "dark-icon-only-focus.png", + "sha256": "2946c913f664eb5e6a624d27d469d91b808df944992ede33c8680c7136771348", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/dark-icon-only-focus.png" + }, + "captures": 3, + "platform": "macos" + }, + { + "theme": "dark", + "presentation": "icon-only", + "state": "disabled", + "items": [ + { + "selected": true, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(225, 225, 225)", + "display": "flex", + "marginInlineEnd": "0px" + } + }, + { + "selected": false, + "disabled": true, + "focusVisible": false, + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "0.5", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M4 3H20V21H4ZM7 6V9H10V6ZM12 6V8H17V6ZM7 12V15H10V12ZM12 12V14H17V12Z", + "fill": "rgb(225, 225, 225)", + "display": "flex", + "marginInlineEnd": "0px" + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(225, 225, 225)", + "display": "flex", + "marginInlineEnd": "0px" + } + } + ], + "image": { + "file": "dark-icon-only-disabled.png", + "sha256": "c158c8d600a6b96e38a840f8f505638c6f88dbc6cd2926a33445831ab4622b7c", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/dark-icon-only-disabled.png" + }, + "captures": 3, + "platform": "macos" + }, + { + "theme": "dark", + "presentation": "icon-and-title", + "state": "resting", + "items": [ + { + "selected": true, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 121.484375, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 121.484375, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 57.484375, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 57.484375, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(225, 225, 225)", + "display": "flex", + "marginInlineEnd": "8px" + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 100.6875, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 100.6875, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 36.6875, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 36.6875, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M4 3H20V21H4ZM7 6V9H10V6ZM12 6V8H17V6ZM7 12V15H10V12ZM12 12V14H17V12Z", + "fill": "rgb(225, 225, 225)", + "display": "flex", + "marginInlineEnd": "8px" + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 122.15625, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 122.15625, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 58.15625, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 58.15625, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(225, 225, 225)", + "display": "flex", + "marginInlineEnd": "8px" + } + } + ], + "image": { + "file": "dark-icon-and-title-resting.png", + "sha256": "0372ee1e2606e19b7df3e80036204ab74ac6a10809c697261b56c46bb006e266", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/dark-icon-and-title-resting.png" + }, + "captures": 3, + "platform": "macos" + }, + { + "theme": "dark", + "presentation": "icon-and-title", + "state": "hover", + "items": [ + { + "selected": true, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 121.484375, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 121.484375, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 57.484375, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 57.484375, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(225, 225, 225)", + "display": "flex", + "marginInlineEnd": "8px" + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 100.6875, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 100.6875, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 36.6875, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 36.6875, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M4 3H20V21H4ZM7 6V9H10V6ZM12 6V8H17V6ZM7 12V15H10V12ZM12 12V14H17V12Z", + "fill": "rgb(225, 225, 225)", + "display": "flex", + "marginInlineEnd": "8px" + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 122.15625, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 122.15625, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 58.15625, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 58.15625, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(225, 225, 225)", + "display": "flex", + "marginInlineEnd": "8px" + } + } + ], + "image": { + "file": "dark-icon-and-title-hover.png", + "sha256": "0372ee1e2606e19b7df3e80036204ab74ac6a10809c697261b56c46bb006e266", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/dark-icon-and-title-hover.png" + }, + "captures": 3, + "platform": "macos" + }, + { + "theme": "dark", + "presentation": "icon-and-title", + "state": "focus", + "items": [ + { + "selected": true, + "disabled": false, + "focusVisible": true, + "geometry": { + "width": 121.484375, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 121.484375, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 57.484375, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 57.484375, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "-5px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(225, 225, 225)", + "display": "flex", + "marginInlineEnd": "8px" + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 100.6875, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 100.6875, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 36.6875, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 36.6875, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M4 3H20V21H4ZM7 6V9H10V6ZM12 6V8H17V6ZM7 12V15H10V12ZM12 12V14H17V12Z", + "fill": "rgb(225, 225, 225)", + "display": "flex", + "marginInlineEnd": "8px" + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 122.15625, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 122.15625, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 58.15625, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 58.15625, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(225, 225, 225)", + "display": "flex", + "marginInlineEnd": "8px" + } + } + ], + "image": { + "file": "dark-icon-and-title-focus.png", + "sha256": "f6e546c2a95d9c19a7b2fcb8b932584d72e9a576aabdf411b2971e984110509b", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/dark-icon-and-title-focus.png" + }, + "captures": 3, + "platform": "macos" + }, + { + "theme": "dark", + "presentation": "icon-and-title", + "state": "disabled", + "items": [ + { + "selected": true, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 121.484375, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 121.484375, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 57.484375, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 57.484375, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(225, 225, 225)", + "display": "flex", + "marginInlineEnd": "8px" + } + }, + { + "selected": false, + "disabled": true, + "focusVisible": false, + "geometry": { + "width": 100.6875, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 100.6875, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 36.6875, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 36.6875, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "0.5", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M4 3H20V21H4ZM7 6V9H10V6ZM12 6V8H17V6ZM7 12V15H10V12ZM12 12V14H17V12Z", + "fill": "rgb(225, 225, 225)", + "display": "flex", + "marginInlineEnd": "8px" + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 122.15625, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 122.15625, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 58.15625, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 58.15625, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(225, 225, 225)", + "display": "flex", + "marginInlineEnd": "8px" + } + } + ], + "image": { + "file": "dark-icon-and-title-disabled.png", + "sha256": "ceb3349b0a7bf632438d697f865317bc053c4097279a975b6722180407614a18", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/dark-icon-and-title-disabled.png" + }, + "captures": 3, + "platform": "macos" + }, + { + "theme": "dark", + "presentation": "mixed", + "state": "resting", + "items": [ + { + "selected": true, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(225, 225, 225)", + "display": "flex", + "marginInlineEnd": "0px" + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 68.6875, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 68.6875, + "height": 54.390625 + }, + "icon": null, + "label": { + "x": 16, + "y": 18, + "width": 36.6875, + "height": 22.390625 + }, + "text": { + "x": 16, + "y": 21, + "width": 36.6875, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "18px 16px 14px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": null + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 122.15625, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 122.15625, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 58.15625, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 58.15625, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(225, 225, 225)", + "display": "flex", + "marginInlineEnd": "8px" + } + } + ], + "image": { + "file": "dark-mixed-resting.png", + "sha256": "36eadfcc4601dfd2380a11384503ef8ec69ce363adb8ea103e4b444467b53a21", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/dark-mixed-resting.png" + }, + "captures": 3, + "platform": "macos" + }, + { + "theme": "dark", + "presentation": "mixed", + "state": "hover", + "items": [ + { + "selected": true, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(225, 225, 225)", + "display": "flex", + "marginInlineEnd": "0px" + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 68.6875, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 68.6875, + "height": 54.390625 + }, + "icon": null, + "label": { + "x": 16, + "y": 18, + "width": 36.6875, + "height": 22.390625 + }, + "text": { + "x": 16, + "y": 21, + "width": 36.6875, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "18px 16px 14px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": null + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 122.15625, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 122.15625, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 58.15625, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 58.15625, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(225, 225, 225)", + "display": "flex", + "marginInlineEnd": "8px" + } + } + ], + "image": { + "file": "dark-mixed-hover.png", + "sha256": "36eadfcc4601dfd2380a11384503ef8ec69ce363adb8ea103e4b444467b53a21", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/dark-mixed-hover.png" + }, + "captures": 3, + "platform": "macos" + }, + { + "theme": "dark", + "presentation": "mixed", + "state": "focus", + "items": [ + { + "selected": true, + "disabled": false, + "focusVisible": true, + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "-5px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(225, 225, 225)", + "display": "flex", + "marginInlineEnd": "0px" + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 68.6875, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 68.6875, + "height": 54.390625 + }, + "icon": null, + "label": { + "x": 16, + "y": 18, + "width": 36.6875, + "height": 22.390625 + }, + "text": { + "x": 16, + "y": 21, + "width": 36.6875, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "18px 16px 14px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": null + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 122.15625, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 122.15625, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 58.15625, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 58.15625, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(225, 225, 225)", + "display": "flex", + "marginInlineEnd": "8px" + } + } + ], + "image": { + "file": "dark-mixed-focus.png", + "sha256": "96f626961fee54e697ee825b551fe195834b85f1ff7a9f07fe56bd79fdb88d51", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/dark-mixed-focus.png" + }, + "captures": 3, + "platform": "macos" + }, + { + "theme": "dark", + "presentation": "mixed", + "state": "disabled", + "items": [ + { + "selected": true, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(225, 225, 225)", + "display": "flex", + "marginInlineEnd": "0px" + } + }, + { + "selected": false, + "disabled": true, + "focusVisible": false, + "geometry": { + "width": 68.6875, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 68.6875, + "height": 54.390625 + }, + "icon": null, + "label": { + "x": 16, + "y": 18, + "width": 36.6875, + "height": 22.390625 + }, + "text": { + "x": 16, + "y": 21, + "width": 36.6875, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "0.5", + "padding": "18px 16px 14px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": null + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 122.15625, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 122.15625, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 58.15625, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 58.15625, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(225, 225, 225)", + "display": "flex", + "marginInlineEnd": "8px" + } + } + ], + "image": { + "file": "dark-mixed-disabled.png", + "sha256": "3348e0e4aee7d156b06b728393cdcc87aa11679f2b9b6e61f80cf5d407cc926f", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/dark-mixed-disabled.png" + }, + "captures": 3, + "platform": "macos" + }, + { + "theme": "light", + "presentation": "icon-only", + "state": "resting", + "items": [ + { + "selected": true, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(20, 20, 20)", + "display": "flex", + "marginInlineEnd": "0px" + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M4 3H20V21H4ZM7 6V9H10V6ZM12 6V8H17V6ZM7 12V15H10V12ZM12 12V14H17V12Z", + "fill": "rgb(20, 20, 20)", + "display": "flex", + "marginInlineEnd": "0px" + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(20, 20, 20)", + "display": "flex", + "marginInlineEnd": "0px" + } + } + ], + "image": { + "file": "light-icon-only-resting.png", + "sha256": "5396ee8d3f578b42134632dc6633209b6e62260c52d0717ef360abd39326c8b8", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/linux/light-icon-only-resting.png" + }, + "captures": 3, + "platform": "linux" + }, + { + "theme": "light", + "presentation": "icon-only", + "state": "hover", + "items": [ + { + "selected": true, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(20, 20, 20)", + "display": "flex", + "marginInlineEnd": "0px" + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M4 3H20V21H4ZM7 6V9H10V6ZM12 6V8H17V6ZM7 12V15H10V12ZM12 12V14H17V12Z", + "fill": "rgb(20, 20, 20)", + "display": "flex", + "marginInlineEnd": "0px" + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(20, 20, 20)", + "display": "flex", + "marginInlineEnd": "0px" + } + } + ], + "image": { + "file": "light-icon-only-hover.png", + "sha256": "5396ee8d3f578b42134632dc6633209b6e62260c52d0717ef360abd39326c8b8", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/linux/light-icon-only-hover.png" + }, + "captures": 3, + "platform": "linux" + }, + { + "theme": "light", + "presentation": "icon-only", + "state": "focus", + "items": [ + { + "selected": true, + "disabled": false, + "focusVisible": true, + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "-5px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(20, 20, 20)", + "display": "flex", + "marginInlineEnd": "0px" + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M4 3H20V21H4ZM7 6V9H10V6ZM12 6V8H17V6ZM7 12V15H10V12ZM12 12V14H17V12Z", + "fill": "rgb(20, 20, 20)", + "display": "flex", + "marginInlineEnd": "0px" + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(20, 20, 20)", + "display": "flex", + "marginInlineEnd": "0px" + } + } + ], + "image": { + "file": "light-icon-only-focus.png", + "sha256": "0bbf9e60a0b00c33bc8b691b3d1175da277aeea84f7c29d6e141e061215dd04e", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/linux/light-icon-only-focus.png" + }, + "captures": 3, + "platform": "linux" + }, + { + "theme": "light", + "presentation": "icon-only", + "state": "disabled", + "items": [ + { + "selected": true, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(20, 20, 20)", + "display": "flex", + "marginInlineEnd": "0px" + } + }, + { + "selected": false, + "disabled": true, + "focusVisible": false, + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "0.5", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M4 3H20V21H4ZM7 6V9H10V6ZM12 6V8H17V6ZM7 12V15H10V12ZM12 12V14H17V12Z", + "fill": "rgb(20, 20, 20)", + "display": "flex", + "marginInlineEnd": "0px" + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(20, 20, 20)", + "display": "flex", + "marginInlineEnd": "0px" + } + } + ], + "image": { + "file": "light-icon-only-disabled.png", + "sha256": "82c98d7d6a8797cc042e78e16234b9ec08cb230592ac900a8785293512447acd", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/linux/light-icon-only-disabled.png" + }, + "captures": 3, + "platform": "linux" + }, + { + "theme": "light", + "presentation": "icon-and-title", + "state": "resting", + "items": [ + { + "selected": true, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 123, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 123, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 59, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 59, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(20, 20, 20)", + "display": "flex", + "marginInlineEnd": "8px" + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 101, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 101, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 37, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 37, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M4 3H20V21H4ZM7 6V9H10V6ZM12 6V8H17V6ZM7 12V15H10V12ZM12 12V14H17V12Z", + "fill": "rgb(20, 20, 20)", + "display": "flex", + "marginInlineEnd": "8px" + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 124, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 124, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 60, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 60, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(20, 20, 20)", + "display": "flex", + "marginInlineEnd": "8px" + } + } + ], + "image": { + "file": "light-icon-and-title-resting.png", + "sha256": "e53f78e664f5cedbbeb1d87d3c6db460e7dbf53111a943dad6633fb20c8b3ef1", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/linux/light-icon-and-title-resting.png" + }, + "captures": 3, + "platform": "linux" + }, + { + "theme": "light", + "presentation": "icon-and-title", + "state": "hover", + "items": [ + { + "selected": true, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 123, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 123, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 59, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 59, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(20, 20, 20)", + "display": "flex", + "marginInlineEnd": "8px" + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 101, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 101, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 37, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 37, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M4 3H20V21H4ZM7 6V9H10V6ZM12 6V8H17V6ZM7 12V15H10V12ZM12 12V14H17V12Z", + "fill": "rgb(20, 20, 20)", + "display": "flex", + "marginInlineEnd": "8px" + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 124, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 124, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 60, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 60, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(20, 20, 20)", + "display": "flex", + "marginInlineEnd": "8px" + } + } + ], + "image": { + "file": "light-icon-and-title-hover.png", + "sha256": "e53f78e664f5cedbbeb1d87d3c6db460e7dbf53111a943dad6633fb20c8b3ef1", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/linux/light-icon-and-title-hover.png" + }, + "captures": 3, + "platform": "linux" + }, + { + "theme": "light", + "presentation": "icon-and-title", + "state": "focus", + "items": [ + { + "selected": true, + "disabled": false, + "focusVisible": true, + "geometry": { + "width": 123, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 123, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 59, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 59, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "-5px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(20, 20, 20)", + "display": "flex", + "marginInlineEnd": "8px" + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 101, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 101, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 37, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 37, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M4 3H20V21H4ZM7 6V9H10V6ZM12 6V8H17V6ZM7 12V15H10V12ZM12 12V14H17V12Z", + "fill": "rgb(20, 20, 20)", + "display": "flex", + "marginInlineEnd": "8px" + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 124, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 124, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 60, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 60, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(20, 20, 20)", + "display": "flex", + "marginInlineEnd": "8px" + } + } + ], + "image": { + "file": "light-icon-and-title-focus.png", + "sha256": "ee4499eaa3c05d0f67d7f20a12e1df49d5abd9d2b7c50866c32275d3a58fd443", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/linux/light-icon-and-title-focus.png" + }, + "captures": 3, + "platform": "linux" + }, + { + "theme": "light", + "presentation": "icon-and-title", + "state": "disabled", + "items": [ + { + "selected": true, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 123, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 123, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 59, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 59, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(20, 20, 20)", + "display": "flex", + "marginInlineEnd": "8px" + } + }, + { + "selected": false, + "disabled": true, + "focusVisible": false, + "geometry": { + "width": 101, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 101, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 37, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 37, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "0.5", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M4 3H20V21H4ZM7 6V9H10V6ZM12 6V8H17V6ZM7 12V15H10V12ZM12 12V14H17V12Z", + "fill": "rgb(20, 20, 20)", + "display": "flex", + "marginInlineEnd": "8px" + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 124, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 124, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 60, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 60, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(20, 20, 20)", + "display": "flex", + "marginInlineEnd": "8px" + } + } + ], + "image": { + "file": "light-icon-and-title-disabled.png", + "sha256": "95e42eba9f58bc751919d54d3bda8297b7fcef1f1ea3f6758fceb3369195dc50", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/linux/light-icon-and-title-disabled.png" + }, + "captures": 3, + "platform": "linux" + }, + { + "theme": "light", + "presentation": "mixed", + "state": "resting", + "items": [ + { + "selected": true, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(20, 20, 20)", + "display": "flex", + "marginInlineEnd": "0px" + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 69, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 69, + "height": 54.390625 + }, + "icon": null, + "label": { + "x": 16, + "y": 18, + "width": 37, + "height": 22.390625 + }, + "text": { + "x": 16, + "y": 21, + "width": 37, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "18px 16px 14px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": null + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 124, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 124, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 60, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 60, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(20, 20, 20)", + "display": "flex", + "marginInlineEnd": "8px" + } + } + ], + "image": { + "file": "light-mixed-resting.png", + "sha256": "5e2c1996590adfd4704db9797bb6f1e6793c4a297eade14c56f91e49ae77b6fa", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/linux/light-mixed-resting.png" + }, + "captures": 3, + "platform": "linux" + }, + { + "theme": "light", + "presentation": "mixed", + "state": "hover", + "items": [ + { + "selected": true, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(20, 20, 20)", + "display": "flex", + "marginInlineEnd": "0px" + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 69, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 69, + "height": 54.390625 + }, + "icon": null, + "label": { + "x": 16, + "y": 18, + "width": 37, + "height": 22.390625 + }, + "text": { + "x": 16, + "y": 21, + "width": 37, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "18px 16px 14px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": null + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 124, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 124, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 60, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 60, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(20, 20, 20)", + "display": "flex", + "marginInlineEnd": "8px" + } + } + ], + "image": { + "file": "light-mixed-hover.png", + "sha256": "5e2c1996590adfd4704db9797bb6f1e6793c4a297eade14c56f91e49ae77b6fa", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/linux/light-mixed-hover.png" + }, + "captures": 3, + "platform": "linux" + }, + { + "theme": "light", + "presentation": "mixed", + "state": "focus", + "items": [ + { + "selected": true, + "disabled": false, + "focusVisible": true, + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "-5px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(20, 20, 20)", + "display": "flex", + "marginInlineEnd": "0px" + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 69, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 69, + "height": 54.390625 + }, + "icon": null, + "label": { + "x": 16, + "y": 18, + "width": 37, + "height": 22.390625 + }, + "text": { + "x": 16, + "y": 21, + "width": 37, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "18px 16px 14px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": null + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 124, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 124, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 60, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 60, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(20, 20, 20)", + "display": "flex", + "marginInlineEnd": "8px" + } + } + ], + "image": { + "file": "light-mixed-focus.png", + "sha256": "c982e0c08dba9dbee77020201f90a468918b73ca5005e5c2f11b8cead2dae2dc", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/linux/light-mixed-focus.png" + }, + "captures": 3, + "platform": "linux" + }, + { + "theme": "light", + "presentation": "mixed", + "state": "disabled", + "items": [ + { + "selected": true, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(20, 20, 20)", + "display": "flex", + "marginInlineEnd": "0px" + } + }, + { + "selected": false, + "disabled": true, + "focusVisible": false, + "geometry": { + "width": 69, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 69, + "height": 54.390625 + }, + "icon": null, + "label": { + "x": 16, + "y": 18, + "width": 37, + "height": 22.390625 + }, + "text": { + "x": 16, + "y": 21, + "width": 37, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "0.5", + "padding": "18px 16px 14px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": null + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 124, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 124, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 60, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 60, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(20, 20, 20)", + "display": "flex", + "marginInlineEnd": "8px" + } + } + ], + "image": { + "file": "light-mixed-disabled.png", + "sha256": "cab6e392cd3018abc0df485d2eec4d57de05f0cce1d7d23653708b150b433e49", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/linux/light-mixed-disabled.png" + }, + "captures": 3, + "platform": "linux" + }, + { + "theme": "dark", + "presentation": "icon-only", + "state": "resting", + "items": [ + { + "selected": true, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(225, 225, 225)", + "display": "flex", + "marginInlineEnd": "0px" + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M4 3H20V21H4ZM7 6V9H10V6ZM12 6V8H17V6ZM7 12V15H10V12ZM12 12V14H17V12Z", + "fill": "rgb(225, 225, 225)", + "display": "flex", + "marginInlineEnd": "0px" + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(225, 225, 225)", + "display": "flex", + "marginInlineEnd": "0px" + } + } + ], + "image": { + "file": "dark-icon-only-resting.png", + "sha256": "4a920d86ba5a92e80cdd9296dc9c37434075d560426b7fdbcb179fdc0faec510", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/linux/dark-icon-only-resting.png" + }, + "captures": 3, + "platform": "linux" + }, + { + "theme": "dark", + "presentation": "icon-only", + "state": "hover", + "items": [ + { + "selected": true, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(225, 225, 225)", + "display": "flex", + "marginInlineEnd": "0px" + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M4 3H20V21H4ZM7 6V9H10V6ZM12 6V8H17V6ZM7 12V15H10V12ZM12 12V14H17V12Z", + "fill": "rgb(225, 225, 225)", + "display": "flex", + "marginInlineEnd": "0px" + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(225, 225, 225)", + "display": "flex", + "marginInlineEnd": "0px" + } + } + ], + "image": { + "file": "dark-icon-only-hover.png", + "sha256": "4a920d86ba5a92e80cdd9296dc9c37434075d560426b7fdbcb179fdc0faec510", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/linux/dark-icon-only-hover.png" + }, + "captures": 3, + "platform": "linux" + }, + { + "theme": "dark", + "presentation": "icon-only", + "state": "focus", + "items": [ + { + "selected": true, + "disabled": false, + "focusVisible": true, + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "-5px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(225, 225, 225)", + "display": "flex", + "marginInlineEnd": "0px" + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M4 3H20V21H4ZM7 6V9H10V6ZM12 6V8H17V6ZM7 12V15H10V12ZM12 12V14H17V12Z", + "fill": "rgb(225, 225, 225)", + "display": "flex", + "marginInlineEnd": "0px" + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(225, 225, 225)", + "display": "flex", + "marginInlineEnd": "0px" + } + } + ], + "image": { + "file": "dark-icon-only-focus.png", + "sha256": "2946c913f664eb5e6a624d27d469d91b808df944992ede33c8680c7136771348", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/linux/dark-icon-only-focus.png" + }, + "captures": 3, + "platform": "linux" + }, + { + "theme": "dark", + "presentation": "icon-only", + "state": "disabled", + "items": [ + { + "selected": true, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(225, 225, 225)", + "display": "flex", + "marginInlineEnd": "0px" + } + }, + { + "selected": false, + "disabled": true, + "focusVisible": false, + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "0.5", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M4 3H20V21H4ZM7 6V9H10V6ZM12 6V8H17V6ZM7 12V15H10V12ZM12 12V14H17V12Z", + "fill": "rgb(225, 225, 225)", + "display": "flex", + "marginInlineEnd": "0px" + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(225, 225, 225)", + "display": "flex", + "marginInlineEnd": "0px" + } + } + ], + "image": { + "file": "dark-icon-only-disabled.png", + "sha256": "c158c8d600a6b96e38a840f8f505638c6f88dbc6cd2926a33445831ab4622b7c", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/linux/dark-icon-only-disabled.png" + }, + "captures": 3, + "platform": "linux" + }, + { + "theme": "dark", + "presentation": "icon-and-title", + "state": "resting", + "items": [ + { + "selected": true, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 123, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 123, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 59, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 59, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(225, 225, 225)", + "display": "flex", + "marginInlineEnd": "8px" + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 101, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 101, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 37, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 37, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M4 3H20V21H4ZM7 6V9H10V6ZM12 6V8H17V6ZM7 12V15H10V12ZM12 12V14H17V12Z", + "fill": "rgb(225, 225, 225)", + "display": "flex", + "marginInlineEnd": "8px" + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 124, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 124, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 60, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 60, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(225, 225, 225)", + "display": "flex", + "marginInlineEnd": "8px" + } + } + ], + "image": { + "file": "dark-icon-and-title-resting.png", + "sha256": "3a645c5c0692b9c60ad58a5c0dd20175824ed3f7a1967b832c3aee648521441e", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/linux/dark-icon-and-title-resting.png" + }, + "captures": 3, + "platform": "linux" + }, + { + "theme": "dark", + "presentation": "icon-and-title", + "state": "hover", + "items": [ + { + "selected": true, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 123, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 123, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 59, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 59, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(225, 225, 225)", + "display": "flex", + "marginInlineEnd": "8px" + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 101, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 101, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 37, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 37, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M4 3H20V21H4ZM7 6V9H10V6ZM12 6V8H17V6ZM7 12V15H10V12ZM12 12V14H17V12Z", + "fill": "rgb(225, 225, 225)", + "display": "flex", + "marginInlineEnd": "8px" + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 124, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 124, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 60, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 60, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(225, 225, 225)", + "display": "flex", + "marginInlineEnd": "8px" + } + } + ], + "image": { + "file": "dark-icon-and-title-hover.png", + "sha256": "3a645c5c0692b9c60ad58a5c0dd20175824ed3f7a1967b832c3aee648521441e", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/linux/dark-icon-and-title-hover.png" + }, + "captures": 3, + "platform": "linux" + }, + { + "theme": "dark", + "presentation": "icon-and-title", + "state": "focus", + "items": [ + { + "selected": true, + "disabled": false, + "focusVisible": true, + "geometry": { + "width": 123, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 123, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 59, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 59, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "-5px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(225, 225, 225)", + "display": "flex", + "marginInlineEnd": "8px" + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 101, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 101, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 37, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 37, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M4 3H20V21H4ZM7 6V9H10V6ZM12 6V8H17V6ZM7 12V15H10V12ZM12 12V14H17V12Z", + "fill": "rgb(225, 225, 225)", + "display": "flex", + "marginInlineEnd": "8px" + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 124, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 124, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 60, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 60, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(225, 225, 225)", + "display": "flex", + "marginInlineEnd": "8px" + } + } + ], + "image": { + "file": "dark-icon-and-title-focus.png", + "sha256": "81bb36ebc2ce0d2a01af3ebb8a7bf9a4df331788508de99daff9706b28310e7e", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/linux/dark-icon-and-title-focus.png" + }, + "captures": 3, + "platform": "linux" + }, + { + "theme": "dark", + "presentation": "icon-and-title", + "state": "disabled", + "items": [ + { + "selected": true, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 123, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 123, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 59, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 59, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(225, 225, 225)", + "display": "flex", + "marginInlineEnd": "8px" + } + }, + { + "selected": false, + "disabled": true, + "focusVisible": false, + "geometry": { + "width": 101, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 101, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 37, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 37, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "0.5", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M4 3H20V21H4ZM7 6V9H10V6ZM12 6V8H17V6ZM7 12V15H10V12ZM12 12V14H17V12Z", + "fill": "rgb(225, 225, 225)", + "display": "flex", + "marginInlineEnd": "8px" + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 124, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 124, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 60, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 60, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(225, 225, 225)", + "display": "flex", + "marginInlineEnd": "8px" + } + } + ], + "image": { + "file": "dark-icon-and-title-disabled.png", + "sha256": "e514f9a99adbb603371ec22e4fdad1bb67af313cc3c996402962c016ac13e314", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/linux/dark-icon-and-title-disabled.png" + }, + "captures": 3, + "platform": "linux" + }, + { + "theme": "dark", + "presentation": "mixed", + "state": "resting", + "items": [ + { + "selected": true, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(225, 225, 225)", + "display": "flex", + "marginInlineEnd": "0px" + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 69, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 69, + "height": 54.390625 + }, + "icon": null, + "label": { + "x": 16, + "y": 18, + "width": 37, + "height": 22.390625 + }, + "text": { + "x": 16, + "y": 21, + "width": 37, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "18px 16px 14px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": null + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 124, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 124, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 60, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 60, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(225, 225, 225)", + "display": "flex", + "marginInlineEnd": "8px" + } + } + ], + "image": { + "file": "dark-mixed-resting.png", + "sha256": "53a3c0411cff7ffb86b5fee2ade75936953ebb16c7ab3325fd89d1646b7b24ca", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/linux/dark-mixed-resting.png" + }, + "captures": 3, + "platform": "linux" + }, + { + "theme": "dark", + "presentation": "mixed", + "state": "hover", + "items": [ + { + "selected": true, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(225, 225, 225)", + "display": "flex", + "marginInlineEnd": "0px" + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 69, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 69, + "height": 54.390625 + }, + "icon": null, + "label": { + "x": 16, + "y": 18, + "width": 37, + "height": 22.390625 + }, + "text": { + "x": 16, + "y": 21, + "width": 37, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "18px 16px 14px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": null + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 124, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 124, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 60, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 60, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(225, 225, 225)", + "display": "flex", + "marginInlineEnd": "8px" + } + } + ], + "image": { + "file": "dark-mixed-hover.png", + "sha256": "53a3c0411cff7ffb86b5fee2ade75936953ebb16c7ab3325fd89d1646b7b24ca", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/linux/dark-mixed-hover.png" + }, + "captures": 3, + "platform": "linux" + }, + { + "theme": "dark", + "presentation": "mixed", + "state": "focus", + "items": [ + { + "selected": true, + "disabled": false, + "focusVisible": true, + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "-5px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(225, 225, 225)", + "display": "flex", + "marginInlineEnd": "0px" + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 69, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 69, + "height": 54.390625 + }, + "icon": null, + "label": { + "x": 16, + "y": 18, + "width": 37, + "height": 22.390625 + }, + "text": { + "x": 16, + "y": 21, + "width": 37, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "18px 16px 14px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": null + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 124, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 124, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 60, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 60, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(225, 225, 225)", + "display": "flex", + "marginInlineEnd": "8px" + } + } + ], + "image": { + "file": "dark-mixed-focus.png", + "sha256": "26daf862c9b344012c3a09ac918a175fe8744db97874151c9a3624b9baebe0bf", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/linux/dark-mixed-focus.png" + }, + "captures": 3, + "platform": "linux" + }, + { + "theme": "dark", + "presentation": "mixed", + "state": "disabled", + "items": [ + { + "selected": true, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(225, 225, 225)", + "display": "flex", + "marginInlineEnd": "0px" + } + }, + { + "selected": false, + "disabled": true, + "focusVisible": false, + "geometry": { + "width": 69, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 69, + "height": 54.390625 + }, + "icon": null, + "label": { + "x": 16, + "y": 18, + "width": 37, + "height": 22.390625 + }, + "text": { + "x": 16, + "y": 21, + "width": 37, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "0.5", + "padding": "18px 16px 14px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": null + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 124, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 124, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 60, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 60, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(225, 225, 225)", + "display": "flex", + "marginInlineEnd": "8px" + } + } + ], + "image": { + "file": "dark-mixed-disabled.png", + "sha256": "a807467089990c6cb5fcdbb9a220f9f666b804ffe49c1de806ce4cf8e2aeabfa", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/linux/dark-mixed-disabled.png" + }, + "captures": 3, + "platform": "linux" + } + ] +} diff --git a/docs/evidence/ha-navigation-overflow-reference.json b/docs/evidence/ha-navigation-overflow-reference.json new file mode 100644 index 0000000..9fb82de --- /dev/null +++ b/docs/evidence/ha-navigation-overflow-reference.json @@ -0,0 +1,5097 @@ +{ + "states": [ + { + "platform": "macos", + "theme": "light", + "rtl": false, + "state": "start", + "scroll": { + "position": 0, + "viewport": 240, + "width": 671 + }, + "items": [ + { + "label": "Overview", + "box": { + "x": 0, + "y": 0, + "width": 89.484375, + "height": 56 + } + }, + { + "label": "Tasks", + "box": { + "x": 89.484375, + "y": 0, + "width": 68.6875, + "height": 56 + } + }, + { + "label": "Inventory", + "box": { + "x": 158.171875, + "y": 0, + "width": 90.15625, + "height": 56 + } + }, + { + "label": "Family", + "box": { + "x": 248.328125, + "y": 0, + "width": 73.1875, + "height": 56 + } + }, + { + "label": "Settings", + "box": { + "x": 321.515625, + "y": 0, + "width": 83.796875, + "height": 56 + } + }, + { + "label": "Calendar", + "box": { + "x": 405.3125, + "y": 0, + "width": 88, + "height": 56 + } + }, + { + "label": "Shopping", + "box": { + "x": 493.3125, + "y": 0, + "width": 91.265625, + "height": 56 + } + }, + { + "label": "Rewards", + "box": { + "x": 584.578125, + "y": 0, + "width": 86.15625, + "height": 56 + } + } + ], + "controls": [ + { + "side": "end", + "outer": { + "x": 219, + "y": 0, + "width": 21, + "height": 56 + }, + "button": { + "x": 209.5, + "y": 8, + "width": 40, + "height": 40 + }, + "icon": { + "x": 225.125, + "y": 21, + "width": 8.75, + "height": 14 + }, + "focusVisible": false, + "background": "linear-gradient(270deg, rgb(255, 255, 255), rgba(0, 0, 0, 0))", + "borderRadius": "12px" + } + ], + "image": { + "path": "tests/storybook/reference/ha-navigation-overflow/macos/light-ltr-start.png", + "sha256": "77faac8434e945fe27b314eccdfccd77ab66f7b332735c9ecd83517a91105cb6", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "77faac8434e945fe27b314eccdfccd77ab66f7b332735c9ecd83517a91105cb6" + } + }, + { + "platform": "macos", + "theme": "light", + "rtl": false, + "state": "middle", + "scroll": { + "position": 240, + "viewport": 240, + "width": 671 + }, + "items": [ + { + "label": "Overview", + "box": { + "x": -240, + "y": 0, + "width": 89.484375, + "height": 56 + } + }, + { + "label": "Tasks", + "box": { + "x": -150.515625, + "y": 0, + "width": 68.6875, + "height": 56 + } + }, + { + "label": "Inventory", + "box": { + "x": -81.828125, + "y": 0, + "width": 90.15625, + "height": 56 + } + }, + { + "label": "Family", + "box": { + "x": 8.328125, + "y": 0, + "width": 73.1875, + "height": 56 + } + }, + { + "label": "Settings", + "box": { + "x": 81.515625, + "y": 0, + "width": 83.796875, + "height": 56 + } + }, + { + "label": "Calendar", + "box": { + "x": 165.3125, + "y": 0, + "width": 88, + "height": 56 + } + }, + { + "label": "Shopping", + "box": { + "x": 253.3125, + "y": 0, + "width": 91.265625, + "height": 56 + } + }, + { + "label": "Rewards", + "box": { + "x": 344.578125, + "y": 0, + "width": 86.15625, + "height": 56 + } + } + ], + "controls": [ + { + "side": "start", + "outer": { + "x": 0, + "y": 0, + "width": 21, + "height": 56 + }, + "button": { + "x": -9.5, + "y": 8, + "width": 40, + "height": 40 + }, + "icon": { + "x": 6.125, + "y": 21, + "width": 8.75, + "height": 14 + }, + "focusVisible": false, + "background": "linear-gradient(90deg, rgb(255, 255, 255), rgba(0, 0, 0, 0))", + "borderRadius": "12px" + }, + { + "side": "end", + "outer": { + "x": 219, + "y": 0, + "width": 21, + "height": 56 + }, + "button": { + "x": 209.5, + "y": 8, + "width": 40, + "height": 40 + }, + "icon": { + "x": 225.125, + "y": 21, + "width": 8.75, + "height": 14 + }, + "focusVisible": false, + "background": "linear-gradient(270deg, rgb(255, 255, 255), rgba(0, 0, 0, 0))", + "borderRadius": "12px" + } + ], + "image": { + "path": "tests/storybook/reference/ha-navigation-overflow/macos/light-ltr-middle.png", + "sha256": "de0f42a0947551aef0b2be3ee03fcac98cc19ac79f36f49e8d226a75d682f3ed", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "de0f42a0947551aef0b2be3ee03fcac98cc19ac79f36f49e8d226a75d682f3ed" + } + }, + { + "platform": "macos", + "theme": "light", + "rtl": false, + "state": "end", + "scroll": { + "position": 431, + "viewport": 240, + "width": 671 + }, + "items": [ + { + "label": "Overview", + "box": { + "x": -431, + "y": 0, + "width": 89.484375, + "height": 56 + } + }, + { + "label": "Tasks", + "box": { + "x": -341.515625, + "y": 0, + "width": 68.6875, + "height": 56 + } + }, + { + "label": "Inventory", + "box": { + "x": -272.828125, + "y": 0, + "width": 90.15625, + "height": 56 + } + }, + { + "label": "Family", + "box": { + "x": -182.671875, + "y": 0, + "width": 73.1875, + "height": 56 + } + }, + { + "label": "Settings", + "box": { + "x": -109.484375, + "y": 0, + "width": 83.796875, + "height": 56 + } + }, + { + "label": "Calendar", + "box": { + "x": -25.6875, + "y": 0, + "width": 88, + "height": 56 + } + }, + { + "label": "Shopping", + "box": { + "x": 62.3125, + "y": 0, + "width": 91.265625, + "height": 56 + } + }, + { + "label": "Rewards", + "box": { + "x": 153.578125, + "y": 0, + "width": 86.15625, + "height": 56 + } + } + ], + "controls": [ + { + "side": "start", + "outer": { + "x": 0, + "y": 0, + "width": 21, + "height": 56 + }, + "button": { + "x": -9.5, + "y": 8, + "width": 40, + "height": 40 + }, + "icon": { + "x": 6.125, + "y": 21, + "width": 8.75, + "height": 14 + }, + "focusVisible": false, + "background": "linear-gradient(90deg, rgb(255, 255, 255), rgba(0, 0, 0, 0))", + "borderRadius": "12px" + } + ], + "image": { + "path": "tests/storybook/reference/ha-navigation-overflow/macos/light-ltr-end.png", + "sha256": "2041529ef861d4b3d1655befa1fa765dbfab813541025a09ff1977dea0fd62a1", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "2041529ef861d4b3d1655befa1fa765dbfab813541025a09ff1977dea0fd62a1" + } + }, + { + "platform": "macos", + "theme": "light", + "rtl": false, + "state": "hover-next", + "scroll": { + "position": 0, + "viewport": 240, + "width": 671 + }, + "items": [ + { + "label": "Overview", + "box": { + "x": -10, + "y": 0, + "width": 89.484375, + "height": 56 + } + }, + { + "label": "Tasks", + "box": { + "x": 79.484375, + "y": 0, + "width": 68.6875, + "height": 56 + } + }, + { + "label": "Inventory", + "box": { + "x": 148.171875, + "y": 0, + "width": 90.15625, + "height": 56 + } + }, + { + "label": "Family", + "box": { + "x": 238.328125, + "y": 0, + "width": 73.1875, + "height": 56 + } + }, + { + "label": "Settings", + "box": { + "x": 311.515625, + "y": 0, + "width": 83.796875, + "height": 56 + } + }, + { + "label": "Calendar", + "box": { + "x": 395.3125, + "y": 0, + "width": 88, + "height": 56 + } + }, + { + "label": "Shopping", + "box": { + "x": 483.3125, + "y": 0, + "width": 91.265625, + "height": 56 + } + }, + { + "label": "Rewards", + "box": { + "x": 574.578125, + "y": 0, + "width": 86.15625, + "height": 56 + } + } + ], + "controls": [ + { + "side": "end", + "outer": { + "x": 209, + "y": 0, + "width": 21, + "height": 56 + }, + "button": { + "x": 199.5, + "y": 8, + "width": 40, + "height": 40 + }, + "icon": { + "x": 215.125, + "y": 21, + "width": 8.75, + "height": 14 + }, + "focusVisible": false, + "background": "linear-gradient(270deg, rgb(255, 255, 255), rgba(0, 0, 0, 0))", + "borderRadius": "12px" + } + ], + "image": { + "path": "tests/storybook/reference/ha-navigation-overflow/macos/light-ltr-hover-next.png", + "sha256": "07554add33de5ed97291ff092e60953f33503997fc3193d2e5ffd411cbe253e5", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "07554add33de5ed97291ff092e60953f33503997fc3193d2e5ffd411cbe253e5" + } + }, + { + "platform": "macos", + "theme": "light", + "rtl": false, + "state": "focus-next", + "scroll": { + "position": 0, + "viewport": 240, + "width": 671 + }, + "items": [ + { + "label": "Overview", + "box": { + "x": 0, + "y": 0, + "width": 89.484375, + "height": 56 + } + }, + { + "label": "Tasks", + "box": { + "x": 89.484375, + "y": 0, + "width": 68.6875, + "height": 56 + } + }, + { + "label": "Inventory", + "box": { + "x": 158.171875, + "y": 0, + "width": 90.15625, + "height": 56 + } + }, + { + "label": "Family", + "box": { + "x": 248.328125, + "y": 0, + "width": 73.1875, + "height": 56 + } + }, + { + "label": "Settings", + "box": { + "x": 321.515625, + "y": 0, + "width": 83.796875, + "height": 56 + } + }, + { + "label": "Calendar", + "box": { + "x": 405.3125, + "y": 0, + "width": 88, + "height": 56 + } + }, + { + "label": "Shopping", + "box": { + "x": 493.3125, + "y": 0, + "width": 91.265625, + "height": 56 + } + }, + { + "label": "Rewards", + "box": { + "x": 584.578125, + "y": 0, + "width": 86.15625, + "height": 56 + } + } + ], + "controls": [ + { + "side": "end", + "outer": { + "x": 219, + "y": 0, + "width": 21, + "height": 56 + }, + "button": { + "x": 209.5, + "y": 8, + "width": 40, + "height": 40 + }, + "icon": { + "x": 225.125, + "y": 21, + "width": 8.75, + "height": 14 + }, + "focusVisible": true, + "background": "linear-gradient(270deg, rgb(255, 255, 255), rgba(0, 0, 0, 0))", + "borderRadius": "12px" + } + ], + "image": { + "path": "tests/storybook/reference/ha-navigation-overflow/macos/light-ltr-focus-next.png", + "sha256": "40fbe916f1a153e913f1266d6d687b2630804196275cf79d79b7a8701aed2f38", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "40fbe916f1a153e913f1266d6d687b2630804196275cf79d79b7a8701aed2f38" + } + }, + { + "platform": "macos", + "theme": "light", + "rtl": true, + "state": "start", + "scroll": { + "position": 0, + "viewport": 240, + "width": 671 + }, + "items": [ + { + "label": "Overview", + "box": { + "x": 150.515625, + "y": 0, + "width": 89.484375, + "height": 56 + } + }, + { + "label": "Tasks", + "box": { + "x": 81.828125, + "y": 0, + "width": 68.6875, + "height": 56 + } + }, + { + "label": "Inventory", + "box": { + "x": -8.328125, + "y": 0, + "width": 90.15625, + "height": 56 + } + }, + { + "label": "Family", + "box": { + "x": -81.515625, + "y": 0, + "width": 73.1875, + "height": 56 + } + }, + { + "label": "Settings", + "box": { + "x": -165.3125, + "y": 0, + "width": 83.796875, + "height": 56 + } + }, + { + "label": "Calendar", + "box": { + "x": -253.3125, + "y": 0, + "width": 88, + "height": 56 + } + }, + { + "label": "Shopping", + "box": { + "x": -344.578125, + "y": 0, + "width": 91.265625, + "height": 56 + } + }, + { + "label": "Rewards", + "box": { + "x": -430.734375, + "y": 0, + "width": 86.15625, + "height": 56 + } + } + ], + "controls": [ + { + "side": "end", + "outer": { + "x": 0, + "y": 0, + "width": 21, + "height": 56 + }, + "button": { + "x": -9.5, + "y": 8, + "width": 40, + "height": 40 + }, + "icon": { + "x": 6.125, + "y": 21, + "width": 8.75, + "height": 14 + }, + "focusVisible": false, + "background": "linear-gradient(270deg, rgb(255, 255, 255), rgba(0, 0, 0, 0))", + "borderRadius": "12px" + } + ], + "image": { + "path": "tests/storybook/reference/ha-navigation-overflow/macos/light-rtl-start.png", + "sha256": "88f4672bc67069c9cabe76418c4dcde9e0f20c775669626d0d7da8409ac7a515", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "88f4672bc67069c9cabe76418c4dcde9e0f20c775669626d0d7da8409ac7a515" + } + }, + { + "platform": "macos", + "theme": "light", + "rtl": true, + "state": "middle", + "scroll": { + "position": -240, + "viewport": 240, + "width": 671 + }, + "items": [ + { + "label": "Overview", + "box": { + "x": 390.515625, + "y": 0, + "width": 89.484375, + "height": 56 + } + }, + { + "label": "Tasks", + "box": { + "x": 321.828125, + "y": 0, + "width": 68.6875, + "height": 56 + } + }, + { + "label": "Inventory", + "box": { + "x": 231.671875, + "y": 0, + "width": 90.15625, + "height": 56 + } + }, + { + "label": "Family", + "box": { + "x": 158.484375, + "y": 0, + "width": 73.1875, + "height": 56 + } + }, + { + "label": "Settings", + "box": { + "x": 74.6875, + "y": 0, + "width": 83.796875, + "height": 56 + } + }, + { + "label": "Calendar", + "box": { + "x": -13.3125, + "y": 0, + "width": 88, + "height": 56 + } + }, + { + "label": "Shopping", + "box": { + "x": -104.578125, + "y": 0, + "width": 91.265625, + "height": 56 + } + }, + { + "label": "Rewards", + "box": { + "x": -190.734375, + "y": 0, + "width": 86.15625, + "height": 56 + } + } + ], + "controls": [ + { + "side": "start", + "outer": { + "x": 219, + "y": 0, + "width": 21, + "height": 56 + }, + "button": { + "x": 209.5, + "y": 8, + "width": 40, + "height": 40 + }, + "icon": { + "x": 225.125, + "y": 21, + "width": 8.75, + "height": 14 + }, + "focusVisible": false, + "background": "linear-gradient(90deg, rgb(255, 255, 255), rgba(0, 0, 0, 0))", + "borderRadius": "12px" + }, + { + "side": "end", + "outer": { + "x": 0, + "y": 0, + "width": 21, + "height": 56 + }, + "button": { + "x": -9.5, + "y": 8, + "width": 40, + "height": 40 + }, + "icon": { + "x": 6.125, + "y": 21, + "width": 8.75, + "height": 14 + }, + "focusVisible": false, + "background": "linear-gradient(270deg, rgb(255, 255, 255), rgba(0, 0, 0, 0))", + "borderRadius": "12px" + } + ], + "image": { + "path": "tests/storybook/reference/ha-navigation-overflow/macos/light-rtl-middle.png", + "sha256": "7d6166d54d0c090af5b004498c21b6cc7d30b72a5a521c63b978879ce9d8904e", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "7d6166d54d0c090af5b004498c21b6cc7d30b72a5a521c63b978879ce9d8904e" + } + }, + { + "platform": "macos", + "theme": "light", + "rtl": true, + "state": "end", + "scroll": { + "position": -430, + "viewport": 240, + "width": 671 + }, + "items": [ + { + "label": "Overview", + "box": { + "x": 580.515625, + "y": 0, + "width": 89.484375, + "height": 56 + } + }, + { + "label": "Tasks", + "box": { + "x": 511.828125, + "y": 0, + "width": 68.6875, + "height": 56 + } + }, + { + "label": "Inventory", + "box": { + "x": 421.671875, + "y": 0, + "width": 90.15625, + "height": 56 + } + }, + { + "label": "Family", + "box": { + "x": 348.484375, + "y": 0, + "width": 73.1875, + "height": 56 + } + }, + { + "label": "Settings", + "box": { + "x": 264.6875, + "y": 0, + "width": 83.796875, + "height": 56 + } + }, + { + "label": "Calendar", + "box": { + "x": 176.6875, + "y": 0, + "width": 88, + "height": 56 + } + }, + { + "label": "Shopping", + "box": { + "x": 85.421875, + "y": 0, + "width": 91.265625, + "height": 56 + } + }, + { + "label": "Rewards", + "box": { + "x": -0.734375, + "y": 0, + "width": 86.15625, + "height": 56 + } + } + ], + "controls": [ + { + "side": "start", + "outer": { + "x": 219, + "y": 0, + "width": 21, + "height": 56 + }, + "button": { + "x": 209.5, + "y": 8, + "width": 40, + "height": 40 + }, + "icon": { + "x": 225.125, + "y": 21, + "width": 8.75, + "height": 14 + }, + "focusVisible": false, + "background": "linear-gradient(90deg, rgb(255, 255, 255), rgba(0, 0, 0, 0))", + "borderRadius": "12px" + } + ], + "image": { + "path": "tests/storybook/reference/ha-navigation-overflow/macos/light-rtl-end.png", + "sha256": "362f019ec93171ae6fa708e28927f2bcdc7c028adb7f6cb2bb7874b75f9f7d2a", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "362f019ec93171ae6fa708e28927f2bcdc7c028adb7f6cb2bb7874b75f9f7d2a" + } + }, + { + "platform": "macos", + "theme": "light", + "rtl": true, + "state": "hover-next", + "scroll": { + "position": 0, + "viewport": 240, + "width": 671 + }, + "items": [ + { + "label": "Overview", + "box": { + "x": 159.515625, + "y": 0, + "width": 89.484375, + "height": 56 + } + }, + { + "label": "Tasks", + "box": { + "x": 90.828125, + "y": 0, + "width": 68.6875, + "height": 56 + } + }, + { + "label": "Inventory", + "box": { + "x": 0.671875, + "y": 0, + "width": 90.15625, + "height": 56 + } + }, + { + "label": "Family", + "box": { + "x": -72.515625, + "y": 0, + "width": 73.1875, + "height": 56 + } + }, + { + "label": "Settings", + "box": { + "x": -156.3125, + "y": 0, + "width": 83.796875, + "height": 56 + } + }, + { + "label": "Calendar", + "box": { + "x": -244.3125, + "y": 0, + "width": 88, + "height": 56 + } + }, + { + "label": "Shopping", + "box": { + "x": -335.578125, + "y": 0, + "width": 91.265625, + "height": 56 + } + }, + { + "label": "Rewards", + "box": { + "x": -421.734375, + "y": 0, + "width": 86.15625, + "height": 56 + } + } + ], + "controls": [ + { + "side": "end", + "outer": { + "x": 9, + "y": 0, + "width": 21, + "height": 56 + }, + "button": { + "x": -0.5, + "y": 8, + "width": 40, + "height": 40 + }, + "icon": { + "x": 15.125, + "y": 21, + "width": 8.75, + "height": 14 + }, + "focusVisible": false, + "background": "linear-gradient(270deg, rgb(255, 255, 255), rgba(0, 0, 0, 0))", + "borderRadius": "12px" + } + ], + "image": { + "path": "tests/storybook/reference/ha-navigation-overflow/macos/light-rtl-hover-next.png", + "sha256": "258b85b166564d6a2ad2309c2c126ba091d25c38192c8d32db36524132110896", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "258b85b166564d6a2ad2309c2c126ba091d25c38192c8d32db36524132110896" + } + }, + { + "platform": "macos", + "theme": "light", + "rtl": true, + "state": "focus-next", + "scroll": { + "position": 0, + "viewport": 240, + "width": 671 + }, + "items": [ + { + "label": "Overview", + "box": { + "x": 150.515625, + "y": 0, + "width": 89.484375, + "height": 56 + } + }, + { + "label": "Tasks", + "box": { + "x": 81.828125, + "y": 0, + "width": 68.6875, + "height": 56 + } + }, + { + "label": "Inventory", + "box": { + "x": -8.328125, + "y": 0, + "width": 90.15625, + "height": 56 + } + }, + { + "label": "Family", + "box": { + "x": -81.515625, + "y": 0, + "width": 73.1875, + "height": 56 + } + }, + { + "label": "Settings", + "box": { + "x": -165.3125, + "y": 0, + "width": 83.796875, + "height": 56 + } + }, + { + "label": "Calendar", + "box": { + "x": -253.3125, + "y": 0, + "width": 88, + "height": 56 + } + }, + { + "label": "Shopping", + "box": { + "x": -344.578125, + "y": 0, + "width": 91.265625, + "height": 56 + } + }, + { + "label": "Rewards", + "box": { + "x": -430.734375, + "y": 0, + "width": 86.15625, + "height": 56 + } + } + ], + "controls": [ + { + "side": "end", + "outer": { + "x": 0, + "y": 0, + "width": 21, + "height": 56 + }, + "button": { + "x": -9.5, + "y": 8, + "width": 40, + "height": 40 + }, + "icon": { + "x": 6.125, + "y": 21, + "width": 8.75, + "height": 14 + }, + "focusVisible": true, + "background": "linear-gradient(270deg, rgb(255, 255, 255), rgba(0, 0, 0, 0))", + "borderRadius": "12px" + } + ], + "image": { + "path": "tests/storybook/reference/ha-navigation-overflow/macos/light-rtl-focus-next.png", + "sha256": "2fcfc48492f09406a188b95a6a12ddb8ea8f10221bd8a0131b92e370bb9c1ea5", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "2fcfc48492f09406a188b95a6a12ddb8ea8f10221bd8a0131b92e370bb9c1ea5" + } + }, + { + "platform": "macos", + "theme": "dark", + "rtl": false, + "state": "start", + "scroll": { + "position": 0, + "viewport": 240, + "width": 671 + }, + "items": [ + { + "label": "Overview", + "box": { + "x": 0, + "y": 0, + "width": 89.484375, + "height": 56 + } + }, + { + "label": "Tasks", + "box": { + "x": 89.484375, + "y": 0, + "width": 68.6875, + "height": 56 + } + }, + { + "label": "Inventory", + "box": { + "x": 158.171875, + "y": 0, + "width": 90.15625, + "height": 56 + } + }, + { + "label": "Family", + "box": { + "x": 248.328125, + "y": 0, + "width": 73.1875, + "height": 56 + } + }, + { + "label": "Settings", + "box": { + "x": 321.515625, + "y": 0, + "width": 83.796875, + "height": 56 + } + }, + { + "label": "Calendar", + "box": { + "x": 405.3125, + "y": 0, + "width": 88, + "height": 56 + } + }, + { + "label": "Shopping", + "box": { + "x": 493.3125, + "y": 0, + "width": 91.265625, + "height": 56 + } + }, + { + "label": "Rewards", + "box": { + "x": 584.578125, + "y": 0, + "width": 86.15625, + "height": 56 + } + } + ], + "controls": [ + { + "side": "end", + "outer": { + "x": 219, + "y": 0, + "width": 21, + "height": 56 + }, + "button": { + "x": 209.5, + "y": 8, + "width": 40, + "height": 40 + }, + "icon": { + "x": 225.125, + "y": 21, + "width": 8.75, + "height": 14 + }, + "focusVisible": false, + "background": "linear-gradient(270deg, rgb(28, 28, 28), rgba(0, 0, 0, 0))", + "borderRadius": "12px" + } + ], + "image": { + "path": "tests/storybook/reference/ha-navigation-overflow/macos/dark-ltr-start.png", + "sha256": "2c70dd70107796b75f32c2cd1ddb8458f15ea39c690a3fe04fadf00f5aff6b36", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "2c70dd70107796b75f32c2cd1ddb8458f15ea39c690a3fe04fadf00f5aff6b36" + } + }, + { + "platform": "macos", + "theme": "dark", + "rtl": false, + "state": "middle", + "scroll": { + "position": 240, + "viewport": 240, + "width": 671 + }, + "items": [ + { + "label": "Overview", + "box": { + "x": -240, + "y": 0, + "width": 89.484375, + "height": 56 + } + }, + { + "label": "Tasks", + "box": { + "x": -150.515625, + "y": 0, + "width": 68.6875, + "height": 56 + } + }, + { + "label": "Inventory", + "box": { + "x": -81.828125, + "y": 0, + "width": 90.15625, + "height": 56 + } + }, + { + "label": "Family", + "box": { + "x": 8.328125, + "y": 0, + "width": 73.1875, + "height": 56 + } + }, + { + "label": "Settings", + "box": { + "x": 81.515625, + "y": 0, + "width": 83.796875, + "height": 56 + } + }, + { + "label": "Calendar", + "box": { + "x": 165.3125, + "y": 0, + "width": 88, + "height": 56 + } + }, + { + "label": "Shopping", + "box": { + "x": 253.3125, + "y": 0, + "width": 91.265625, + "height": 56 + } + }, + { + "label": "Rewards", + "box": { + "x": 344.578125, + "y": 0, + "width": 86.15625, + "height": 56 + } + } + ], + "controls": [ + { + "side": "start", + "outer": { + "x": 0, + "y": 0, + "width": 21, + "height": 56 + }, + "button": { + "x": -9.5, + "y": 8, + "width": 40, + "height": 40 + }, + "icon": { + "x": 6.125, + "y": 21, + "width": 8.75, + "height": 14 + }, + "focusVisible": false, + "background": "linear-gradient(90deg, rgb(28, 28, 28), rgba(0, 0, 0, 0))", + "borderRadius": "12px" + }, + { + "side": "end", + "outer": { + "x": 219, + "y": 0, + "width": 21, + "height": 56 + }, + "button": { + "x": 209.5, + "y": 8, + "width": 40, + "height": 40 + }, + "icon": { + "x": 225.125, + "y": 21, + "width": 8.75, + "height": 14 + }, + "focusVisible": false, + "background": "linear-gradient(270deg, rgb(28, 28, 28), rgba(0, 0, 0, 0))", + "borderRadius": "12px" + } + ], + "image": { + "path": "tests/storybook/reference/ha-navigation-overflow/macos/dark-ltr-middle.png", + "sha256": "2e5fa29c40483ce870c3935c3c918e3ec80d65d7d6243fd3d6d862a366748d7f", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "2e5fa29c40483ce870c3935c3c918e3ec80d65d7d6243fd3d6d862a366748d7f" + } + }, + { + "platform": "macos", + "theme": "dark", + "rtl": false, + "state": "end", + "scroll": { + "position": 431, + "viewport": 240, + "width": 671 + }, + "items": [ + { + "label": "Overview", + "box": { + "x": -431, + "y": 0, + "width": 89.484375, + "height": 56 + } + }, + { + "label": "Tasks", + "box": { + "x": -341.515625, + "y": 0, + "width": 68.6875, + "height": 56 + } + }, + { + "label": "Inventory", + "box": { + "x": -272.828125, + "y": 0, + "width": 90.15625, + "height": 56 + } + }, + { + "label": "Family", + "box": { + "x": -182.671875, + "y": 0, + "width": 73.1875, + "height": 56 + } + }, + { + "label": "Settings", + "box": { + "x": -109.484375, + "y": 0, + "width": 83.796875, + "height": 56 + } + }, + { + "label": "Calendar", + "box": { + "x": -25.6875, + "y": 0, + "width": 88, + "height": 56 + } + }, + { + "label": "Shopping", + "box": { + "x": 62.3125, + "y": 0, + "width": 91.265625, + "height": 56 + } + }, + { + "label": "Rewards", + "box": { + "x": 153.578125, + "y": 0, + "width": 86.15625, + "height": 56 + } + } + ], + "controls": [ + { + "side": "start", + "outer": { + "x": 0, + "y": 0, + "width": 21, + "height": 56 + }, + "button": { + "x": -9.5, + "y": 8, + "width": 40, + "height": 40 + }, + "icon": { + "x": 6.125, + "y": 21, + "width": 8.75, + "height": 14 + }, + "focusVisible": false, + "background": "linear-gradient(90deg, rgb(28, 28, 28), rgba(0, 0, 0, 0))", + "borderRadius": "12px" + } + ], + "image": { + "path": "tests/storybook/reference/ha-navigation-overflow/macos/dark-ltr-end.png", + "sha256": "9d8892fe72333ab643c622b1c7f38482c7cf010f339bf3b9033e033506244f01", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "9d8892fe72333ab643c622b1c7f38482c7cf010f339bf3b9033e033506244f01" + } + }, + { + "platform": "macos", + "theme": "dark", + "rtl": false, + "state": "hover-next", + "scroll": { + "position": 0, + "viewport": 240, + "width": 671 + }, + "items": [ + { + "label": "Overview", + "box": { + "x": -10, + "y": 0, + "width": 89.484375, + "height": 56 + } + }, + { + "label": "Tasks", + "box": { + "x": 79.484375, + "y": 0, + "width": 68.6875, + "height": 56 + } + }, + { + "label": "Inventory", + "box": { + "x": 148.171875, + "y": 0, + "width": 90.15625, + "height": 56 + } + }, + { + "label": "Family", + "box": { + "x": 238.328125, + "y": 0, + "width": 73.1875, + "height": 56 + } + }, + { + "label": "Settings", + "box": { + "x": 311.515625, + "y": 0, + "width": 83.796875, + "height": 56 + } + }, + { + "label": "Calendar", + "box": { + "x": 395.3125, + "y": 0, + "width": 88, + "height": 56 + } + }, + { + "label": "Shopping", + "box": { + "x": 483.3125, + "y": 0, + "width": 91.265625, + "height": 56 + } + }, + { + "label": "Rewards", + "box": { + "x": 574.578125, + "y": 0, + "width": 86.15625, + "height": 56 + } + } + ], + "controls": [ + { + "side": "end", + "outer": { + "x": 209, + "y": 0, + "width": 21, + "height": 56 + }, + "button": { + "x": 199.5, + "y": 8, + "width": 40, + "height": 40 + }, + "icon": { + "x": 215.125, + "y": 21, + "width": 8.75, + "height": 14 + }, + "focusVisible": false, + "background": "linear-gradient(270deg, rgb(28, 28, 28), rgba(0, 0, 0, 0))", + "borderRadius": "12px" + } + ], + "image": { + "path": "tests/storybook/reference/ha-navigation-overflow/macos/dark-ltr-hover-next.png", + "sha256": "0d15f4335e096f35f9dc8720ba6c989c60b62416767e58dd480575f511142e5a", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "0d15f4335e096f35f9dc8720ba6c989c60b62416767e58dd480575f511142e5a" + } + }, + { + "platform": "macos", + "theme": "dark", + "rtl": false, + "state": "focus-next", + "scroll": { + "position": 0, + "viewport": 240, + "width": 671 + }, + "items": [ + { + "label": "Overview", + "box": { + "x": 0, + "y": 0, + "width": 89.484375, + "height": 56 + } + }, + { + "label": "Tasks", + "box": { + "x": 89.484375, + "y": 0, + "width": 68.6875, + "height": 56 + } + }, + { + "label": "Inventory", + "box": { + "x": 158.171875, + "y": 0, + "width": 90.15625, + "height": 56 + } + }, + { + "label": "Family", + "box": { + "x": 248.328125, + "y": 0, + "width": 73.1875, + "height": 56 + } + }, + { + "label": "Settings", + "box": { + "x": 321.515625, + "y": 0, + "width": 83.796875, + "height": 56 + } + }, + { + "label": "Calendar", + "box": { + "x": 405.3125, + "y": 0, + "width": 88, + "height": 56 + } + }, + { + "label": "Shopping", + "box": { + "x": 493.3125, + "y": 0, + "width": 91.265625, + "height": 56 + } + }, + { + "label": "Rewards", + "box": { + "x": 584.578125, + "y": 0, + "width": 86.15625, + "height": 56 + } + } + ], + "controls": [ + { + "side": "end", + "outer": { + "x": 219, + "y": 0, + "width": 21, + "height": 56 + }, + "button": { + "x": 209.5, + "y": 8, + "width": 40, + "height": 40 + }, + "icon": { + "x": 225.125, + "y": 21, + "width": 8.75, + "height": 14 + }, + "focusVisible": true, + "background": "linear-gradient(270deg, rgb(28, 28, 28), rgba(0, 0, 0, 0))", + "borderRadius": "12px" + } + ], + "image": { + "path": "tests/storybook/reference/ha-navigation-overflow/macos/dark-ltr-focus-next.png", + "sha256": "1e8755af3a1680a8c957a882dc2c7d33392ffe4e35ff921a481b89c537d1e516", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "1e8755af3a1680a8c957a882dc2c7d33392ffe4e35ff921a481b89c537d1e516" + } + }, + { + "platform": "macos", + "theme": "dark", + "rtl": true, + "state": "start", + "scroll": { + "position": 0, + "viewport": 240, + "width": 671 + }, + "items": [ + { + "label": "Overview", + "box": { + "x": 150.515625, + "y": 0, + "width": 89.484375, + "height": 56 + } + }, + { + "label": "Tasks", + "box": { + "x": 81.828125, + "y": 0, + "width": 68.6875, + "height": 56 + } + }, + { + "label": "Inventory", + "box": { + "x": -8.328125, + "y": 0, + "width": 90.15625, + "height": 56 + } + }, + { + "label": "Family", + "box": { + "x": -81.515625, + "y": 0, + "width": 73.1875, + "height": 56 + } + }, + { + "label": "Settings", + "box": { + "x": -165.3125, + "y": 0, + "width": 83.796875, + "height": 56 + } + }, + { + "label": "Calendar", + "box": { + "x": -253.3125, + "y": 0, + "width": 88, + "height": 56 + } + }, + { + "label": "Shopping", + "box": { + "x": -344.578125, + "y": 0, + "width": 91.265625, + "height": 56 + } + }, + { + "label": "Rewards", + "box": { + "x": -430.734375, + "y": 0, + "width": 86.15625, + "height": 56 + } + } + ], + "controls": [ + { + "side": "end", + "outer": { + "x": 0, + "y": 0, + "width": 21, + "height": 56 + }, + "button": { + "x": -9.5, + "y": 8, + "width": 40, + "height": 40 + }, + "icon": { + "x": 6.125, + "y": 21, + "width": 8.75, + "height": 14 + }, + "focusVisible": false, + "background": "linear-gradient(270deg, rgb(28, 28, 28), rgba(0, 0, 0, 0))", + "borderRadius": "12px" + } + ], + "image": { + "path": "tests/storybook/reference/ha-navigation-overflow/macos/dark-rtl-start.png", + "sha256": "796d8a187daf9a3bfc653b7a62c40bd0f2cfe47de4d50596fdf246191a91d361", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "796d8a187daf9a3bfc653b7a62c40bd0f2cfe47de4d50596fdf246191a91d361" + } + }, + { + "platform": "macos", + "theme": "dark", + "rtl": true, + "state": "middle", + "scroll": { + "position": -240, + "viewport": 240, + "width": 671 + }, + "items": [ + { + "label": "Overview", + "box": { + "x": 390.515625, + "y": 0, + "width": 89.484375, + "height": 56 + } + }, + { + "label": "Tasks", + "box": { + "x": 321.828125, + "y": 0, + "width": 68.6875, + "height": 56 + } + }, + { + "label": "Inventory", + "box": { + "x": 231.671875, + "y": 0, + "width": 90.15625, + "height": 56 + } + }, + { + "label": "Family", + "box": { + "x": 158.484375, + "y": 0, + "width": 73.1875, + "height": 56 + } + }, + { + "label": "Settings", + "box": { + "x": 74.6875, + "y": 0, + "width": 83.796875, + "height": 56 + } + }, + { + "label": "Calendar", + "box": { + "x": -13.3125, + "y": 0, + "width": 88, + "height": 56 + } + }, + { + "label": "Shopping", + "box": { + "x": -104.578125, + "y": 0, + "width": 91.265625, + "height": 56 + } + }, + { + "label": "Rewards", + "box": { + "x": -190.734375, + "y": 0, + "width": 86.15625, + "height": 56 + } + } + ], + "controls": [ + { + "side": "start", + "outer": { + "x": 219, + "y": 0, + "width": 21, + "height": 56 + }, + "button": { + "x": 209.5, + "y": 8, + "width": 40, + "height": 40 + }, + "icon": { + "x": 225.125, + "y": 21, + "width": 8.75, + "height": 14 + }, + "focusVisible": false, + "background": "linear-gradient(90deg, rgb(28, 28, 28), rgba(0, 0, 0, 0))", + "borderRadius": "12px" + }, + { + "side": "end", + "outer": { + "x": 0, + "y": 0, + "width": 21, + "height": 56 + }, + "button": { + "x": -9.5, + "y": 8, + "width": 40, + "height": 40 + }, + "icon": { + "x": 6.125, + "y": 21, + "width": 8.75, + "height": 14 + }, + "focusVisible": false, + "background": "linear-gradient(270deg, rgb(28, 28, 28), rgba(0, 0, 0, 0))", + "borderRadius": "12px" + } + ], + "image": { + "path": "tests/storybook/reference/ha-navigation-overflow/macos/dark-rtl-middle.png", + "sha256": "56bcb940eee8d2b929e1b7ffac20a3aba610d642cbbc9b157146b8e548fc302f", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "56bcb940eee8d2b929e1b7ffac20a3aba610d642cbbc9b157146b8e548fc302f" + } + }, + { + "platform": "macos", + "theme": "dark", + "rtl": true, + "state": "end", + "scroll": { + "position": -430, + "viewport": 240, + "width": 671 + }, + "items": [ + { + "label": "Overview", + "box": { + "x": 580.515625, + "y": 0, + "width": 89.484375, + "height": 56 + } + }, + { + "label": "Tasks", + "box": { + "x": 511.828125, + "y": 0, + "width": 68.6875, + "height": 56 + } + }, + { + "label": "Inventory", + "box": { + "x": 421.671875, + "y": 0, + "width": 90.15625, + "height": 56 + } + }, + { + "label": "Family", + "box": { + "x": 348.484375, + "y": 0, + "width": 73.1875, + "height": 56 + } + }, + { + "label": "Settings", + "box": { + "x": 264.6875, + "y": 0, + "width": 83.796875, + "height": 56 + } + }, + { + "label": "Calendar", + "box": { + "x": 176.6875, + "y": 0, + "width": 88, + "height": 56 + } + }, + { + "label": "Shopping", + "box": { + "x": 85.421875, + "y": 0, + "width": 91.265625, + "height": 56 + } + }, + { + "label": "Rewards", + "box": { + "x": -0.734375, + "y": 0, + "width": 86.15625, + "height": 56 + } + } + ], + "controls": [ + { + "side": "start", + "outer": { + "x": 219, + "y": 0, + "width": 21, + "height": 56 + }, + "button": { + "x": 209.5, + "y": 8, + "width": 40, + "height": 40 + }, + "icon": { + "x": 225.125, + "y": 21, + "width": 8.75, + "height": 14 + }, + "focusVisible": false, + "background": "linear-gradient(90deg, rgb(28, 28, 28), rgba(0, 0, 0, 0))", + "borderRadius": "12px" + } + ], + "image": { + "path": "tests/storybook/reference/ha-navigation-overflow/macos/dark-rtl-end.png", + "sha256": "eeb06cff27a9b0ce1fc417237de094ad691b5997e480c34efd27e0608b7fae46", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "eeb06cff27a9b0ce1fc417237de094ad691b5997e480c34efd27e0608b7fae46" + } + }, + { + "platform": "macos", + "theme": "dark", + "rtl": true, + "state": "hover-next", + "scroll": { + "position": 0, + "viewport": 240, + "width": 671 + }, + "items": [ + { + "label": "Overview", + "box": { + "x": 159.515625, + "y": 0, + "width": 89.484375, + "height": 56 + } + }, + { + "label": "Tasks", + "box": { + "x": 90.828125, + "y": 0, + "width": 68.6875, + "height": 56 + } + }, + { + "label": "Inventory", + "box": { + "x": 0.671875, + "y": 0, + "width": 90.15625, + "height": 56 + } + }, + { + "label": "Family", + "box": { + "x": -72.515625, + "y": 0, + "width": 73.1875, + "height": 56 + } + }, + { + "label": "Settings", + "box": { + "x": -156.3125, + "y": 0, + "width": 83.796875, + "height": 56 + } + }, + { + "label": "Calendar", + "box": { + "x": -244.3125, + "y": 0, + "width": 88, + "height": 56 + } + }, + { + "label": "Shopping", + "box": { + "x": -335.578125, + "y": 0, + "width": 91.265625, + "height": 56 + } + }, + { + "label": "Rewards", + "box": { + "x": -421.734375, + "y": 0, + "width": 86.15625, + "height": 56 + } + } + ], + "controls": [ + { + "side": "end", + "outer": { + "x": 9, + "y": 0, + "width": 21, + "height": 56 + }, + "button": { + "x": -0.5, + "y": 8, + "width": 40, + "height": 40 + }, + "icon": { + "x": 15.125, + "y": 21, + "width": 8.75, + "height": 14 + }, + "focusVisible": false, + "background": "linear-gradient(270deg, rgb(28, 28, 28), rgba(0, 0, 0, 0))", + "borderRadius": "12px" + } + ], + "image": { + "path": "tests/storybook/reference/ha-navigation-overflow/macos/dark-rtl-hover-next.png", + "sha256": "631f951e54988431fa3098aa0ed0ec85e6833144e5bc33bd941de53d1f7c3284", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "631f951e54988431fa3098aa0ed0ec85e6833144e5bc33bd941de53d1f7c3284" + } + }, + { + "platform": "macos", + "theme": "dark", + "rtl": true, + "state": "focus-next", + "scroll": { + "position": 0, + "viewport": 240, + "width": 671 + }, + "items": [ + { + "label": "Overview", + "box": { + "x": 150.515625, + "y": 0, + "width": 89.484375, + "height": 56 + } + }, + { + "label": "Tasks", + "box": { + "x": 81.828125, + "y": 0, + "width": 68.6875, + "height": 56 + } + }, + { + "label": "Inventory", + "box": { + "x": -8.328125, + "y": 0, + "width": 90.15625, + "height": 56 + } + }, + { + "label": "Family", + "box": { + "x": -81.515625, + "y": 0, + "width": 73.1875, + "height": 56 + } + }, + { + "label": "Settings", + "box": { + "x": -165.3125, + "y": 0, + "width": 83.796875, + "height": 56 + } + }, + { + "label": "Calendar", + "box": { + "x": -253.3125, + "y": 0, + "width": 88, + "height": 56 + } + }, + { + "label": "Shopping", + "box": { + "x": -344.578125, + "y": 0, + "width": 91.265625, + "height": 56 + } + }, + { + "label": "Rewards", + "box": { + "x": -430.734375, + "y": 0, + "width": 86.15625, + "height": 56 + } + } + ], + "controls": [ + { + "side": "end", + "outer": { + "x": 0, + "y": 0, + "width": 21, + "height": 56 + }, + "button": { + "x": -9.5, + "y": 8, + "width": 40, + "height": 40 + }, + "icon": { + "x": 6.125, + "y": 21, + "width": 8.75, + "height": 14 + }, + "focusVisible": true, + "background": "linear-gradient(270deg, rgb(28, 28, 28), rgba(0, 0, 0, 0))", + "borderRadius": "12px" + } + ], + "image": { + "path": "tests/storybook/reference/ha-navigation-overflow/macos/dark-rtl-focus-next.png", + "sha256": "97295a42b10b411e9bda190886033f41a91cddfc0c337030d0942826800034d4", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "97295a42b10b411e9bda190886033f41a91cddfc0c337030d0942826800034d4" + } + }, + { + "platform": "linux", + "theme": "light", + "rtl": false, + "state": "start", + "scroll": { + "position": 0, + "viewport": 240, + "width": 681 + }, + "items": [ + { + "label": "Overview", + "box": { + "x": 0, + "y": 0, + "width": 91, + "height": 56 + } + }, + { + "label": "Tasks", + "box": { + "x": 91, + "y": 0, + "width": 69, + "height": 56 + } + }, + { + "label": "Inventory", + "box": { + "x": 160, + "y": 0, + "width": 92, + "height": 56 + } + }, + { + "label": "Family", + "box": { + "x": 252, + "y": 0, + "width": 75, + "height": 56 + } + }, + { + "label": "Settings", + "box": { + "x": 327, + "y": 0, + "width": 85, + "height": 56 + } + }, + { + "label": "Calendar", + "box": { + "x": 412, + "y": 0, + "width": 90, + "height": 56 + } + }, + { + "label": "Shopping", + "box": { + "x": 502, + "y": 0, + "width": 92, + "height": 56 + } + }, + { + "label": "Rewards", + "box": { + "x": 594, + "y": 0, + "width": 87, + "height": 56 + } + } + ], + "controls": [ + { + "side": "end", + "outer": { + "x": 219, + "y": 0, + "width": 21, + "height": 56 + }, + "button": { + "x": 209.5, + "y": 8, + "width": 40, + "height": 40 + }, + "icon": { + "x": 225.125, + "y": 21, + "width": 8.75, + "height": 14 + }, + "focusVisible": false, + "background": "linear-gradient(270deg, rgb(255, 255, 255), rgba(0, 0, 0, 0))", + "borderRadius": "12px" + } + ], + "image": { + "path": "tests/storybook/reference/ha-navigation-overflow/linux/light-ltr-start.png", + "sha256": "8f3bcb09462c7519cbf6999c4f2df0778ea4577ee0d0810340ee1b9a85a5cb14", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "8f3bcb09462c7519cbf6999c4f2df0778ea4577ee0d0810340ee1b9a85a5cb14" + } + }, + { + "platform": "linux", + "theme": "light", + "rtl": false, + "state": "middle", + "scroll": { + "position": 240, + "viewport": 240, + "width": 681 + }, + "items": [ + { + "label": "Overview", + "box": { + "x": -240, + "y": 0, + "width": 91, + "height": 56 + } + }, + { + "label": "Tasks", + "box": { + "x": -149, + "y": 0, + "width": 69, + "height": 56 + } + }, + { + "label": "Inventory", + "box": { + "x": -80, + "y": 0, + "width": 92, + "height": 56 + } + }, + { + "label": "Family", + "box": { + "x": 12, + "y": 0, + "width": 75, + "height": 56 + } + }, + { + "label": "Settings", + "box": { + "x": 87, + "y": 0, + "width": 85, + "height": 56 + } + }, + { + "label": "Calendar", + "box": { + "x": 172, + "y": 0, + "width": 90, + "height": 56 + } + }, + { + "label": "Shopping", + "box": { + "x": 262, + "y": 0, + "width": 92, + "height": 56 + } + }, + { + "label": "Rewards", + "box": { + "x": 354, + "y": 0, + "width": 87, + "height": 56 + } + } + ], + "controls": [ + { + "side": "start", + "outer": { + "x": 0, + "y": 0, + "width": 21, + "height": 56 + }, + "button": { + "x": -9.5, + "y": 8, + "width": 40, + "height": 40 + }, + "icon": { + "x": 6.125, + "y": 21, + "width": 8.75, + "height": 14 + }, + "focusVisible": false, + "background": "linear-gradient(90deg, rgb(255, 255, 255), rgba(0, 0, 0, 0))", + "borderRadius": "12px" + }, + { + "side": "end", + "outer": { + "x": 219, + "y": 0, + "width": 21, + "height": 56 + }, + "button": { + "x": 209.5, + "y": 8, + "width": 40, + "height": 40 + }, + "icon": { + "x": 225.125, + "y": 21, + "width": 8.75, + "height": 14 + }, + "focusVisible": false, + "background": "linear-gradient(270deg, rgb(255, 255, 255), rgba(0, 0, 0, 0))", + "borderRadius": "12px" + } + ], + "image": { + "path": "tests/storybook/reference/ha-navigation-overflow/linux/light-ltr-middle.png", + "sha256": "f9db443315fcc76686dd22769136e60ded8fb3caf28bf30d734a7da9754d3c61", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "f9db443315fcc76686dd22769136e60ded8fb3caf28bf30d734a7da9754d3c61" + } + }, + { + "platform": "linux", + "theme": "light", + "rtl": false, + "state": "end", + "scroll": { + "position": 441, + "viewport": 240, + "width": 681 + }, + "items": [ + { + "label": "Overview", + "box": { + "x": -441, + "y": 0, + "width": 91, + "height": 56 + } + }, + { + "label": "Tasks", + "box": { + "x": -350, + "y": 0, + "width": 69, + "height": 56 + } + }, + { + "label": "Inventory", + "box": { + "x": -281, + "y": 0, + "width": 92, + "height": 56 + } + }, + { + "label": "Family", + "box": { + "x": -189, + "y": 0, + "width": 75, + "height": 56 + } + }, + { + "label": "Settings", + "box": { + "x": -114, + "y": 0, + "width": 85, + "height": 56 + } + }, + { + "label": "Calendar", + "box": { + "x": -29, + "y": 0, + "width": 90, + "height": 56 + } + }, + { + "label": "Shopping", + "box": { + "x": 61, + "y": 0, + "width": 92, + "height": 56 + } + }, + { + "label": "Rewards", + "box": { + "x": 153, + "y": 0, + "width": 87, + "height": 56 + } + } + ], + "controls": [ + { + "side": "start", + "outer": { + "x": 0, + "y": 0, + "width": 21, + "height": 56 + }, + "button": { + "x": -9.5, + "y": 8, + "width": 40, + "height": 40 + }, + "icon": { + "x": 6.125, + "y": 21, + "width": 8.75, + "height": 14 + }, + "focusVisible": false, + "background": "linear-gradient(90deg, rgb(255, 255, 255), rgba(0, 0, 0, 0))", + "borderRadius": "12px" + } + ], + "image": { + "path": "tests/storybook/reference/ha-navigation-overflow/linux/light-ltr-end.png", + "sha256": "0e463e197ab66697bdbc9dab1602bba01b9c6d9b35e88d78437ee5341652b353", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "0e463e197ab66697bdbc9dab1602bba01b9c6d9b35e88d78437ee5341652b353" + } + }, + { + "platform": "linux", + "theme": "light", + "rtl": false, + "state": "hover-next", + "scroll": { + "position": 0, + "viewport": 240, + "width": 681 + }, + "items": [ + { + "label": "Overview", + "box": { + "x": -10, + "y": 0, + "width": 91, + "height": 56 + } + }, + { + "label": "Tasks", + "box": { + "x": 81, + "y": 0, + "width": 69, + "height": 56 + } + }, + { + "label": "Inventory", + "box": { + "x": 150, + "y": 0, + "width": 92, + "height": 56 + } + }, + { + "label": "Family", + "box": { + "x": 242, + "y": 0, + "width": 75, + "height": 56 + } + }, + { + "label": "Settings", + "box": { + "x": 317, + "y": 0, + "width": 85, + "height": 56 + } + }, + { + "label": "Calendar", + "box": { + "x": 402, + "y": 0, + "width": 90, + "height": 56 + } + }, + { + "label": "Shopping", + "box": { + "x": 492, + "y": 0, + "width": 92, + "height": 56 + } + }, + { + "label": "Rewards", + "box": { + "x": 584, + "y": 0, + "width": 87, + "height": 56 + } + } + ], + "controls": [ + { + "side": "end", + "outer": { + "x": 209, + "y": 0, + "width": 21, + "height": 56 + }, + "button": { + "x": 199.5, + "y": 8, + "width": 40, + "height": 40 + }, + "icon": { + "x": 215.125, + "y": 21, + "width": 8.75, + "height": 14 + }, + "focusVisible": false, + "background": "linear-gradient(270deg, rgb(255, 255, 255), rgba(0, 0, 0, 0))", + "borderRadius": "12px" + } + ], + "image": { + "path": "tests/storybook/reference/ha-navigation-overflow/linux/light-ltr-hover-next.png", + "sha256": "5420001e6979abbec8e7808d6f4a77b16e761985ac2d9c02ef985f3cb7ebc516", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "5420001e6979abbec8e7808d6f4a77b16e761985ac2d9c02ef985f3cb7ebc516" + } + }, + { + "platform": "linux", + "theme": "light", + "rtl": false, + "state": "focus-next", + "scroll": { + "position": 0, + "viewport": 240, + "width": 681 + }, + "items": [ + { + "label": "Overview", + "box": { + "x": 0, + "y": 0, + "width": 91, + "height": 56 + } + }, + { + "label": "Tasks", + "box": { + "x": 91, + "y": 0, + "width": 69, + "height": 56 + } + }, + { + "label": "Inventory", + "box": { + "x": 160, + "y": 0, + "width": 92, + "height": 56 + } + }, + { + "label": "Family", + "box": { + "x": 252, + "y": 0, + "width": 75, + "height": 56 + } + }, + { + "label": "Settings", + "box": { + "x": 327, + "y": 0, + "width": 85, + "height": 56 + } + }, + { + "label": "Calendar", + "box": { + "x": 412, + "y": 0, + "width": 90, + "height": 56 + } + }, + { + "label": "Shopping", + "box": { + "x": 502, + "y": 0, + "width": 92, + "height": 56 + } + }, + { + "label": "Rewards", + "box": { + "x": 594, + "y": 0, + "width": 87, + "height": 56 + } + } + ], + "controls": [ + { + "side": "end", + "outer": { + "x": 219, + "y": 0, + "width": 21, + "height": 56 + }, + "button": { + "x": 209.5, + "y": 8, + "width": 40, + "height": 40 + }, + "icon": { + "x": 225.125, + "y": 21, + "width": 8.75, + "height": 14 + }, + "focusVisible": true, + "background": "linear-gradient(270deg, rgb(255, 255, 255), rgba(0, 0, 0, 0))", + "borderRadius": "12px" + } + ], + "image": { + "path": "tests/storybook/reference/ha-navigation-overflow/linux/light-ltr-focus-next.png", + "sha256": "56d2fbac2e774d11cddc104c41b12c9ddc6433b9783a9038db1bee7a7caab37c", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "56d2fbac2e774d11cddc104c41b12c9ddc6433b9783a9038db1bee7a7caab37c" + } + }, + { + "platform": "linux", + "theme": "light", + "rtl": true, + "state": "start", + "scroll": { + "position": 0, + "viewport": 240, + "width": 681 + }, + "items": [ + { + "label": "Overview", + "box": { + "x": 149, + "y": 0, + "width": 91, + "height": 56 + } + }, + { + "label": "Tasks", + "box": { + "x": 80, + "y": 0, + "width": 69, + "height": 56 + } + }, + { + "label": "Inventory", + "box": { + "x": -12, + "y": 0, + "width": 92, + "height": 56 + } + }, + { + "label": "Family", + "box": { + "x": -87, + "y": 0, + "width": 75, + "height": 56 + } + }, + { + "label": "Settings", + "box": { + "x": -172, + "y": 0, + "width": 85, + "height": 56 + } + }, + { + "label": "Calendar", + "box": { + "x": -262, + "y": 0, + "width": 90, + "height": 56 + } + }, + { + "label": "Shopping", + "box": { + "x": -354, + "y": 0, + "width": 92, + "height": 56 + } + }, + { + "label": "Rewards", + "box": { + "x": -441, + "y": 0, + "width": 87, + "height": 56 + } + } + ], + "controls": [ + { + "side": "end", + "outer": { + "x": 0, + "y": 0, + "width": 21, + "height": 56 + }, + "button": { + "x": -9.5, + "y": 8, + "width": 40, + "height": 40 + }, + "icon": { + "x": 6.125, + "y": 21, + "width": 8.75, + "height": 14 + }, + "focusVisible": false, + "background": "linear-gradient(270deg, rgb(255, 255, 255), rgba(0, 0, 0, 0))", + "borderRadius": "12px" + } + ], + "image": { + "path": "tests/storybook/reference/ha-navigation-overflow/linux/light-rtl-start.png", + "sha256": "60e8d0177d19b7e021370c35248e9e8919149a6c51444a1b9e6ae405e3f8367f", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "60e8d0177d19b7e021370c35248e9e8919149a6c51444a1b9e6ae405e3f8367f" + } + }, + { + "platform": "linux", + "theme": "light", + "rtl": true, + "state": "middle", + "scroll": { + "position": -240, + "viewport": 240, + "width": 681 + }, + "items": [ + { + "label": "Overview", + "box": { + "x": 389, + "y": 0, + "width": 91, + "height": 56 + } + }, + { + "label": "Tasks", + "box": { + "x": 320, + "y": 0, + "width": 69, + "height": 56 + } + }, + { + "label": "Inventory", + "box": { + "x": 228, + "y": 0, + "width": 92, + "height": 56 + } + }, + { + "label": "Family", + "box": { + "x": 153, + "y": 0, + "width": 75, + "height": 56 + } + }, + { + "label": "Settings", + "box": { + "x": 68, + "y": 0, + "width": 85, + "height": 56 + } + }, + { + "label": "Calendar", + "box": { + "x": -22, + "y": 0, + "width": 90, + "height": 56 + } + }, + { + "label": "Shopping", + "box": { + "x": -114, + "y": 0, + "width": 92, + "height": 56 + } + }, + { + "label": "Rewards", + "box": { + "x": -201, + "y": 0, + "width": 87, + "height": 56 + } + } + ], + "controls": [ + { + "side": "start", + "outer": { + "x": 219, + "y": 0, + "width": 21, + "height": 56 + }, + "button": { + "x": 209.5, + "y": 8, + "width": 40, + "height": 40 + }, + "icon": { + "x": 225.125, + "y": 21, + "width": 8.75, + "height": 14 + }, + "focusVisible": false, + "background": "linear-gradient(90deg, rgb(255, 255, 255), rgba(0, 0, 0, 0))", + "borderRadius": "12px" + }, + { + "side": "end", + "outer": { + "x": 0, + "y": 0, + "width": 21, + "height": 56 + }, + "button": { + "x": -9.5, + "y": 8, + "width": 40, + "height": 40 + }, + "icon": { + "x": 6.125, + "y": 21, + "width": 8.75, + "height": 14 + }, + "focusVisible": false, + "background": "linear-gradient(270deg, rgb(255, 255, 255), rgba(0, 0, 0, 0))", + "borderRadius": "12px" + } + ], + "image": { + "path": "tests/storybook/reference/ha-navigation-overflow/linux/light-rtl-middle.png", + "sha256": "cb723005a8a58ff4d14fe7b93e0cd94826ed65d195380b6e7b35b0174779cbf0", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "cb723005a8a58ff4d14fe7b93e0cd94826ed65d195380b6e7b35b0174779cbf0" + } + }, + { + "platform": "linux", + "theme": "light", + "rtl": true, + "state": "end", + "scroll": { + "position": -441, + "viewport": 240, + "width": 681 + }, + "items": [ + { + "label": "Overview", + "box": { + "x": 590, + "y": 0, + "width": 91, + "height": 56 + } + }, + { + "label": "Tasks", + "box": { + "x": 521, + "y": 0, + "width": 69, + "height": 56 + } + }, + { + "label": "Inventory", + "box": { + "x": 429, + "y": 0, + "width": 92, + "height": 56 + } + }, + { + "label": "Family", + "box": { + "x": 354, + "y": 0, + "width": 75, + "height": 56 + } + }, + { + "label": "Settings", + "box": { + "x": 269, + "y": 0, + "width": 85, + "height": 56 + } + }, + { + "label": "Calendar", + "box": { + "x": 179, + "y": 0, + "width": 90, + "height": 56 + } + }, + { + "label": "Shopping", + "box": { + "x": 87, + "y": 0, + "width": 92, + "height": 56 + } + }, + { + "label": "Rewards", + "box": { + "x": 0, + "y": 0, + "width": 87, + "height": 56 + } + } + ], + "controls": [ + { + "side": "start", + "outer": { + "x": 219, + "y": 0, + "width": 21, + "height": 56 + }, + "button": { + "x": 209.5, + "y": 8, + "width": 40, + "height": 40 + }, + "icon": { + "x": 225.125, + "y": 21, + "width": 8.75, + "height": 14 + }, + "focusVisible": false, + "background": "linear-gradient(90deg, rgb(255, 255, 255), rgba(0, 0, 0, 0))", + "borderRadius": "12px" + } + ], + "image": { + "path": "tests/storybook/reference/ha-navigation-overflow/linux/light-rtl-end.png", + "sha256": "cf0ac3ede55fa9dd0fb9acc07e799d2b15896662b8578a81a06d864fe95681a2", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "cf0ac3ede55fa9dd0fb9acc07e799d2b15896662b8578a81a06d864fe95681a2" + } + }, + { + "platform": "linux", + "theme": "light", + "rtl": true, + "state": "hover-next", + "scroll": { + "position": 0, + "viewport": 240, + "width": 681 + }, + "items": [ + { + "label": "Overview", + "box": { + "x": 158, + "y": 0, + "width": 91, + "height": 56 + } + }, + { + "label": "Tasks", + "box": { + "x": 89, + "y": 0, + "width": 69, + "height": 56 + } + }, + { + "label": "Inventory", + "box": { + "x": -3, + "y": 0, + "width": 92, + "height": 56 + } + }, + { + "label": "Family", + "box": { + "x": -78, + "y": 0, + "width": 75, + "height": 56 + } + }, + { + "label": "Settings", + "box": { + "x": -163, + "y": 0, + "width": 85, + "height": 56 + } + }, + { + "label": "Calendar", + "box": { + "x": -253, + "y": 0, + "width": 90, + "height": 56 + } + }, + { + "label": "Shopping", + "box": { + "x": -345, + "y": 0, + "width": 92, + "height": 56 + } + }, + { + "label": "Rewards", + "box": { + "x": -432, + "y": 0, + "width": 87, + "height": 56 + } + } + ], + "controls": [ + { + "side": "end", + "outer": { + "x": 9, + "y": 0, + "width": 21, + "height": 56 + }, + "button": { + "x": -0.5, + "y": 8, + "width": 40, + "height": 40 + }, + "icon": { + "x": 15.125, + "y": 21, + "width": 8.75, + "height": 14 + }, + "focusVisible": false, + "background": "linear-gradient(270deg, rgb(255, 255, 255), rgba(0, 0, 0, 0))", + "borderRadius": "12px" + } + ], + "image": { + "path": "tests/storybook/reference/ha-navigation-overflow/linux/light-rtl-hover-next.png", + "sha256": "9b7f76a416fd2de8e086a7efbe79d01f742006beba675bf991452831bf04ace4", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "9b7f76a416fd2de8e086a7efbe79d01f742006beba675bf991452831bf04ace4" + } + }, + { + "platform": "linux", + "theme": "light", + "rtl": true, + "state": "focus-next", + "scroll": { + "position": 0, + "viewport": 240, + "width": 681 + }, + "items": [ + { + "label": "Overview", + "box": { + "x": 149, + "y": 0, + "width": 91, + "height": 56 + } + }, + { + "label": "Tasks", + "box": { + "x": 80, + "y": 0, + "width": 69, + "height": 56 + } + }, + { + "label": "Inventory", + "box": { + "x": -12, + "y": 0, + "width": 92, + "height": 56 + } + }, + { + "label": "Family", + "box": { + "x": -87, + "y": 0, + "width": 75, + "height": 56 + } + }, + { + "label": "Settings", + "box": { + "x": -172, + "y": 0, + "width": 85, + "height": 56 + } + }, + { + "label": "Calendar", + "box": { + "x": -262, + "y": 0, + "width": 90, + "height": 56 + } + }, + { + "label": "Shopping", + "box": { + "x": -354, + "y": 0, + "width": 92, + "height": 56 + } + }, + { + "label": "Rewards", + "box": { + "x": -441, + "y": 0, + "width": 87, + "height": 56 + } + } + ], + "controls": [ + { + "side": "end", + "outer": { + "x": 0, + "y": 0, + "width": 21, + "height": 56 + }, + "button": { + "x": -9.5, + "y": 8, + "width": 40, + "height": 40 + }, + "icon": { + "x": 6.125, + "y": 21, + "width": 8.75, + "height": 14 + }, + "focusVisible": true, + "background": "linear-gradient(270deg, rgb(255, 255, 255), rgba(0, 0, 0, 0))", + "borderRadius": "12px" + } + ], + "image": { + "path": "tests/storybook/reference/ha-navigation-overflow/linux/light-rtl-focus-next.png", + "sha256": "a94b5af5249b1b9f62dc849b86449027b8d63365bd2562e09597cb1ac86d6bd9", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "a94b5af5249b1b9f62dc849b86449027b8d63365bd2562e09597cb1ac86d6bd9" + } + }, + { + "platform": "linux", + "theme": "dark", + "rtl": false, + "state": "start", + "scroll": { + "position": 0, + "viewport": 240, + "width": 681 + }, + "items": [ + { + "label": "Overview", + "box": { + "x": 0, + "y": 0, + "width": 91, + "height": 56 + } + }, + { + "label": "Tasks", + "box": { + "x": 91, + "y": 0, + "width": 69, + "height": 56 + } + }, + { + "label": "Inventory", + "box": { + "x": 160, + "y": 0, + "width": 92, + "height": 56 + } + }, + { + "label": "Family", + "box": { + "x": 252, + "y": 0, + "width": 75, + "height": 56 + } + }, + { + "label": "Settings", + "box": { + "x": 327, + "y": 0, + "width": 85, + "height": 56 + } + }, + { + "label": "Calendar", + "box": { + "x": 412, + "y": 0, + "width": 90, + "height": 56 + } + }, + { + "label": "Shopping", + "box": { + "x": 502, + "y": 0, + "width": 92, + "height": 56 + } + }, + { + "label": "Rewards", + "box": { + "x": 594, + "y": 0, + "width": 87, + "height": 56 + } + } + ], + "controls": [ + { + "side": "end", + "outer": { + "x": 219, + "y": 0, + "width": 21, + "height": 56 + }, + "button": { + "x": 209.5, + "y": 8, + "width": 40, + "height": 40 + }, + "icon": { + "x": 225.125, + "y": 21, + "width": 8.75, + "height": 14 + }, + "focusVisible": false, + "background": "linear-gradient(270deg, rgb(28, 28, 28), rgba(0, 0, 0, 0))", + "borderRadius": "12px" + } + ], + "image": { + "path": "tests/storybook/reference/ha-navigation-overflow/linux/dark-ltr-start.png", + "sha256": "70eb51ef1ae47e8ad214a0667052efef781c61fb646d81f32d90adfb4e4b823e", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "70eb51ef1ae47e8ad214a0667052efef781c61fb646d81f32d90adfb4e4b823e" + } + }, + { + "platform": "linux", + "theme": "dark", + "rtl": false, + "state": "middle", + "scroll": { + "position": 240, + "viewport": 240, + "width": 681 + }, + "items": [ + { + "label": "Overview", + "box": { + "x": -240, + "y": 0, + "width": 91, + "height": 56 + } + }, + { + "label": "Tasks", + "box": { + "x": -149, + "y": 0, + "width": 69, + "height": 56 + } + }, + { + "label": "Inventory", + "box": { + "x": -80, + "y": 0, + "width": 92, + "height": 56 + } + }, + { + "label": "Family", + "box": { + "x": 12, + "y": 0, + "width": 75, + "height": 56 + } + }, + { + "label": "Settings", + "box": { + "x": 87, + "y": 0, + "width": 85, + "height": 56 + } + }, + { + "label": "Calendar", + "box": { + "x": 172, + "y": 0, + "width": 90, + "height": 56 + } + }, + { + "label": "Shopping", + "box": { + "x": 262, + "y": 0, + "width": 92, + "height": 56 + } + }, + { + "label": "Rewards", + "box": { + "x": 354, + "y": 0, + "width": 87, + "height": 56 + } + } + ], + "controls": [ + { + "side": "start", + "outer": { + "x": 0, + "y": 0, + "width": 21, + "height": 56 + }, + "button": { + "x": -9.5, + "y": 8, + "width": 40, + "height": 40 + }, + "icon": { + "x": 6.125, + "y": 21, + "width": 8.75, + "height": 14 + }, + "focusVisible": false, + "background": "linear-gradient(90deg, rgb(28, 28, 28), rgba(0, 0, 0, 0))", + "borderRadius": "12px" + }, + { + "side": "end", + "outer": { + "x": 219, + "y": 0, + "width": 21, + "height": 56 + }, + "button": { + "x": 209.5, + "y": 8, + "width": 40, + "height": 40 + }, + "icon": { + "x": 225.125, + "y": 21, + "width": 8.75, + "height": 14 + }, + "focusVisible": false, + "background": "linear-gradient(270deg, rgb(28, 28, 28), rgba(0, 0, 0, 0))", + "borderRadius": "12px" + } + ], + "image": { + "path": "tests/storybook/reference/ha-navigation-overflow/linux/dark-ltr-middle.png", + "sha256": "63a68dc5362bc580437cb6ac32a1436c96eab4993506c1a708d037f55d26bf23", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "63a68dc5362bc580437cb6ac32a1436c96eab4993506c1a708d037f55d26bf23" + } + }, + { + "platform": "linux", + "theme": "dark", + "rtl": false, + "state": "end", + "scroll": { + "position": 441, + "viewport": 240, + "width": 681 + }, + "items": [ + { + "label": "Overview", + "box": { + "x": -441, + "y": 0, + "width": 91, + "height": 56 + } + }, + { + "label": "Tasks", + "box": { + "x": -350, + "y": 0, + "width": 69, + "height": 56 + } + }, + { + "label": "Inventory", + "box": { + "x": -281, + "y": 0, + "width": 92, + "height": 56 + } + }, + { + "label": "Family", + "box": { + "x": -189, + "y": 0, + "width": 75, + "height": 56 + } + }, + { + "label": "Settings", + "box": { + "x": -114, + "y": 0, + "width": 85, + "height": 56 + } + }, + { + "label": "Calendar", + "box": { + "x": -29, + "y": 0, + "width": 90, + "height": 56 + } + }, + { + "label": "Shopping", + "box": { + "x": 61, + "y": 0, + "width": 92, + "height": 56 + } + }, + { + "label": "Rewards", + "box": { + "x": 153, + "y": 0, + "width": 87, + "height": 56 + } + } + ], + "controls": [ + { + "side": "start", + "outer": { + "x": 0, + "y": 0, + "width": 21, + "height": 56 + }, + "button": { + "x": -9.5, + "y": 8, + "width": 40, + "height": 40 + }, + "icon": { + "x": 6.125, + "y": 21, + "width": 8.75, + "height": 14 + }, + "focusVisible": false, + "background": "linear-gradient(90deg, rgb(28, 28, 28), rgba(0, 0, 0, 0))", + "borderRadius": "12px" + } + ], + "image": { + "path": "tests/storybook/reference/ha-navigation-overflow/linux/dark-ltr-end.png", + "sha256": "87d9afa772b6c0201238899260633037a49f1aae1209da92593905e047d6844d", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "87d9afa772b6c0201238899260633037a49f1aae1209da92593905e047d6844d" + } + }, + { + "platform": "linux", + "theme": "dark", + "rtl": false, + "state": "hover-next", + "scroll": { + "position": 0, + "viewport": 240, + "width": 681 + }, + "items": [ + { + "label": "Overview", + "box": { + "x": -10, + "y": 0, + "width": 91, + "height": 56 + } + }, + { + "label": "Tasks", + "box": { + "x": 81, + "y": 0, + "width": 69, + "height": 56 + } + }, + { + "label": "Inventory", + "box": { + "x": 150, + "y": 0, + "width": 92, + "height": 56 + } + }, + { + "label": "Family", + "box": { + "x": 242, + "y": 0, + "width": 75, + "height": 56 + } + }, + { + "label": "Settings", + "box": { + "x": 317, + "y": 0, + "width": 85, + "height": 56 + } + }, + { + "label": "Calendar", + "box": { + "x": 402, + "y": 0, + "width": 90, + "height": 56 + } + }, + { + "label": "Shopping", + "box": { + "x": 492, + "y": 0, + "width": 92, + "height": 56 + } + }, + { + "label": "Rewards", + "box": { + "x": 584, + "y": 0, + "width": 87, + "height": 56 + } + } + ], + "controls": [ + { + "side": "end", + "outer": { + "x": 209, + "y": 0, + "width": 21, + "height": 56 + }, + "button": { + "x": 199.5, + "y": 8, + "width": 40, + "height": 40 + }, + "icon": { + "x": 215.125, + "y": 21, + "width": 8.75, + "height": 14 + }, + "focusVisible": false, + "background": "linear-gradient(270deg, rgb(28, 28, 28), rgba(0, 0, 0, 0))", + "borderRadius": "12px" + } + ], + "image": { + "path": "tests/storybook/reference/ha-navigation-overflow/linux/dark-ltr-hover-next.png", + "sha256": "d1cf4411d408d804b730a3c95135cef0feee35a249d9efe56936b319e36e4afa", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "d1cf4411d408d804b730a3c95135cef0feee35a249d9efe56936b319e36e4afa" + } + }, + { + "platform": "linux", + "theme": "dark", + "rtl": false, + "state": "focus-next", + "scroll": { + "position": 0, + "viewport": 240, + "width": 681 + }, + "items": [ + { + "label": "Overview", + "box": { + "x": 0, + "y": 0, + "width": 91, + "height": 56 + } + }, + { + "label": "Tasks", + "box": { + "x": 91, + "y": 0, + "width": 69, + "height": 56 + } + }, + { + "label": "Inventory", + "box": { + "x": 160, + "y": 0, + "width": 92, + "height": 56 + } + }, + { + "label": "Family", + "box": { + "x": 252, + "y": 0, + "width": 75, + "height": 56 + } + }, + { + "label": "Settings", + "box": { + "x": 327, + "y": 0, + "width": 85, + "height": 56 + } + }, + { + "label": "Calendar", + "box": { + "x": 412, + "y": 0, + "width": 90, + "height": 56 + } + }, + { + "label": "Shopping", + "box": { + "x": 502, + "y": 0, + "width": 92, + "height": 56 + } + }, + { + "label": "Rewards", + "box": { + "x": 594, + "y": 0, + "width": 87, + "height": 56 + } + } + ], + "controls": [ + { + "side": "end", + "outer": { + "x": 219, + "y": 0, + "width": 21, + "height": 56 + }, + "button": { + "x": 209.5, + "y": 8, + "width": 40, + "height": 40 + }, + "icon": { + "x": 225.125, + "y": 21, + "width": 8.75, + "height": 14 + }, + "focusVisible": true, + "background": "linear-gradient(270deg, rgb(28, 28, 28), rgba(0, 0, 0, 0))", + "borderRadius": "12px" + } + ], + "image": { + "path": "tests/storybook/reference/ha-navigation-overflow/linux/dark-ltr-focus-next.png", + "sha256": "717b020a643a05406de9d8cd80db279c28f34c32a3ae8a8d185eeb17405c7105", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "717b020a643a05406de9d8cd80db279c28f34c32a3ae8a8d185eeb17405c7105" + } + }, + { + "platform": "linux", + "theme": "dark", + "rtl": true, + "state": "start", + "scroll": { + "position": 0, + "viewport": 240, + "width": 681 + }, + "items": [ + { + "label": "Overview", + "box": { + "x": 149, + "y": 0, + "width": 91, + "height": 56 + } + }, + { + "label": "Tasks", + "box": { + "x": 80, + "y": 0, + "width": 69, + "height": 56 + } + }, + { + "label": "Inventory", + "box": { + "x": -12, + "y": 0, + "width": 92, + "height": 56 + } + }, + { + "label": "Family", + "box": { + "x": -87, + "y": 0, + "width": 75, + "height": 56 + } + }, + { + "label": "Settings", + "box": { + "x": -172, + "y": 0, + "width": 85, + "height": 56 + } + }, + { + "label": "Calendar", + "box": { + "x": -262, + "y": 0, + "width": 90, + "height": 56 + } + }, + { + "label": "Shopping", + "box": { + "x": -354, + "y": 0, + "width": 92, + "height": 56 + } + }, + { + "label": "Rewards", + "box": { + "x": -441, + "y": 0, + "width": 87, + "height": 56 + } + } + ], + "controls": [ + { + "side": "end", + "outer": { + "x": 0, + "y": 0, + "width": 21, + "height": 56 + }, + "button": { + "x": -9.5, + "y": 8, + "width": 40, + "height": 40 + }, + "icon": { + "x": 6.125, + "y": 21, + "width": 8.75, + "height": 14 + }, + "focusVisible": false, + "background": "linear-gradient(270deg, rgb(28, 28, 28), rgba(0, 0, 0, 0))", + "borderRadius": "12px" + } + ], + "image": { + "path": "tests/storybook/reference/ha-navigation-overflow/linux/dark-rtl-start.png", + "sha256": "8c210d9a28bc8138209ef6b712e002d8039139197b23874b4fe084b5e16748b9", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "8c210d9a28bc8138209ef6b712e002d8039139197b23874b4fe084b5e16748b9" + } + }, + { + "platform": "linux", + "theme": "dark", + "rtl": true, + "state": "middle", + "scroll": { + "position": -240, + "viewport": 240, + "width": 681 + }, + "items": [ + { + "label": "Overview", + "box": { + "x": 389, + "y": 0, + "width": 91, + "height": 56 + } + }, + { + "label": "Tasks", + "box": { + "x": 320, + "y": 0, + "width": 69, + "height": 56 + } + }, + { + "label": "Inventory", + "box": { + "x": 228, + "y": 0, + "width": 92, + "height": 56 + } + }, + { + "label": "Family", + "box": { + "x": 153, + "y": 0, + "width": 75, + "height": 56 + } + }, + { + "label": "Settings", + "box": { + "x": 68, + "y": 0, + "width": 85, + "height": 56 + } + }, + { + "label": "Calendar", + "box": { + "x": -22, + "y": 0, + "width": 90, + "height": 56 + } + }, + { + "label": "Shopping", + "box": { + "x": -114, + "y": 0, + "width": 92, + "height": 56 + } + }, + { + "label": "Rewards", + "box": { + "x": -201, + "y": 0, + "width": 87, + "height": 56 + } + } + ], + "controls": [ + { + "side": "start", + "outer": { + "x": 219, + "y": 0, + "width": 21, + "height": 56 + }, + "button": { + "x": 209.5, + "y": 8, + "width": 40, + "height": 40 + }, + "icon": { + "x": 225.125, + "y": 21, + "width": 8.75, + "height": 14 + }, + "focusVisible": false, + "background": "linear-gradient(90deg, rgb(28, 28, 28), rgba(0, 0, 0, 0))", + "borderRadius": "12px" + }, + { + "side": "end", + "outer": { + "x": 0, + "y": 0, + "width": 21, + "height": 56 + }, + "button": { + "x": -9.5, + "y": 8, + "width": 40, + "height": 40 + }, + "icon": { + "x": 6.125, + "y": 21, + "width": 8.75, + "height": 14 + }, + "focusVisible": false, + "background": "linear-gradient(270deg, rgb(28, 28, 28), rgba(0, 0, 0, 0))", + "borderRadius": "12px" + } + ], + "image": { + "path": "tests/storybook/reference/ha-navigation-overflow/linux/dark-rtl-middle.png", + "sha256": "b530cae2301d1f01764d14c09a1f533872b7842be006eacb152c1ebee447cf7a", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "b530cae2301d1f01764d14c09a1f533872b7842be006eacb152c1ebee447cf7a" + } + }, + { + "platform": "linux", + "theme": "dark", + "rtl": true, + "state": "end", + "scroll": { + "position": -441, + "viewport": 240, + "width": 681 + }, + "items": [ + { + "label": "Overview", + "box": { + "x": 590, + "y": 0, + "width": 91, + "height": 56 + } + }, + { + "label": "Tasks", + "box": { + "x": 521, + "y": 0, + "width": 69, + "height": 56 + } + }, + { + "label": "Inventory", + "box": { + "x": 429, + "y": 0, + "width": 92, + "height": 56 + } + }, + { + "label": "Family", + "box": { + "x": 354, + "y": 0, + "width": 75, + "height": 56 + } + }, + { + "label": "Settings", + "box": { + "x": 269, + "y": 0, + "width": 85, + "height": 56 + } + }, + { + "label": "Calendar", + "box": { + "x": 179, + "y": 0, + "width": 90, + "height": 56 + } + }, + { + "label": "Shopping", + "box": { + "x": 87, + "y": 0, + "width": 92, + "height": 56 + } + }, + { + "label": "Rewards", + "box": { + "x": 0, + "y": 0, + "width": 87, + "height": 56 + } + } + ], + "controls": [ + { + "side": "start", + "outer": { + "x": 219, + "y": 0, + "width": 21, + "height": 56 + }, + "button": { + "x": 209.5, + "y": 8, + "width": 40, + "height": 40 + }, + "icon": { + "x": 225.125, + "y": 21, + "width": 8.75, + "height": 14 + }, + "focusVisible": false, + "background": "linear-gradient(90deg, rgb(28, 28, 28), rgba(0, 0, 0, 0))", + "borderRadius": "12px" + } + ], + "image": { + "path": "tests/storybook/reference/ha-navigation-overflow/linux/dark-rtl-end.png", + "sha256": "1235e3c557ab210a2f7761e54afc14adb4ad16a674d12e45d0597c29e53e0447", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "1235e3c557ab210a2f7761e54afc14adb4ad16a674d12e45d0597c29e53e0447" + } + }, + { + "platform": "linux", + "theme": "dark", + "rtl": true, + "state": "hover-next", + "scroll": { + "position": 0, + "viewport": 240, + "width": 681 + }, + "items": [ + { + "label": "Overview", + "box": { + "x": 158, + "y": 0, + "width": 91, + "height": 56 + } + }, + { + "label": "Tasks", + "box": { + "x": 89, + "y": 0, + "width": 69, + "height": 56 + } + }, + { + "label": "Inventory", + "box": { + "x": -3, + "y": 0, + "width": 92, + "height": 56 + } + }, + { + "label": "Family", + "box": { + "x": -78, + "y": 0, + "width": 75, + "height": 56 + } + }, + { + "label": "Settings", + "box": { + "x": -163, + "y": 0, + "width": 85, + "height": 56 + } + }, + { + "label": "Calendar", + "box": { + "x": -253, + "y": 0, + "width": 90, + "height": 56 + } + }, + { + "label": "Shopping", + "box": { + "x": -345, + "y": 0, + "width": 92, + "height": 56 + } + }, + { + "label": "Rewards", + "box": { + "x": -432, + "y": 0, + "width": 87, + "height": 56 + } + } + ], + "controls": [ + { + "side": "end", + "outer": { + "x": 9, + "y": 0, + "width": 21, + "height": 56 + }, + "button": { + "x": -0.5, + "y": 8, + "width": 40, + "height": 40 + }, + "icon": { + "x": 15.125, + "y": 21, + "width": 8.75, + "height": 14 + }, + "focusVisible": false, + "background": "linear-gradient(270deg, rgb(28, 28, 28), rgba(0, 0, 0, 0))", + "borderRadius": "12px" + } + ], + "image": { + "path": "tests/storybook/reference/ha-navigation-overflow/linux/dark-rtl-hover-next.png", + "sha256": "b925d5f980dae89ff2f58947574691b4de432ab4d77d5787679c829a79840760", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "b925d5f980dae89ff2f58947574691b4de432ab4d77d5787679c829a79840760" + } + }, + { + "platform": "linux", + "theme": "dark", + "rtl": true, + "state": "focus-next", + "scroll": { + "position": 0, + "viewport": 240, + "width": 681 + }, + "items": [ + { + "label": "Overview", + "box": { + "x": 149, + "y": 0, + "width": 91, + "height": 56 + } + }, + { + "label": "Tasks", + "box": { + "x": 80, + "y": 0, + "width": 69, + "height": 56 + } + }, + { + "label": "Inventory", + "box": { + "x": -12, + "y": 0, + "width": 92, + "height": 56 + } + }, + { + "label": "Family", + "box": { + "x": -87, + "y": 0, + "width": 75, + "height": 56 + } + }, + { + "label": "Settings", + "box": { + "x": -172, + "y": 0, + "width": 85, + "height": 56 + } + }, + { + "label": "Calendar", + "box": { + "x": -262, + "y": 0, + "width": 90, + "height": 56 + } + }, + { + "label": "Shopping", + "box": { + "x": -354, + "y": 0, + "width": 92, + "height": 56 + } + }, + { + "label": "Rewards", + "box": { + "x": -441, + "y": 0, + "width": 87, + "height": 56 + } + } + ], + "controls": [ + { + "side": "end", + "outer": { + "x": 0, + "y": 0, + "width": 21, + "height": 56 + }, + "button": { + "x": -9.5, + "y": 8, + "width": 40, + "height": 40 + }, + "icon": { + "x": 6.125, + "y": 21, + "width": 8.75, + "height": 14 + }, + "focusVisible": true, + "background": "linear-gradient(270deg, rgb(28, 28, 28), rgba(0, 0, 0, 0))", + "borderRadius": "12px" + } + ], + "image": { + "path": "tests/storybook/reference/ha-navigation-overflow/linux/dark-rtl-focus-next.png", + "sha256": "77a1b8fb554e82b07194a1d40108aef9f4b8e6f114c7fa8ba950dc4e5986e98e", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "77a1b8fb554e82b07194a1d40108aef9f4b8e6f114c7fa8ba950dc4e5986e98e" + } + } + ], + "errors": [], + "sourceRevision": "027d9578ec9663b8aa22f50c24274a7cd9d001c1", + "artifact": "@home-assistant/webawesome@3.14.0-ha.2", + "scope": "Original public HA tab-group at 240px, two themes/directions, five scroll/pointer/keyboard states. Captured independently of ha-ui; no household API or state.", + "browsers": { + "macos": "156.0.8078.4", + "linux": "156.0.8078.80" + }, + "fixtureDirection": "Both the wrapper and the original HA group explicitly declare dir. CSS inheritance alone left the original initial chevron pointing LTR; earlier captures are retained as diagnostics, not accepted references.", + "recordedAtUTC": "2026-11-04T18:44:45.705475+00:00", + "publicInputsReference": "docs/evidence/ha-navigation-reference.json", + "webAwesomeArtifact": { + "url": "https://registry.npmjs.org/@home-assistant/webawesome/-/webawesome-3.14.0-ha.2.tgz", + "integrity": "sha512-EX1qiX5h3LAoTjuE3rgfuRlNq3Rds5tGrgDGlHoFbxhXaCSTTtuYU6tdR8vgOXKGUDi5gBDrcoNdLYKFXSrknA==", + "sha256": "421bc6de6db3a4ee3878b38a7e6aa09e432638aa092796328b06d71191d99f9e", + "bytes": 2717111, + "metadataGitHead": "8d81b1edf416b889fbbeaf9093c77300f30a68c2", + "sourceRepositoryAtThatHead": "GitHub contents API returned404; published package is the checked source input." + }, + "captureScriptSha256": "ce444c7b15c70b303304b372c1ec409315ef09e3e026783a5e8e75db72955962", + "collectionIsIndependentOfCandidate": true +} diff --git a/docs/evidence/ha-navigation-reference.json b/docs/evidence/ha-navigation-reference.json new file mode 100644 index 0000000..86a8512 --- /dev/null +++ b/docs/evidence/ha-navigation-reference.json @@ -0,0 +1,2293 @@ +{ + "schemaVersion": 1, + "observedAtUTC": "2026-11-04T14:54:07.289Z", + "scope": "Measured text-only dashboard tabs, normal/hover/focus/disabled, light/dark. Icon-only/icon-and-text/mixed presentation is recorded separately in ha-navigation-icons-reference.json. Custom theme/font breadth, overflow affordances and full application UX remain required.", + "surface": "Original public modules from the local Home Assistant frontend loaded in an isolated, unauthenticated fictional document. No household API, account, credential or service was used.", + "bootstrap": "The fixture exposes the original public app module loader instead of invoking its app entrypoint. Component module functions and their styles are unchanged. The reviewed hui-root dashboard CSS is applied around those original components. This is a component fixture; direct Chrome observations are recorded separately.", + "upstreamSourceMeaning": "Reviewed source/provenance references; not a claim about the installed HA git revision. Exact installed public assets are fingerprinted separately.", + "upstreamSources": [ + "https://github.com/home-assistant/frontend/blob/027d9578ec9663b8aa22f50c24274a7cd9d001c1/src/components/ha-tab-group.ts", + "https://github.com/home-assistant/frontend/blob/027d9578ec9663b8aa22f50c24274a7cd9d001c1/src/components/ha-tab-group-tab.ts", + "https://github.com/home-assistant/frontend/blob/027d9578ec9663b8aa22f50c24274a7cd9d001c1/src/panels/lovelace/hui-root.ts" + ], + "publicAssets": [ + { + "path": "/frontend_latest/core.d18c2184997b3d3d.js", + "bytes": 53538, + "sha256": "da8ce324a89c76f12e124e9e0dcb74f319dcdc5bde13464feb9c1dc0630efb27" + }, + { + "path": "/frontend_latest/app.d6c28fc2e48aeea4.js", + "bytes": 577102, + "sha256": "7b0d03a0c75c971cd3084c988430c512414209ca2c8bba8d506724d3be2827ec" + }, + { + "path": "/frontend_latest/9287.09045b2bbbaec3ff.js", + "bytes": 16586, + "sha256": "458ff250f1f58d0f3353e5e4db02ecd81c18d5118da63784e4460ad350f0479b" + }, + { + "path": "/frontend_latest/79871.0cd7505014fef7fb.js", + "bytes": 8829, + "sha256": "3a613295ac4ee48fc19ddadff4baa1c147e98108731f224d1d640906e5b1df65" + }, + { + "path": "/frontend_latest/40523.1e09f4c93f125c24.js", + "bytes": 14720, + "sha256": "926458359cfc4067dea446422401e81fcc82e9e2a127c7c066a48bb1dfe2acb8" + }, + { + "path": "/frontend_latest/37532.79d0d1bb37c67bc0.js", + "bytes": 7382, + "sha256": "4a73e707cfcacda888e13fc3dd8a849e78b9f987ef7c5f006ee4624ce0f70f38" + }, + { + "path": "/frontend_latest/54353.5437d2f3817bda05.js", + "bytes": 28665, + "sha256": "46837596efa4541d206731639acd701c312dc4e256dbbe1b47f490023d26fd35" + }, + { + "path": "/frontend_latest/57539.27d7cefd99dace6a.js", + "bytes": 30004, + "sha256": "8be1aa5585c10687ef9b740ca03edbd7d03f2dce527d98bcb392bf98c2a27a9f" + }, + { + "path": "/frontend_latest/8099.739711f91e051b08.js", + "bytes": 24201, + "sha256": "085891bfde6d7bcc99feee1d23bd218811559da0524fbd716a341834729f5610" + }, + { + "path": "/frontend_latest/83083.fe45ed5de283dceb.js", + "bytes": 26848, + "sha256": "c0387a9445b6540bdbb9248fa7f36654d6efbbd4822b14d77ee1257ce0f2653c" + }, + { + "path": "/frontend_latest/49227.905c893829033053.js", + "bytes": 16153, + "sha256": "d81915b48e9020c18239e551210bb9f688acc13ea161097b6d6b237eeb5aff97" + }, + { + "path": "/frontend_latest/24519.eb7116b32c634736.js", + "bytes": 10948, + "sha256": "bfc6f1fc208db0980494f7fce3d7cf66fdb56b49b7aebe6d7dc81a11f8ad0294" + }, + { + "path": "/frontend_latest/75395.cc5150b9b2a1eaab.js", + "bytes": 43325, + "sha256": "8106a40d2e3422a76c07862bd704905ed7e17ce5c293ed86dc2b29cd45bddda5" + }, + { + "path": "/frontend_latest/15204.4ba98d3a7e1188ba.js", + "bytes": 11586, + "sha256": "af5ac046919202876888a099621d3f4ac232409a2c06e0fad53ae5ca10e9c9d7" + }, + { + "path": "/frontend_latest/85803.5b2b792a7300e3b1.js", + "bytes": 9833, + "sha256": "0d120e26671cf33a96ed8cb7c49d9a49d0d94510d4b799edd4bc91350509cfaa" + }, + { + "path": "/frontend_latest/88836.82d8c061e321f700.js", + "bytes": 20779, + "sha256": "f0f86b486ac1bc1a4317ab31652d751442431d6c71dc4fef9132e4d784351e30" + }, + { + "path": "/frontend_latest/41649.246763083c75df64.js", + "bytes": 5853, + "sha256": "c57a1d6ad874fe05971ce2f5e2be0f64e3a64b56fd80c1d8c17a846908fe8d52" + }, + { + "path": "/frontend_latest/19662.02bfe987bcf02fae.js", + "bytes": 37879, + "sha256": "a961b6fc841d4d3e3ca4fab591bf737d3c6186b67ada466944f67a138d2827ea" + }, + { + "path": "/frontend_latest/51808.00d17dbc5c336819.js", + "bytes": 56168, + "sha256": "c77cc7ee51ed09359b42e90a45c7b94bd5162fa9187481fd85faa8352a84152b" + }, + { + "path": "/frontend_latest/54076.4e72607dd775669c.js", + "bytes": 334098, + "sha256": "aed795f3496c91f8ed83d792866430784e226d71141da3a286c3db82ae139bd7" + }, + { + "path": "/frontend_latest/86151.a018324031dccf64.js", + "bytes": 21981, + "sha256": "b066cb7d0b813ba3963068c795c83b667e1623743ffe8116aeca52620e8237cc" + }, + { + "path": "/frontend_latest/44518.60aafb0dd7361a8a.js", + "bytes": 12454, + "sha256": "51fb962c1f10b8b55e33240aafcae94bbf08d29c11c8d4ba5e11735cc25b1963" + }, + { + "path": "/frontend_latest/27885.b2722f12c8ea5f0d.js", + "bytes": 14763, + "sha256": "9b50005b75b8ae380f82ac4b152acd05b93fa6f63b72db015a76f7e1a634634e" + }, + { + "path": "/frontend_latest/53224.cf6a4ce6a1632ae3.js", + "bytes": 22424, + "sha256": "159d3c58f915157201dbeb8a03bd85627bd132e86d62a157dfd14fc512e0d114" + }, + { + "path": "/frontend_latest/91441.f4e291d27370bd0e.js", + "bytes": 9318, + "sha256": "6cb720571975c708cb319a6edaf59add5976981b71e6f9a2deff4f5f51f12b05" + }, + { + "path": "/frontend_latest/53047.2ff52aed1ea1d58d.js", + "bytes": 22445, + "sha256": "a07fa2ea375bbc9d9c48d9f23cc41c9021d93bdb8b1fd85f2d473c32722b8e04" + }, + { + "path": "/frontend_latest/23322.127ad1a39e017ad1.js", + "bytes": 15104, + "sha256": "b75ec9e8e58297341494a01cb136719ad2ade2ef581dce65dce3fcd4d22e5b74" + }, + { + "path": "/frontend_latest/2066.619086da7335e894.js", + "bytes": 14652, + "sha256": "9fa71dd59b3d55070ecd5e1a54d20cff4662f77d3216403e2288738647fcd517" + }, + { + "path": "/frontend_latest/17332.cfc44d92e55e41b1.js", + "bytes": 14891, + "sha256": "e4774bb25ac5042926b065e281949267503b1764d88f2a96218a5209f9006948" + }, + { + "path": "/frontend_latest/65819.c67beedb2569fde2.js", + "bytes": 14389, + "sha256": "3b849b691fc05ffcf8b0275bacafb417d9ca2df774638d431a6022c3617fb78b" + }, + { + "path": "/frontend_latest/38402.e30322de1fd7e232.js", + "bytes": 20205, + "sha256": "a04e3e4608e892f4b2dc44e2a4c3279170c94c352523764546fb1b9aa4268634" + }, + { + "path": "/frontend_latest/4274.9a41952ea24b0c35.js", + "bytes": 14848, + "sha256": "44379e6950a12f261bb118e88bc81694308ea6e807965acd8a68552da0bf8886" + }, + { + "path": "/frontend_latest/90488.1801cdc1bce0d252.js", + "bytes": 19522, + "sha256": "4b42a382c681c8045a19d4f004ce9e508ea709fe9b27ef2845cbfcd103a8e43a" + }, + { + "path": "/frontend_latest/56327.669df9212b1bbd57.js", + "bytes": 23575, + "sha256": "379f817c3ef286f94fa228adea8bf2a3abbe7e9ca115a8eab9772bee1697e35b" + }, + { + "path": "/frontend_latest/11164.4007f39963ca53fe.js", + "bytes": 13671, + "sha256": "cbe80d4a20c692baac50bcd2f4f25a11532722be4f3a2bc74afc36fc0e87d251" + }, + { + "path": "/frontend_latest/4556.3b8bc343b186ac7f.js", + "bytes": 28448, + "sha256": "ab338cdf594607256a05dec14798f81914c38c1009d5f718824be3ea22ee5702" + }, + { + "path": "/frontend_latest/63105.5db3fbaa75461e58.js", + "bytes": 13739, + "sha256": "ff7a67cfa7f9a8262c33e13ba9bb54ac0e38727ff88eb464d93d620aa6a97b4d" + }, + { + "path": "/frontend_latest/89316.4c8a52fd9476e18d.js", + "bytes": 18823, + "sha256": "4a7a2d0a04ec62c54234bfbe575f3c90334f5be8dadb992271c1d4d04e5cb91b" + }, + { + "path": "/frontend_latest/59392.7c213f7ec058e53a.js", + "bytes": 13547, + "sha256": "ac168d5e749cde3f0f858b13765766f769b336f375a5296b37f3898c789db167" + }, + { + "path": "/frontend_latest/79358.df250c7f378eb741.js", + "bytes": 20790, + "sha256": "47504e1e798d1299996a11832d08c73b4ac5508d3f7cc54671f1f376ec227ea8" + }, + { + "path": "/frontend_latest/37877.3e4fcac2e2136e85.js", + "bytes": 12199, + "sha256": "acda63df1944dadb1d1021f10aa1667f88439c8d3df2185ac4167b2364e9218b" + }, + { + "path": "/frontend_latest/61346.23c39a21bb727e57.js", + "bytes": 35839, + "sha256": "e3bca0f2e4b1159beead5846f8dc8cac5def8038251be7509268450cb127fa6f" + }, + { + "path": "/frontend_latest/58068.496636f152f989b6.js", + "bytes": 14843, + "sha256": "2f60fa77098d87558e7c2ad463eb98261ec35fcf3a830030131d98c4689a5554" + }, + { + "path": "/frontend_latest/78918.284a9604258fe27b.js", + "bytes": 10950, + "sha256": "d9136df59278b2364da59b5ae4be98b6f83017ce94bcfc6f9879aae7c07a4bd0" + }, + { + "path": "/frontend_latest/1027.26a15473845250e8.js", + "bytes": 14240, + "sha256": "06f76e762bfb07360abae7abe3b1dc1ab239472c8445f131b9c41fa234366208" + }, + { + "path": "/frontend_latest/4558.e20b3760d07801a7.js", + "bytes": 48720, + "sha256": "43fa2969e6ba2676d21e0e5ae9a887e05a4857d7640c4537faaaf3a6793897a5" + }, + { + "path": "/frontend_latest/97769.cb1c5172b385ed95.js", + "bytes": 12926, + "sha256": "56d7d415776d66dda6b00c284eecb8d5284374ec43147e986fde88e3f52ce1a6" + }, + { + "path": "/frontend_latest/64334.af08239c2ebb5f72.js", + "bytes": 62089, + "sha256": "8a9bb136f5a75989c0249652d2437f71c95c56c5e57c552423bd7634ded28592" + }, + { + "path": "/frontend_latest/84656.b37270a3ef77878d.js", + "bytes": 35511, + "sha256": "b5520eaac50bef5c56bf9c34f78248bfffe859d2660b69a0c2bb092401972047" + }, + { + "path": "/frontend_latest/89437.7a0c267598dbedf7.js", + "bytes": 31196, + "sha256": "93b97f57d2103714bd6b000d84d66a6e5eb1abcb0e3d70ced5b68a778574452e" + }, + { + "path": "/frontend_latest/30295.44550b6ede673685.js", + "bytes": 18250, + "sha256": "c05dd5e1a5fadc0e367a1fdd726ba106f9b7ec2f2e9141b5f9278a34ec61d295" + }, + { + "path": "/frontend_latest/75312.5646a5160728e6b0.js", + "bytes": 13589, + "sha256": "487b478ae0fd9a627d755b3e0ebff32d4fd389db2f3e790fbe1ba7f8922d7a12" + }, + { + "path": "/frontend_latest/8885.0d1314825734b9ba.js", + "bytes": 10824, + "sha256": "f96524fc829f4ca06a65671dfb65343fc4ac5fc3a0775fc9fcdda4ec9b31ef1f" + }, + { + "path": "/frontend_latest/84962.17ced8e504bf6331.js", + "bytes": 12868, + "sha256": "c672f4824f9a91b1a349f85f1960ded234e32349dc48916ee32e3a2b1eb7b6f3" + }, + { + "path": "/frontend_latest/38416.72b67af26ef89a66.js", + "bytes": 15700, + "sha256": "b0acadf75c26ae79ef27521207f5e625b98225f4cfd627211b9054339ed3ca41" + }, + { + "path": "/frontend_latest/50560.8660644d0f8ae049.js", + "bytes": 26364, + "sha256": "8988a5ade0606c481a3febf6a572a4bd54848a7f8f03be75813e3a7b6c70fb5d" + }, + { + "path": "/frontend_latest/16507.a01c0a650d7bdf12.js", + "bytes": 39680, + "sha256": "3cd1825b5822cc44025ba52b950bfcba634795ff078bc4ef7bd1867bd6c8a794" + }, + { + "path": "/frontend_latest/84956.2ab0e4e5dfbc712c.js", + "bytes": 14278, + "sha256": "e5c0f30aa9c533d4a6c98f08e290080e523844d9e83323a80f186d1cd90fb0f8" + }, + { + "path": "/frontend_latest/32425.69983054c1ddb489.js", + "bytes": 418581, + "sha256": "7bcdf7b58c77c00baf193a8b30b012d08e031682f7cd8ddbacd16e7e3c3e9c94" + }, + { + "path": "/frontend_latest/92811.0f15037d3b10a2c3.js", + "bytes": 13267, + "sha256": "cd7255a05902ce487ea9763a06b3d3a7a2dddcaf01a068415eb0b7239a0d30ed" + }, + { + "path": "/frontend_latest/25481.23ddd5d2ec866816.js", + "bytes": 14691, + "sha256": "eff9c4785b1b13110a6c8d2dd9d06d0abb5038e05f3ee78af0144ac5cda41b4f" + }, + { + "path": "/frontend_latest/54537.f4833c5913c76cf2.js", + "bytes": 9818, + "sha256": "097d10625d7cfefcf5f45646e1abe71e189870ac62677b8ff655189ffa818d52" + }, + { + "path": "/frontend_latest/46565.e3d80a51d865ed5c.js", + "bytes": 12790, + "sha256": "5f911bddaecb5761fb312d30ee6d5c54c0729681d67a6938510743a92461bdda" + }, + { + "path": "/frontend_latest/94121.0e44a112e95ac8c8.js", + "bytes": 14742, + "sha256": "b8867abd42ff8397dfb27af640d00be262547b6dc1476bdc3a9d907b520bf020" + }, + { + "path": "/frontend_latest/58992.1d29f9136bc3c796.js", + "bytes": 20956, + "sha256": "403801a586fc76ed2c42c7a246d318cf115f9f8dc3e6b51736770fb0d27eab0d" + }, + { + "path": "/frontend_latest/28858.17df029135a17ae3.js", + "bytes": 12216, + "sha256": "cb20a7108b88881b05d9cb192f6e668bbdd02be64b5d594d3ce0caeac7439ffd" + }, + { + "path": "/frontend_latest/47578.fba66e0739297711.js", + "bytes": 27140, + "sha256": "c8f7aa9acf22e7f4d9a18a32015ee5ad62b9f383a80a96144bda5005be7c0d60" + }, + { + "path": "/frontend_latest/90012.9945d8238ffa5a3a.js", + "bytes": 32550, + "sha256": "bf1e417679e1f11a69f523da19d45b7a286f69cfff3e17a1b715081b412cde7f" + }, + { + "path": "/frontend_latest/14883.0a68bf6c727a2e22.js", + "bytes": 38920, + "sha256": "10c72f142d4b19619a223e1d67cbe3b1e5e079605903afda730c5df1f96b9ffe" + }, + { + "path": "/frontend_latest/5496.c0eba59802d17a07.js", + "bytes": 9450, + "sha256": "6d9a293389b0632626eec6f452dabf8172953aa4238f70b111aa9b43088e777e" + }, + { + "path": "/frontend_latest/49589.23a2870d61954701.js", + "bytes": 13433, + "sha256": "2fda7fb7e84778e196807fa82ba3f657f14ce335e9f8f3795b551d485a6641eb" + } + ], + "fonts": [ + { + "weight": "Regular", + "bytes": 64632, + "sha256": "47107401d0adb375ab9aa167f9d62489a849d510e740a307b5a4db60e5db3562", + "sameAsLiveHA": true, + "package": "roboto-fontface@0.10.0", + "license": "Apache-2.0" + }, + { + "weight": "Medium", + "bytes": 65484, + "sha256": "96025fe9db6578d8bc7f4b8be739750b1490e07221c2b1f16acde2ea7669cedf", + "sameAsLiveHA": true, + "package": "roboto-fontface@0.10.0", + "license": "Apache-2.0" + } + ], + "rasterCapture": { + "minimumCaptures": 3, + "maximumCaptures": 6, + "twoConsecutiveEqualRequired": true, + "noImageEditing": true + }, + "chromeObservation": { + "profile": "Efra", + "dedicatedWindow": true, + "dashboard": { + "heightCssPx": 56, + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "inactiveOpacity": "0.8", + "activeIndicatorCssPx": 2, + "focusOutline": "rgb(152, 152, 152) solid 2px", + "focusOffsetCssPx": -5 + }, + "gatewayObserved": true, + "meaning": "Agent observation only; not human acceptance or full library acceptance." + }, + "states": [ + { + "theme": "light", + "state": "resting", + "items": [ + { + "selected": true, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 89.484375, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 57.484375, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "color": "rgb(20, 20, 20)", + "opacity": "1", + "cursor": "pointer", + "padding": "18px 16px 14px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "borderRadius": "0px", + "width": 89.484375, + "height": 54.390625 + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 68.6875, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 36.6875, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "color": "rgb(20, 20, 20)", + "opacity": "1", + "cursor": "pointer", + "padding": "18px 16px 14px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "borderRadius": "0px", + "width": 68.6875, + "height": 54.390625 + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 90.15625, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 58.15625, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "color": "rgb(20, 20, 20)", + "opacity": "1", + "cursor": "pointer", + "padding": "18px 16px 14px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "borderRadius": "0px", + "width": 90.15625, + "height": 54.390625 + } + } + ], + "image": { + "sha256": "6824588f84379b7143ee8b590609cc9aeee1da13df71f53961a7504d7ef930e5", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation/light-resting.png" + }, + "captures": 3, + "platform": "macos" + }, + { + "theme": "light", + "state": "hover", + "items": [ + { + "selected": true, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 89.484375, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 57.484375, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "color": "rgb(20, 20, 20)", + "opacity": "1", + "cursor": "pointer", + "padding": "18px 16px 14px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "borderRadius": "0px", + "width": 89.484375, + "height": 54.390625 + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 68.6875, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 36.6875, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "color": "rgb(20, 20, 20)", + "opacity": "1", + "cursor": "pointer", + "padding": "18px 16px 14px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "borderRadius": "0px", + "width": 68.6875, + "height": 54.390625 + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 90.15625, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 58.15625, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "color": "rgb(20, 20, 20)", + "opacity": "1", + "cursor": "pointer", + "padding": "18px 16px 14px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "borderRadius": "0px", + "width": 90.15625, + "height": 54.390625 + } + } + ], + "image": { + "sha256": "6824588f84379b7143ee8b590609cc9aeee1da13df71f53961a7504d7ef930e5", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation/light-hover.png" + }, + "captures": 3, + "platform": "macos" + }, + { + "theme": "light", + "state": "focus", + "items": [ + { + "selected": true, + "disabled": false, + "focusVisible": true, + "geometry": { + "width": 89.484375, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 57.484375, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "color": "rgb(20, 20, 20)", + "opacity": "1", + "cursor": "pointer", + "padding": "18px 16px 14px", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "-5px", + "borderRadius": "0px", + "width": 89.484375, + "height": 54.390625 + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 68.6875, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 36.6875, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "color": "rgb(20, 20, 20)", + "opacity": "1", + "cursor": "pointer", + "padding": "18px 16px 14px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "borderRadius": "0px", + "width": 68.6875, + "height": 54.390625 + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 90.15625, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 58.15625, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "color": "rgb(20, 20, 20)", + "opacity": "1", + "cursor": "pointer", + "padding": "18px 16px 14px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "borderRadius": "0px", + "width": 90.15625, + "height": 54.390625 + } + } + ], + "image": { + "sha256": "6ff49f4b7cc062f33921ce6da5281b51d3374ff34a408f6d65759b3de109131f", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation/light-focus.png" + }, + "captures": 3, + "platform": "macos" + }, + { + "theme": "light", + "state": "disabled", + "items": [ + { + "selected": true, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 89.484375, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 57.484375, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "color": "rgb(20, 20, 20)", + "opacity": "1", + "cursor": "pointer", + "padding": "18px 16px 14px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "borderRadius": "0px", + "width": 89.484375, + "height": 54.390625 + } + }, + { + "selected": false, + "disabled": true, + "focusVisible": false, + "geometry": { + "width": 68.6875, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 36.6875, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "color": "rgb(20, 20, 20)", + "opacity": "0.5", + "cursor": "not-allowed", + "padding": "18px 16px 14px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "borderRadius": "0px", + "width": 68.6875, + "height": 54.390625 + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 90.15625, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 58.15625, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "color": "rgb(20, 20, 20)", + "opacity": "1", + "cursor": "pointer", + "padding": "18px 16px 14px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "borderRadius": "0px", + "width": 90.15625, + "height": 54.390625 + } + } + ], + "image": { + "sha256": "5481d9420b59dd7337110b4f668aadcd6ccc01075c6b988ec9dcfb240bc6ea41", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation/light-disabled.png" + }, + "captures": 3, + "platform": "macos" + }, + { + "theme": "dark", + "state": "resting", + "items": [ + { + "selected": true, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 89.484375, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 57.484375, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "color": "rgb(225, 225, 225)", + "opacity": "1", + "cursor": "pointer", + "padding": "18px 16px 14px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "borderRadius": "0px", + "width": 89.484375, + "height": 54.390625 + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 68.6875, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 36.6875, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "color": "rgb(225, 225, 225)", + "opacity": "1", + "cursor": "pointer", + "padding": "18px 16px 14px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "borderRadius": "0px", + "width": 68.6875, + "height": 54.390625 + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 90.15625, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 58.15625, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "color": "rgb(225, 225, 225)", + "opacity": "1", + "cursor": "pointer", + "padding": "18px 16px 14px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "borderRadius": "0px", + "width": 90.15625, + "height": 54.390625 + } + } + ], + "image": { + "sha256": "dd9bccce01e26563fadfc9c752ca3cae7f7082c0870be9c46f388d8c6b85c360", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation/dark-resting.png" + }, + "captures": 3, + "platform": "macos" + }, + { + "theme": "dark", + "state": "hover", + "items": [ + { + "selected": true, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 89.484375, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 57.484375, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "color": "rgb(225, 225, 225)", + "opacity": "1", + "cursor": "pointer", + "padding": "18px 16px 14px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "borderRadius": "0px", + "width": 89.484375, + "height": 54.390625 + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 68.6875, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 36.6875, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "color": "rgb(225, 225, 225)", + "opacity": "1", + "cursor": "pointer", + "padding": "18px 16px 14px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "borderRadius": "0px", + "width": 68.6875, + "height": 54.390625 + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 90.15625, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 58.15625, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "color": "rgb(225, 225, 225)", + "opacity": "1", + "cursor": "pointer", + "padding": "18px 16px 14px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "borderRadius": "0px", + "width": 90.15625, + "height": 54.390625 + } + } + ], + "image": { + "sha256": "dd9bccce01e26563fadfc9c752ca3cae7f7082c0870be9c46f388d8c6b85c360", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation/dark-hover.png" + }, + "captures": 3, + "platform": "macos" + }, + { + "theme": "dark", + "state": "focus", + "items": [ + { + "selected": true, + "disabled": false, + "focusVisible": true, + "geometry": { + "width": 89.484375, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 57.484375, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "color": "rgb(225, 225, 225)", + "opacity": "1", + "cursor": "pointer", + "padding": "18px 16px 14px", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "-5px", + "borderRadius": "0px", + "width": 89.484375, + "height": 54.390625 + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 68.6875, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 36.6875, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "color": "rgb(225, 225, 225)", + "opacity": "1", + "cursor": "pointer", + "padding": "18px 16px 14px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "borderRadius": "0px", + "width": 68.6875, + "height": 54.390625 + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 90.15625, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 58.15625, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "color": "rgb(225, 225, 225)", + "opacity": "1", + "cursor": "pointer", + "padding": "18px 16px 14px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "borderRadius": "0px", + "width": 90.15625, + "height": 54.390625 + } + } + ], + "image": { + "sha256": "c6fa223e9c78b4d4f6d6c3faa6d21c1b8c18f4b35a921644521837148f29acfe", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation/dark-focus.png" + }, + "captures": 3, + "platform": "macos" + }, + { + "theme": "dark", + "state": "disabled", + "items": [ + { + "selected": true, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 89.484375, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 57.484375, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "color": "rgb(225, 225, 225)", + "opacity": "1", + "cursor": "pointer", + "padding": "18px 16px 14px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "borderRadius": "0px", + "width": 89.484375, + "height": 54.390625 + } + }, + { + "selected": false, + "disabled": true, + "focusVisible": false, + "geometry": { + "width": 68.6875, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 36.6875, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "color": "rgb(225, 225, 225)", + "opacity": "0.5", + "cursor": "not-allowed", + "padding": "18px 16px 14px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "borderRadius": "0px", + "width": 68.6875, + "height": 54.390625 + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 90.15625, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 58.15625, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "color": "rgb(225, 225, 225)", + "opacity": "1", + "cursor": "pointer", + "padding": "18px 16px 14px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "borderRadius": "0px", + "width": 90.15625, + "height": 54.390625 + } + } + ], + "image": { + "sha256": "37a9e9d8a7d6b55c6534d0c97d28d75743cf524151a60b30c2b75bf59cf2a7d0", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation/dark-disabled.png" + }, + "captures": 3, + "platform": "macos" + }, + { + "theme": "light", + "state": "resting", + "items": [ + { + "selected": true, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 91, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 59, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "color": "rgb(20, 20, 20)", + "opacity": "1", + "cursor": "pointer", + "padding": "18px 16px 14px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "borderRadius": "0px", + "width": 91, + "height": 54.390625 + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 69, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 37, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "color": "rgb(20, 20, 20)", + "opacity": "1", + "cursor": "pointer", + "padding": "18px 16px 14px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "borderRadius": "0px", + "width": 69, + "height": 54.390625 + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 92, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 60, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "color": "rgb(20, 20, 20)", + "opacity": "1", + "cursor": "pointer", + "padding": "18px 16px 14px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "borderRadius": "0px", + "width": 92, + "height": 54.390625 + } + } + ], + "image": { + "sha256": "d623308759f009a183bb62ad73b9ab86208c2895a124f36feefcfcd2f2c252b7", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation/linux/light-resting.png" + }, + "captures": 3, + "platform": "linux" + }, + { + "theme": "light", + "state": "hover", + "items": [ + { + "selected": true, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 91, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 59, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "color": "rgb(20, 20, 20)", + "opacity": "1", + "cursor": "pointer", + "padding": "18px 16px 14px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "borderRadius": "0px", + "width": 91, + "height": 54.390625 + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 69, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 37, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "color": "rgb(20, 20, 20)", + "opacity": "1", + "cursor": "pointer", + "padding": "18px 16px 14px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "borderRadius": "0px", + "width": 69, + "height": 54.390625 + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 92, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 60, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "color": "rgb(20, 20, 20)", + "opacity": "1", + "cursor": "pointer", + "padding": "18px 16px 14px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "borderRadius": "0px", + "width": 92, + "height": 54.390625 + } + } + ], + "image": { + "sha256": "d623308759f009a183bb62ad73b9ab86208c2895a124f36feefcfcd2f2c252b7", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation/linux/light-hover.png" + }, + "captures": 3, + "platform": "linux" + }, + { + "theme": "light", + "state": "focus", + "items": [ + { + "selected": true, + "disabled": false, + "focusVisible": true, + "geometry": { + "width": 91, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 59, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "color": "rgb(20, 20, 20)", + "opacity": "1", + "cursor": "pointer", + "padding": "18px 16px 14px", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "-5px", + "borderRadius": "0px", + "width": 91, + "height": 54.390625 + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 69, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 37, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "color": "rgb(20, 20, 20)", + "opacity": "1", + "cursor": "pointer", + "padding": "18px 16px 14px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "borderRadius": "0px", + "width": 69, + "height": 54.390625 + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 92, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 60, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "color": "rgb(20, 20, 20)", + "opacity": "1", + "cursor": "pointer", + "padding": "18px 16px 14px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "borderRadius": "0px", + "width": 92, + "height": 54.390625 + } + } + ], + "image": { + "sha256": "f9bca46b3c48762873df667d00c485d9fb117da1e92a6a92feeddb45d92b9053", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation/linux/light-focus.png" + }, + "captures": 3, + "platform": "linux" + }, + { + "theme": "light", + "state": "disabled", + "items": [ + { + "selected": true, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 91, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 59, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "color": "rgb(20, 20, 20)", + "opacity": "1", + "cursor": "pointer", + "padding": "18px 16px 14px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "borderRadius": "0px", + "width": 91, + "height": 54.390625 + } + }, + { + "selected": false, + "disabled": true, + "focusVisible": false, + "geometry": { + "width": 69, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 37, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "color": "rgb(20, 20, 20)", + "opacity": "0.5", + "cursor": "not-allowed", + "padding": "18px 16px 14px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "borderRadius": "0px", + "width": 69, + "height": 54.390625 + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 92, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 60, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "color": "rgb(20, 20, 20)", + "opacity": "1", + "cursor": "pointer", + "padding": "18px 16px 14px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "borderRadius": "0px", + "width": 92, + "height": 54.390625 + } + } + ], + "image": { + "sha256": "b2b5f04f8b3a288b45540e291bfc6b0cfec6e05e8a5b03a224ad79bdc31e15f8", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation/linux/light-disabled.png" + }, + "captures": 3, + "platform": "linux" + }, + { + "theme": "dark", + "state": "resting", + "items": [ + { + "selected": true, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 91, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 59, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "color": "rgb(225, 225, 225)", + "opacity": "1", + "cursor": "pointer", + "padding": "18px 16px 14px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "borderRadius": "0px", + "width": 91, + "height": 54.390625 + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 69, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 37, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "color": "rgb(225, 225, 225)", + "opacity": "1", + "cursor": "pointer", + "padding": "18px 16px 14px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "borderRadius": "0px", + "width": 69, + "height": 54.390625 + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 92, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 60, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "color": "rgb(225, 225, 225)", + "opacity": "1", + "cursor": "pointer", + "padding": "18px 16px 14px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "borderRadius": "0px", + "width": 92, + "height": 54.390625 + } + } + ], + "image": { + "sha256": "589e6dbe26fb2f96d06254b93e4a4be5436adc9a090a4935a087c5c6bf82180f", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation/linux/dark-resting.png" + }, + "captures": 3, + "platform": "linux" + }, + { + "theme": "dark", + "state": "hover", + "items": [ + { + "selected": true, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 91, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 59, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "color": "rgb(225, 225, 225)", + "opacity": "1", + "cursor": "pointer", + "padding": "18px 16px 14px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "borderRadius": "0px", + "width": 91, + "height": 54.390625 + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 69, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 37, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "color": "rgb(225, 225, 225)", + "opacity": "1", + "cursor": "pointer", + "padding": "18px 16px 14px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "borderRadius": "0px", + "width": 69, + "height": 54.390625 + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 92, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 60, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "color": "rgb(225, 225, 225)", + "opacity": "1", + "cursor": "pointer", + "padding": "18px 16px 14px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "borderRadius": "0px", + "width": 92, + "height": 54.390625 + } + } + ], + "image": { + "sha256": "589e6dbe26fb2f96d06254b93e4a4be5436adc9a090a4935a087c5c6bf82180f", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation/linux/dark-hover.png" + }, + "captures": 3, + "platform": "linux" + }, + { + "theme": "dark", + "state": "focus", + "items": [ + { + "selected": true, + "disabled": false, + "focusVisible": true, + "geometry": { + "width": 91, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 59, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "color": "rgb(225, 225, 225)", + "opacity": "1", + "cursor": "pointer", + "padding": "18px 16px 14px", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "-5px", + "borderRadius": "0px", + "width": 91, + "height": 54.390625 + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 69, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 37, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "color": "rgb(225, 225, 225)", + "opacity": "1", + "cursor": "pointer", + "padding": "18px 16px 14px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "borderRadius": "0px", + "width": 69, + "height": 54.390625 + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 92, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 60, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "color": "rgb(225, 225, 225)", + "opacity": "1", + "cursor": "pointer", + "padding": "18px 16px 14px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "borderRadius": "0px", + "width": 92, + "height": 54.390625 + } + } + ], + "image": { + "sha256": "2d61675ff065506864e8ffb78ec0092c33cacad2c7a687728b984beceb08859c", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation/linux/dark-focus.png" + }, + "captures": 3, + "platform": "linux" + }, + { + "theme": "dark", + "state": "disabled", + "items": [ + { + "selected": true, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 91, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 59, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "color": "rgb(225, 225, 225)", + "opacity": "1", + "cursor": "pointer", + "padding": "18px 16px 14px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "borderRadius": "0px", + "width": 91, + "height": 54.390625 + } + }, + { + "selected": false, + "disabled": true, + "focusVisible": false, + "geometry": { + "width": 69, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 37, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "color": "rgb(225, 225, 225)", + "opacity": "0.5", + "cursor": "not-allowed", + "padding": "18px 16px 14px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "borderRadius": "0px", + "width": 69, + "height": 54.390625 + } + }, + { + "selected": false, + "disabled": false, + "focusVisible": false, + "geometry": { + "width": 92, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 60, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "color": "rgb(225, 225, 225)", + "opacity": "1", + "cursor": "pointer", + "padding": "18px 16px 14px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "borderRadius": "0px", + "width": 92, + "height": 54.390625 + } + } + ], + "image": { + "sha256": "e127f6ade3ee6af49fe08d1437814b48a0778726b833f10ff6ec017b6ccb7002", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation/linux/dark-disabled.png" + }, + "captures": 3, + "platform": "linux" + } + ], + "platforms": { + "macos": { + "browser": "Chromium156.0.8078.4", + "source": "Original isolated macOS capture", + "observedAtUTC": "2026-11-04T14:54:07.289Z" + }, + "linux": { + "browser": "Chromium156.0.8078.80", + "source": "Original public HA modules replayed unchanged in the official Playwright1.64.1 Noble container, without network. Same recorded themes and verified font bytes.", + "observedAtUTC": "2026-11-04T15:39:19.253Z", + "imageIdentity": "sha256:2dee255e66f9985e1623c12a6f77535bb7487e7bd00a0b0ad82f98688ae60f4d [\"mcr.microsoft.com/playwright@sha256:2f05f8a734509a7b3f26a912639488ee08f58a7b292d14d62271bcff9038768f\"]", + "architecture": "arm64", + "fixtureNode": "26.13.0", + "meaning": "Component-fixture comparison; not a Node26 SDK support claim or whole-container CI reproduction." + } + }, + "platformRegression": { + "ciRun": 41856741772, + "ciJob": 126667306923, + "head": "c81b559a4f435b5a96966b04092bd6050e933dc3", + "mergeCandidate": "86bb27c944610f97e986ac6f3381f230ab3f4491", + "observedFailure": "All16 state cases rejected the macOS Overview width: Linux91px versus macOS89.484375px.", + "independentReplay": "The actual HA original control and the built candidate both measure91px in Linux. The same verified medium font, both alone and with the regular face, gives59px label advance in Linux versus57.484375px in macOS.", + "correction": "Choose only an explicitly measured browser platform reference; retain all exact style/state assertions and existing subpixel geometry tolerances." + } +} diff --git a/docs/evidence/ha-select-list-reference.json b/docs/evidence/ha-select-list-reference.json new file mode 100644 index 0000000..325d258 --- /dev/null +++ b/docs/evidence/ha-select-list-reference.json @@ -0,0 +1,55810 @@ +{ + "scope": "Independent original HA explicit visible radio and checkbox lists, compared with the compiled renderer under recorded public themes and fonts. Broader capability acceptance is separate.", + "originalPublicApp": { + "path": "app.d6c28fc2e48aeea4.js", + "sha256": "7b0d03a0c75c971cd3084c988430c512414209ca2c8bba8d506724d3be2827ec", + "startupOnlyReplacement": true, + "componentFunctionsUnchanged": true + }, + "selectorLoader": { + "entry": 6132, + "chunks": [ + 79871, + 57539, + 54353, + 40523, + 37532, + 9287, + 83083, + 8099, + 24519, + 49227, + 38795, + 5751, + 23691, + 2066, + 4274, + 38402, + 90488, + 37199, + 35413, + 55207 + ], + "sourceSha256": "4a7a2d0a04ec62c54234bfbe575f3c90334f5be8dadb992271c1d4d04e5cb91b" + }, + "publicAssetIdentities": { + "/frontend_latest/app.d6c28fc2e48aeea4.js": { + "sha256": "7b0d03a0c75c971cd3084c988430c512414209ca2c8bba8d506724d3be2827ec", + "bytes": 577102 + }, + "/frontend_latest/79871.0cd7505014fef7fb.js": { + "sha256": "3a613295ac4ee48fc19ddadff4baa1c147e98108731f224d1d640906e5b1df65", + "bytes": 8829 + }, + "/frontend_latest/57539.27d7cefd99dace6a.js": { + "sha256": "8be1aa5585c10687ef9b740ca03edbd7d03f2dce527d98bcb392bf98c2a27a9f", + "bytes": 30004 + }, + "/frontend_latest/54353.5437d2f3817bda05.js": { + "sha256": "46837596efa4541d206731639acd701c312dc4e256dbbe1b47f490023d26fd35", + "bytes": 28665 + }, + "/frontend_latest/40523.1e09f4c93f125c24.js": { + "sha256": "926458359cfc4067dea446422401e81fcc82e9e2a127c7c066a48bb1dfe2acb8", + "bytes": 14720 + }, + "/frontend_latest/37532.79d0d1bb37c67bc0.js": { + "sha256": "4a73e707cfcacda888e13fc3dd8a849e78b9f987ef7c5f006ee4624ce0f70f38", + "bytes": 7382 + }, + "/frontend_latest/9287.09045b2bbbaec3ff.js": { + "sha256": "458ff250f1f58d0f3353e5e4db02ecd81c18d5118da63784e4460ad350f0479b", + "bytes": 16586 + }, + "/frontend_latest/83083.fe45ed5de283dceb.js": { + "sha256": "c0387a9445b6540bdbb9248fa7f36654d6efbbd4822b14d77ee1257ce0f2653c", + "bytes": 26848 + }, + "/frontend_latest/8099.739711f91e051b08.js": { + "sha256": "085891bfde6d7bcc99feee1d23bd218811559da0524fbd716a341834729f5610", + "bytes": 24201 + }, + "/frontend_latest/24519.eb7116b32c634736.js": { + "sha256": "bfc6f1fc208db0980494f7fce3d7cf66fdb56b49b7aebe6d7dc81a11f8ad0294", + "bytes": 10948 + }, + "/frontend_latest/49227.905c893829033053.js": { + "sha256": "d81915b48e9020c18239e551210bb9f688acc13ea161097b6d6b237eeb5aff97", + "bytes": 16153 + }, + "/frontend_latest/15204.4ba98d3a7e1188ba.js": { + "sha256": "af5ac046919202876888a099621d3f4ac232409a2c06e0fad53ae5ca10e9c9d7", + "bytes": 11586 + }, + "/frontend_latest/75395.cc5150b9b2a1eaab.js": { + "sha256": "8106a40d2e3422a76c07862bd704905ed7e17ce5c293ed86dc2b29cd45bddda5", + "bytes": 43325 + }, + "/frontend_latest/85803.5b2b792a7300e3b1.js": { + "sha256": "0d120e26671cf33a96ed8cb7c49d9a49d0d94510d4b799edd4bc91350509cfaa", + "bytes": 9833 + }, + "/frontend_latest/88836.82d8c061e321f700.js": { + "sha256": "f0f86b486ac1bc1a4317ab31652d751442431d6c71dc4fef9132e4d784351e30", + "bytes": 20779 + }, + "/frontend_latest/41649.246763083c75df64.js": { + "sha256": "c57a1d6ad874fe05971ce2f5e2be0f64e3a64b56fd80c1d8c17a846908fe8d52", + "bytes": 5853 + }, + "/frontend_latest/54076.4e72607dd775669c.js": { + "sha256": "aed795f3496c91f8ed83d792866430784e226d71141da3a286c3db82ae139bd7", + "bytes": 334098 + }, + "/frontend_latest/51808.00d17dbc5c336819.js": { + "sha256": "c77cc7ee51ed09359b42e90a45c7b94bd5162fa9187481fd85faa8352a84152b", + "bytes": 56168 + }, + "/frontend_latest/19662.02bfe987bcf02fae.js": { + "sha256": "a961b6fc841d4d3e3ca4fab591bf737d3c6186b67ada466944f67a138d2827ea", + "bytes": 37879 + }, + "/frontend_latest/86151.a018324031dccf64.js": { + "sha256": "b066cb7d0b813ba3963068c795c83b667e1623743ffe8116aeca52620e8237cc", + "bytes": 21981 + }, + "/frontend_latest/44518.60aafb0dd7361a8a.js": { + "sha256": "51fb962c1f10b8b55e33240aafcae94bbf08d29c11c8d4ba5e11735cc25b1963", + "bytes": 12454 + }, + "/frontend_latest/53047.2ff52aed1ea1d58d.js": { + "sha256": "a07fa2ea375bbc9d9c48d9f23cc41c9021d93bdb8b1fd85f2d473c32722b8e04", + "bytes": 22445 + }, + "/frontend_latest/53224.cf6a4ce6a1632ae3.js": { + "sha256": "159d3c58f915157201dbeb8a03bd85627bd132e86d62a157dfd14fc512e0d114", + "bytes": 22424 + }, + "/frontend_latest/27885.b2722f12c8ea5f0d.js": { + "sha256": "9b50005b75b8ae380f82ac4b152acd05b93fa6f63b72db015a76f7e1a634634e", + "bytes": 14763 + }, + "/frontend_latest/91441.f4e291d27370bd0e.js": { + "sha256": "6cb720571975c708cb319a6edaf59add5976981b71e6f9a2deff4f5f51f12b05", + "bytes": 9318 + }, + "/frontend_latest/23322.127ad1a39e017ad1.js": { + "sha256": "b75ec9e8e58297341494a01cb136719ad2ade2ef581dce65dce3fcd4d22e5b74", + "bytes": 15104 + }, + "/frontend_latest/2066.619086da7335e894.js": { + "sha256": "9fa71dd59b3d55070ecd5e1a54d20cff4662f77d3216403e2288738647fcd517", + "bytes": 14652 + }, + "/frontend_latest/17332.cfc44d92e55e41b1.js": { + "sha256": "e4774bb25ac5042926b065e281949267503b1764d88f2a96218a5209f9006948", + "bytes": 14891 + }, + "/frontend_latest/4274.9a41952ea24b0c35.js": { + "sha256": "44379e6950a12f261bb118e88bc81694308ea6e807965acd8a68552da0bf8886", + "bytes": 14848 + }, + "/frontend_latest/65819.c67beedb2569fde2.js": { + "sha256": "3b849b691fc05ffcf8b0275bacafb417d9ca2df774638d431a6022c3617fb78b", + "bytes": 14389 + }, + "/frontend_latest/38402.e30322de1fd7e232.js": { + "sha256": "a04e3e4608e892f4b2dc44e2a4c3279170c94c352523764546fb1b9aa4268634", + "bytes": 20205 + }, + "/frontend_latest/90488.1801cdc1bce0d252.js": { + "sha256": "4b42a382c681c8045a19d4f004ce9e508ea709fe9b27ef2845cbfcd103a8e43a", + "bytes": 19522 + }, + "/frontend_latest/56327.669df9212b1bbd57.js": { + "sha256": "379f817c3ef286f94fa228adea8bf2a3abbe7e9ca115a8eab9772bee1697e35b", + "bytes": 23575 + }, + "/frontend_latest/11164.4007f39963ca53fe.js": { + "sha256": "cbe80d4a20c692baac50bcd2f4f25a11532722be4f3a2bc74afc36fc0e87d251", + "bytes": 13671 + }, + "/frontend_latest/63105.5db3fbaa75461e58.js": { + "sha256": "ff7a67cfa7f9a8262c33e13ba9bb54ac0e38727ff88eb464d93d620aa6a97b4d", + "bytes": 13739 + }, + "/frontend_latest/4556.3b8bc343b186ac7f.js": { + "sha256": "ab338cdf594607256a05dec14798f81914c38c1009d5f718824be3ea22ee5702", + "bytes": 28448 + }, + "/frontend_latest/89316.4c8a52fd9476e18d.js": { + "sha256": "4a7a2d0a04ec62c54234bfbe575f3c90334f5be8dadb992271c1d4d04e5cb91b", + "bytes": 18823 + }, + "/frontend_latest/59392.7c213f7ec058e53a.js": { + "sha256": "ac168d5e749cde3f0f858b13765766f769b336f375a5296b37f3898c789db167", + "bytes": 13547 + }, + "/frontend_latest/79358.df250c7f378eb741.js": { + "sha256": "47504e1e798d1299996a11832d08c73b4ac5508d3f7cc54671f1f376ec227ea8", + "bytes": 20790 + }, + "/frontend_latest/61346.23c39a21bb727e57.js": { + "sha256": "e3bca0f2e4b1159beead5846f8dc8cac5def8038251be7509268450cb127fa6f", + "bytes": 35839 + }, + "/frontend_latest/37877.3e4fcac2e2136e85.js": { + "sha256": "acda63df1944dadb1d1021f10aa1667f88439c8d3df2185ac4167b2364e9218b", + "bytes": 12199 + }, + "/frontend_latest/58068.496636f152f989b6.js": { + "sha256": "2f60fa77098d87558e7c2ad463eb98261ec35fcf3a830030131d98c4689a5554", + "bytes": 14843 + }, + "/frontend_latest/78918.284a9604258fe27b.js": { + "sha256": "d9136df59278b2364da59b5ae4be98b6f83017ce94bcfc6f9879aae7c07a4bd0", + "bytes": 10950 + }, + "/frontend_latest/1027.26a15473845250e8.js": { + "sha256": "06f76e762bfb07360abae7abe3b1dc1ab239472c8445f131b9c41fa234366208", + "bytes": 14240 + }, + "/frontend_latest/4558.e20b3760d07801a7.js": { + "sha256": "43fa2969e6ba2676d21e0e5ae9a887e05a4857d7640c4537faaaf3a6793897a5", + "bytes": 48720 + }, + "/frontend_latest/97769.cb1c5172b385ed95.js": { + "sha256": "56d7d415776d66dda6b00c284eecb8d5284374ec43147e986fde88e3f52ce1a6", + "bytes": 12926 + }, + "/frontend_latest/64334.af08239c2ebb5f72.js": { + "sha256": "8a9bb136f5a75989c0249652d2437f71c95c56c5e57c552423bd7634ded28592", + "bytes": 62089 + }, + "/frontend_latest/89437.7a0c267598dbedf7.js": { + "sha256": "93b97f57d2103714bd6b000d84d66a6e5eb1abcb0e3d70ced5b68a778574452e", + "bytes": 31196 + }, + "/frontend_latest/84656.b37270a3ef77878d.js": { + "sha256": "b5520eaac50bef5c56bf9c34f78248bfffe859d2660b69a0c2bb092401972047", + "bytes": 35511 + }, + "/frontend_latest/30295.44550b6ede673685.js": { + "sha256": "c05dd5e1a5fadc0e367a1fdd726ba106f9b7ec2f2e9141b5f9278a34ec61d295", + "bytes": 18250 + }, + "/frontend_latest/75312.5646a5160728e6b0.js": { + "sha256": "487b478ae0fd9a627d755b3e0ebff32d4fd389db2f3e790fbe1ba7f8922d7a12", + "bytes": 13589 + }, + "/frontend_latest/8885.0d1314825734b9ba.js": { + "sha256": "f96524fc829f4ca06a65671dfb65343fc4ac5fc3a0775fc9fcdda4ec9b31ef1f", + "bytes": 10824 + }, + "/frontend_latest/84962.17ced8e504bf6331.js": { + "sha256": "c672f4824f9a91b1a349f85f1960ded234e32349dc48916ee32e3a2b1eb7b6f3", + "bytes": 12868 + }, + "/frontend_latest/50560.8660644d0f8ae049.js": { + "sha256": "8988a5ade0606c481a3febf6a572a4bd54848a7f8f03be75813e3a7b6c70fb5d", + "bytes": 26364 + }, + "/frontend_latest/38416.72b67af26ef89a66.js": { + "sha256": "b0acadf75c26ae79ef27521207f5e625b98225f4cfd627211b9054339ed3ca41", + "bytes": 15700 + }, + "/frontend_latest/32425.69983054c1ddb489.js": { + "sha256": "7bcdf7b58c77c00baf193a8b30b012d08e031682f7cd8ddbacd16e7e3c3e9c94", + "bytes": 418581 + }, + "/frontend_latest/16507.a01c0a650d7bdf12.js": { + "sha256": "3cd1825b5822cc44025ba52b950bfcba634795ff078bc4ef7bd1867bd6c8a794", + "bytes": 39680 + }, + "/frontend_latest/84956.2ab0e4e5dfbc712c.js": { + "sha256": "e5c0f30aa9c533d4a6c98f08e290080e523844d9e83323a80f186d1cd90fb0f8", + "bytes": 14278 + }, + "/frontend_latest/92811.0f15037d3b10a2c3.js": { + "sha256": "cd7255a05902ce487ea9763a06b3d3a7a2dddcaf01a068415eb0b7239a0d30ed", + "bytes": 13267 + }, + "/frontend_latest/54537.f4833c5913c76cf2.js": { + "sha256": "097d10625d7cfefcf5f45646e1abe71e189870ac62677b8ff655189ffa818d52", + "bytes": 9818 + }, + "/frontend_latest/25481.23ddd5d2ec866816.js": { + "sha256": "eff9c4785b1b13110a6c8d2dd9d06d0abb5038e05f3ee78af0144ac5cda41b4f", + "bytes": 14691 + }, + "/frontend_latest/46565.e3d80a51d865ed5c.js": { + "sha256": "5f911bddaecb5761fb312d30ee6d5c54c0729681d67a6938510743a92461bdda", + "bytes": 12790 + }, + "/frontend_latest/94121.0e44a112e95ac8c8.js": { + "sha256": "b8867abd42ff8397dfb27af640d00be262547b6dc1476bdc3a9d907b520bf020", + "bytes": 14742 + }, + "/frontend_latest/58992.1d29f9136bc3c796.js": { + "sha256": "403801a586fc76ed2c42c7a246d318cf115f9f8dc3e6b51736770fb0d27eab0d", + "bytes": 20956 + }, + "/frontend_latest/28858.17df029135a17ae3.js": { + "sha256": "cb20a7108b88881b05d9cb192f6e668bbdd02be64b5d594d3ce0caeac7439ffd", + "bytes": 12216 + }, + "/frontend_latest/47578.fba66e0739297711.js": { + "sha256": "c8f7aa9acf22e7f4d9a18a32015ee5ad62b9f383a80a96144bda5005be7c0d60", + "bytes": 27140 + }, + "/frontend_latest/90012.9945d8238ffa5a3a.js": { + "sha256": "bf1e417679e1f11a69f523da19d45b7a286f69cfff3e17a1b715081b412cde7f", + "bytes": 32550 + }, + "/frontend_latest/14883.0a68bf6c727a2e22.js": { + "sha256": "10c72f142d4b19619a223e1d67cbe3b1e5e079605903afda730c5df1f96b9ffe", + "bytes": 38920 + }, + "/frontend_latest/5496.c0eba59802d17a07.js": { + "sha256": "6d9a293389b0632626eec6f452dabf8172953aa4238f70b111aa9b43088e777e", + "bytes": 9450 + }, + "/frontend_latest/49589.23a2870d61954701.js": { + "sha256": "2fda7fb7e84778e196807fa82ba3f657f14ce335e9f8f3795b551d485a6641eb", + "bytes": 13433 + }, + "/static/locale-data/intl-displaynames/en.json": { + "sha256": "de6876c5e48244c0a6ec4a189e0c27293674bfb8fda6fe4deae4083cf319937e", + "bytes": 43298 + }, + "/frontend_latest/38795.f1749be6c0cda8cf.js": { + "sha256": "26901b5d59ed1cf886e9b86dee00ad3c6c8b68f11df44cee56e0acdcc57871ee", + "bytes": 13159 + }, + "/frontend_latest/5751.67663409166dfa62.js": { + "sha256": "748b65369aada7ec3affb6b84e68191e8020859ce8d827033f78dee1c39f197e", + "bytes": 12876 + }, + "/frontend_latest/23691.384e50d3606469fd.js": { + "sha256": "777ba39bd750a21f91a9df8014b10c641e344bd80f55822c12350622214d4214", + "bytes": 12159 + }, + "/frontend_latest/37199.88f6bbd59e732a44.js": { + "sha256": "7fb0079d88f02a42240dc5b1376a94d383b084e44980becc39af611b8bb35d8c", + "bytes": 14158 + }, + "/frontend_latest/35413.b8d0d3ec3a3957a5.js": { + "sha256": "65d380d8575863f22bd002b58cf24d1385a3b8ec8098321863a7c3dd31105b1f", + "bytes": 16364 + }, + "/frontend_latest/55207.d583b44056999867.js": { + "sha256": "21f5a4f0a50bd7fbe8a053f54aed3e6dea06e0c148f37eb9cceb4dd489d59989", + "bytes": 20115 + } + }, + "fonts": { + "regular": "47107401d0adb375ab9aa167f9d62489a849d510e740a307b5a4db60e5db3562", + "medium": "96025fe9db6578d8bc7f4b8be739750b1490e07221c2b1f16acde2ea7669cedf" + }, + "themes": { + "light": { + "--ha-space-8": "32px", + "--wa-color-brand-on-normal": "#009ac7", + "--state-inactive-color": "#9e9e9e", + "--safe-width": "calc(100vw - 0px - 0px)", + "--success-color": "#43a047", + "--input-outlined-disabled-border-color": "#0000000f", + "--color-29": "#97ee3f", + "--purple-color": "#926bc7", + "--ha-color-fill-primary-normal-resting": "#dff3fc", + "--mdc-theme-background": "#fafafa", + "--mdc-theme-text-primary-on-background": "#141414", + "--ha-space-15": "60px", + "--state-binary_sensor-active-color": "#ffc107", + "--state-valve-active-color": "#2196f3", + "--mdc-text-field-fill-color": "#f5f5f5", + "--ha-font-family-code": "monospace", + "--wa-form-control-value-line-height": "1.2", + "--safe-height": "calc(100vh - 0px - 0px)", + "--state-weather-windy_variant-color": "#4caf50", + "--dark-primary-opacity": ".87", + "--state-binary_sensor-safety-on-color": "#f44336", + "--mdc-select-outlined-disabled-border-color": "#0000000f", + "--ha-font-size-s": "calc(12px * 1)", + "--ha-color-primary-30": "#006787", + "--state-sensor-battery-high-color": "#4caf50", + "--ha-color-red-60": "#f3676c", + "--ha-border-radius-pill": "9999px", + "--ha-color-form-background": "#f3f3f3", + "--mdc-text-field-disabled-ink-color": "#0000005e", + "--state-fan-active-color": "#00bcd4", + "--sidebar-selected-text-color": "#009ac7", + "--state-weather-hail-color": "#00bcd4", + "--ha-color-on-neutral-normal": "#5e5e5e", + "--ha-color-fill-disabled-loud-hover": "#b1b1b1", + "--md-list-item-supporting-text-font": "Roboto, Noto, sans-serif", + "--wa-color-warning-on-loud": "#fff", + "--state-weather-exceptional-color": "#f44336", + "--ha-color-shadow-scrollable-fade": "#00000014", + "--ha-color-orange-50": "#c94e00", + "--black-color": "#000", + "--wa-color-brand-border-quiet": "#dff3fc", + "--ha-color-fill-primary-quiet-active": "#eff9fe", + "--state-media_player-active-color": "#03a9f4", + "--cyan-color": "#00bcd4", + "--state-alarm_control_panel-disarming-color": "#ff9800", + "--mdc-text-field-label-ink-color": "#0009", + "--ha-color-white": "#fff", + "--wa-color-warning-fill-normal": "#ffe0c8", + "--margin-title-ltr": "0 0 0 24px", + "--ha-color-on-warning-loud": "#fff", + "--ha-color-red-70": "#fd8f90", + "--color-9": "#01ab63", + "--ha-color-border-danger-loud": "#b30532", + "--state-weather-rainy-color": "#2196f3", + "--wa-focus-ring-style": "solid", + "--input-idle-line-color": "#0000006b", + "--mdc-select-outlined-idle-border-color": "#00000061", + "--input-disabled-fill-color": "#fafafa", + "--ha-font-weight-heading": "700", + "--state-alarm_control_panel-armed_night-color": "#4caf50", + "--input-label-ink-color": "#0009", + "--ha-color-orange-05": "#280700", + "--rgb-accent-color": "255, 152, 0", + "--ha-font-weight-normal": "400", + "--color-28": "#927acc", + "--wa-color-surface-default": "#fff", + "--mdc-text-field-ink-color": "#000000de", + "--ha-space-9": "36px", + "--dark-divider-opacity": ".12", + "--ha-color-primary-60": "#37c8fd", + "--wa-form-control-height": "40px", + "--state-vacuum-error-color": "#f44336", + "--color-17": "#7599d1", + "--state-siren-active-color": "#f44336", + "--wa-color-brand-border-loud": "#009ac7", + "--wa-focus-ring-offset": "2px", + "--ha-border-width-sm": "1px", + "--wa-color-neutral-border-normal": "#989898", + "--wa-color-warning-on-quiet": "#c94e00", + "--state-climate-heat-color": "#ff6f22", + "--ha-border-width-md": "2px", + "--secondary-background-color": "#e5e5e5", + "--ha-color-green-80": "#93da98", + "--text-light-primary-color": "#212121", + "--ha-color-on-danger-quiet": "#dc3146", + "--ha-color-neutral-90": "#e6e6e6", + "--ha-border-width-lg": "3px", + "--color-46": "#c27eb6", + "--ha-color-fill-primary-normal-hover": "#b9e6fc", + "--ha-color-orange-60": "#f36d00", + "--wa-color-danger-on-loud": "#fff", + "--wa-color-surface-border": "#e6e6e6", + "--wa-form-control-border-radius": "12px", + "--wa-form-control-placeholder-color": "#5e5e5e", + "--wa-color-success-border-normal": "#5dc36f", + "--wa-form-control-border-color": "#989898", + "--state-climate-auto-color": "#4caf50", + "--dark-secondary-opacity": ".54", + "--ha-font-size-5xl": "calc(40px * 1)", + "--state-active-color": "#ffc107", + "--ha-color-green-20": "#0a3a1d", + "--ha-color-border-primary-normal": "#7bd4fb", + "--color-18": "#7a4c31", + "--outline-color": "#0000001f", + "--state-sensor-battery-medium-color": "#ff9800", + "--color-25": "#c884ff", + "--ha-color-focus": "#989898", + "--energy-battery-in-color": "#f06292", + "--safe-area-offset-right": "calc(max(0px - 0px, 0px) / 2)", + "--state-alarm_control_panel-arming-color": "#ff9800", + "--state-water_heater-eco-color": "#4caf50", + "--input-fill-color": "#f5f5f5", + "--ha-color-fill-neutral-quiet-hover": "#e6e6e6", + "--state-water_heater-heat_pump-color": "#ff9800", + "--ha-color-primary-70": "#7bd4fb", + "--light-primary-opacity": "1", + "--ha-color-fill-warning-loud-resting": "#ff9342", + "--ha-color-fill-primary-loud-active": "#009ac7", + "--color-2": "#f4bd4a", + "--ha-font-size-3xl": "calc(28px * 1)", + "--ha-assist-chip-filled-container-color": "rgba(33, 33, 33, .15)", + "--color-24": "#ffadda", + "--ha-font-size-xs": "calc(10px * 1)", + "--ha-animation-duration-normal": "1ms", + "--wa-color-danger-on-normal": "#b30532", + "--sidebar-text-color": "#141414", + "--mdc-theme-text-secondary-on-background": "#5e5e5e", + "--wa-form-control-border-width": "1px", + "--wa-color-neutral-on-normal": "#5e5e5e", + "--ha-border-radius-md": "8px", + "--energy-gas-color": "#8e021b", + "--color-15": "#d96895", + "--ha-color-surface-low-inverted": "#141414", + "--ha-color-on-disabled-loud": "#f3f3f3", + "--state-alarm_control_panel-armed_away-color": "#4caf50", + "--wa-focus-ring-width": "2px", + "--table-header-background-color": "#f5f5f5", + "--ha-color-neutral-80": "#ccc", + "--ha-color-orange-70": "#ff9342", + "--ha-font-weight-light": "300", + "--wa-color-warning-fill-quiet": "#ffe0c8", + "--wa-color-brand-fill-normal": "#dff3fc", + "--ha-color-on-primary-normal": "#009ac7", + "--color-32": "#f48758", + "--ha-line-height-expanded": "2", + "--wa-border-radius-pill": "9999px", + "--color-51": "#f48800", + "--ha-color-green-50": "#00883c", + "--state-weather-windy-color": "#4caf50", + "--ha-border-radius-5xl": "32px", + "--ha-border-radius-circle": "50%", + "--ha-color-primary-10": "#002e3e", + "--ha-color-text-disabled": "#989898", + "--scrollbar-thumb-color": "#c2c2c2", + "--mdc-theme-secondary": "#ff9800", + "--ha-color-fill-success-loud-resting": "#00883c", + "--mdc-select-ink-color": "#000000de", + "--ha-color-border-success-quiet": "#c2f2c1", + "--state-light-active-color": "#ffc107", + "--wa-border-radius-s": "4px", + "--label-badge-green": "#43a047", + "--state-binary_sensor-lock-on-color": "#f44336", + "--wa-color-neutral-on-quiet": "#7a7a7a", + "--wa-form-control-padding-inline": "12px", + "--mdc-text-field-disabled-fill-color": "#fafafa", + "--ha-color-on-success-loud": "#fff", + "--color-27": "#bf8b6d", + "--history-unknown-color": "#606060", + "--state-weather-cloudy-color": "#bdbdbd", + "--state-lock-open-color": "#f44336", + "--wa-color-brand-on-quiet": "#18bcf2", + "--state-water_heater-performance-color": "#ff6f22", + "--energy-grid-consumption-color": "#488fc2", + "--ha-color-fill-neutral-normal-resting": "#e6e6e6", + "--ha-color-fill-danger-quiet-hover": "#ffdedc", + "--wa-transition-easing": "ease", + "--wa-focus-ring": "solid 2px #989898", + "--wa-transition-normal": "1ms", + "--ha-font-size-scale": "1", + "--wa-color-neutral-fill-loud": "#5e5e5e", + "--ha-color-text-primary": "#141414", + "--ha-color-primary-95": "#eff9fe", + "--mdc-button-disabled-ink-color": "#bdbdbd", + "--table-row-background-color": "#fafafa", + "--ha-animation-duration-instant": "1ms", + "--wa-panel-border-width": "1px", + "--ha-box-shadow-l": "0 6px 12px -3px #0000001f, 0 16px 32px -6px #0003", + "--wa-form-control-required-content-offset": ".1rem", + "--mdc-radio-unchecked-color": "rgba(33, 33, 33, .54)", + "--wa-color-danger-border-quiet": "#ffdedc", + "--sidebar-selected-icon-color": "#009ac7", + "--ha-color-fill-warning-normal-resting": "#ffe0c8", + "--ha-color-fill-danger-quiet-active": "#fff0ef", + "--ha-color-on-primary-loud": "#fff", + "--ha-font-family-heading": "Roboto, Noto, sans-serif", + "--ha-color-orange-40": "#9d3800", + "--color-36": "#e43872", + "--state-climate-fan_only-color": "#00bcd4", + "--input-disabled-line-color": "#0000000f", + "--ha-space-20": "80px", + "--color-6": "#ff8ab7", + "--wa-space-xs": "8px", + "--ha-color-primary-20": "#004156", + "--mdc-select-label-ink-color": "#0009", + "--ha-space-6": "24px", + "--ha-color-fill-neutral-quiet-active": "#f3f3f3", + "--ha-color-fill-primary-quiet-resting": "#eff9fe", + "--ha-font-size-m": "calc(14px * 1)", + "--color-50": "#a49100", + "--float-end": "right", + "--wa-color-danger-border-normal": "#fd8f90", + "--ha-color-fill-danger-loud-resting": "#dc3146", + "--state-alarm_control_panel-pending-color": "#ff9800", + "--checked-icon-color": "#fff", + "--mdc-checkbox-unchecked-color": "rgba(33, 33, 33, .54)", + "--color-19": "#6989f4", + "--ha-space-19": "76px", + "--ha-font-family-body": "Roboto, Noto, sans-serif", + "--rgb-text-primary-color": "255, 255, 255", + "--ha-color-border-warning-normal": "#ff9342", + "--shadow-color": "#00000029", + "--state-icon-color": "#44739e", + "--ha-color-fill-warning-quiet-hover": "#ffe0c8", + "--ha-color-fill-primary-normal-active": "#dff3fc", + "--mdc-theme-primary": "#009ac7", + "--color-34": "#f2b94f", + "--ha-space-4": "16px", + "--mdc-dialog-heading-ink-color": "#141414", + "--disabled-color": "#bdbdbd", + "--state-plant-active-color": "#f44336", + "--ha-color-neutral-40": "#5e5e5e", + "--orange-color": "#ff9800", + "--energy-water-color": "#00bcd4", + "--ha-font-weight-body": "400", + "--wa-form-control-required-content": "\"*\"", + "--ha-color-fill-danger-normal-hover": "#ffb8b6", + "--wa-font-weight-body": "400", + "--color-45": "#fecddf", + "--color-4": "#6cc5b0", + "--wa-line-height-condensed": "1.2", + "--lime-color": "#cddc39", + "--wa-color-warning-border-normal": "#ff9342", + "--mdc-tab-text-label-color-default": "#141414", + "--mdc-select-disabled-fill-color": "#fafafa", + "--light-green-color": "#8bc34a", + "--wa-color-brand-border-normal": "#18bcf2", + "--wa-color-neutral-fill-normal": "#e6e6e6", + "--label-badge-red": "#db4437", + "--ha-color-on-danger-normal": "#b30532", + "--state-device_tracker-home-color": "#4caf50", + "--state-cover-active-color": "#926bc7", + "--state-binary_sensor-problem-on-color": "#f44336", + "--state-binary_sensor-sound-on-color": "#f44336", + "--ha-color-neutral-60": "#989898", + "--input-dropdown-icon-color": "#0000008a", + "--ha-color-fill-disabled-quiet-hover": "#e6e6e6", + "--app-header-border-bottom": "1px solid #0000001f", + "--blue-color": "#2196f3", + "--wa-color-danger-fill-quiet": "#ffdedc", + "--state-weather-lightning-color": "#ffeb3b", + "--color-8": "#97bbf5", + "--safe-area-inset-x": "calc(0px + 0px)", + "--color-42": "#009f82", + "--mdc-select-dropdown-icon-color": "#0000008a", + "--mdc-theme-text-disabled-on-light": "#bdbdbd", + "--wa-color-brand-fill-loud": "#009ac7", + "--ha-color-green-70": "#5dc36f", + "--state-weather-snowy_rainy-color": "#03a9f4", + "--mdc-text-field-outlined-disabled-border-color": "#0000000f", + "--darker-primary-color": "#016194", + "--ha-color-orange-20": "#5e1c00", + "--state-update-active-color": "#ff9800", + "--ha-color-on-neutral-quiet": "#7a7a7a", + "--wa-color-neutral-border-loud": "#5e5e5e", + "--state-lock-locking-color": "#ff9800", + "--mdc-text-field-hover-line-color": "#000000de", + "--ha-moz-osx-font-smoothing": "grayscale", + "--state-alarm_control_panel-triggered-color": "#f44336", + "--wa-color-surface-raised": "#fff", + "--safe-area-inset-top": "0px", + "--safe-area-offset-top": "calc(max(0px - 0px, 0px) / 2)", + "--ha-color-fill-danger-loud-active": "#dc3146", + "--mdc-text-field-idle-line-color": "#0000006b", + "--dark-disabled-opacity": ".38", + "--state-climate-dry-color": "#ff9800", + "--ha-space-14": "56px", + "--state-sensor-battery-low-color": "#f44336", + "--history-unavailable-color": "transparent", + "--color-44": "#cbe8ff", + "--ha-color-red-30": "#8a132c", + "--safe-area-inset-left": "0px", + "--wa-form-control-value-color": "#141414", + "--ha-font-size-2xl": "calc(24px * 1)", + "--ha-color-on-primary-quiet": "#18bcf2", + "--wa-color-warning-fill-loud": "#ff9342", + "--wa-font-size-s": "calc(12px * 1)", + "--table-row-alternative-background-color": "#e5e5e5", + "--ha-color-red-20": "#631323", + "--ha-color-fill-neutral-loud-active": "#5e5e5e", + "--color-10": "#094bad", + "--ha-color-on-disabled-quiet": "#ccc", + "--ha-color-on-warning-quiet": "#c94e00", + "--ha-color-text-secondary": "#5e5e5e", + "--state-water_heater-gas-color": "#ff9800", + "--ha-color-green-10": "#052310", + "--label-badge-background-color": "#fff", + "--ha-color-form-background-hover": "#e6e6e6", + "--ha-color-fill-danger-normal-active": "#ffdedc", + "--ha-color-border-primary-quiet": "#dff3fc", + "--ha-animation-duration-fast": "1ms", + "--state-lock-locked-color": "#4caf50", + "--wa-panel-border-style": "solid", + "--ha-space-16": "64px", + "--safe-area-inset-y": "calc(0px + 0px)", + "--ha-color-primary-80": "#b9e6fc", + "--deep-purple-color": "#6e41ab", + "--ha-color-neutral-05": "#141414", + "--light-blue-color": "#03a9f4", + "--ha-border-radius-6xl": "36px", + "--mdc-theme-surface": "#fff", + "--brown-color": "#795548", + "--ha-color-on-warning-normal": "#9d3800", + "--ha-color-primary-40": "#009ac7", + "--state-weather-sunny-color": "#ffc107", + "--ha-color-fill-warning-normal-hover": "#ffbb89", + "--slider-color": "#009ac7", + "--color-52": "#27d0df", + "--ha-color-border-warning-quiet": "#ffe0c8", + "--color-53": "#a04a9b", + "--state-weather-clear_night-color": "#6e41ab", + "--bar-box-shadow": "0 2px 12px #00000029", + "--rgb-warning-color": "255, 166, 0", + "--ha-color-neutral-95": "#f3f3f3", + "--ha-color-fill-success-normal-active": "#c2f2c1", + "--ha-border-radius-xl": "16px", + "--color-37": "#d9b100", + "--white-color": "#fff", + "--ha-color-fill-neutral-quiet-resting": "#f3f3f3", + "--header-height": "56px", + "--amber-color": "#ffc107", + "--state-water_heater-electric-color": "#ff9800", + "--state-person-home-color": "#4caf50", + "--energy-non-fossil-color": "#0f9d58", + "--wa-color-danger-border-loud": "#b30532", + "--wa-color-success-fill-normal": "#c2f2c1", + "--state-lock-unlocked-color": "#f44336", + "--green-color": "#4caf50", + "--state-lock-jammed-color": "#f44336", + "--scale-direction": "1", + "--ha-color-border-neutral-quiet": "#e6e6e6", + "--mdc-theme-on-secondary": "#fff", + "--safe-area-inset-bottom": "0px", + "--ha-color-fill-success-quiet-active": "#e3f9e3", + "--slider-secondary-color": "#b3e5fc", + "--wa-color-brand-on-loud": "#fff", + "--color-33": "#8caed6", + "--color-26": "#badeff", + "--color-11": "#c99000", + "--ha-color-fill-disabled-normal-hover": "#e6e6e6", + "--wa-panel-border-radius": "24px", + "--ha-color-neutral-30": "#4a4a4a", + "--ha-color-fill-primary-loud-resting": "#009ac7", + "--color-5": "#a463f2", + "--ha-border-radius-sm": "4px", + "--wa-color-neutral-fill-quiet": "#e6e6e6", + "--ha-color-fill-neutral-normal-active": "#e6e6e6", + "--ha-color-red-05": "#2a040b", + "--ha-space-7": "28px", + "--ha-line-height-normal": "1.6", + "--energy-solar-color": "#ff9800", + "--mdc-button-outline-color": "#0000001f", + "--disabled-text-color": "#bdbdbd", + "--ha-color-red-80": "#ffb8b6", + "--ha-color-fill-success-quiet-hover": "#c2f2c1", + "--light-grey-color": "#bdbdbd", + "--energy-grid-return-color": "#8353d1", + "--state-alert-on-color": "#f44336", + "--ha-border-radius-4xl": "28px", + "--state-humidifier-on-color": "#2196f3", + "--ha-font-size-4xl": "calc(32px * 1)", + "--ha-color-green-60": "#00ac49", + "--state-binary_sensor-battery-on-color": "#f44336", + "--state-water_heater-high_demand-color": "#ff6f22", + "--ha-color-fill-success-quiet-resting": "#e3f9e3", + "--input-disabled-ink-color": "#0000005e", + "--divider-color": "#0000001f", + "--checked-icon-scale": ".9", + "--ha-color-fill-success-loud-hover": "#036730", + "--ha-color-on-success-normal": "#036730", + "--ha-color-primary-05": "#001721", + "--ha-color-on-danger-loud": "#fff", + "--wa-color-warning-border-quiet": "#ffe0c8", + "--blue-grey-color": "#607d8b", + "--ha-border-radius-lg": "12px", + "--ha-color-fill-neutral-loud-resting": "#5e5e5e", + "--ha-color-text-secondary-inverted": "#363636", + "--mdc-select-disabled-dropdown-icon-color": "#0000005e", + "--ha-color-primary-50": "#18bcf2", + "--color-3": "#ff725c", + "--state-climate-heat-cool-color": "#ffc107", + "--wa-color-warning-border-loud": "#9d3800", + "--wa-color-text-quiet": "#5e5e5e", + "--state-switch-active-color": "#ffc107", + "--ha-color-green-30": "#0a5027", + "--ha-color-fill-warning-quiet-active": "#fff0e4", + "--ha-color-text-primary-inverted": "#fff", + "--ha-space-11": "44px", + "--ha-color-red-40": "#b30532", + "--mdc-dialog-content-ink-color": "#141414", + "--wa-color-neutral-border-quiet": "#e6e6e6", + "--sidebar-background-color": "#fff", + "--wa-form-control-value-font-weight": "400", + "--primary-color": "#009ac7", + "--color-35": "#eff26e", + "--ha-assist-chip-active-container-color": "rgba(0, 154, 199, .15)", + "--wa-color-success-on-loud": "#fff", + "--markdown-code-background-color": "#fafafa", + "--ha-space-10": "40px", + "--primary-background-color": "#fafafa", + "--wa-form-control-activated-color": "#009ac7", + "--ha-space-17": "68px", + "--label-badge-blue": "#039be5", + "--warning-color": "#ffa600", + "--ha-font-weight-action": "500", + "--wa-color-success-on-quiet": "#00883c", + "--input-outlined-idle-border-color": "#00000061", + "--wa-color-success-fill-quiet": "#c2f2c1", + "--ha-color-red-95": "#fff0ef", + "--ha-color-black": "#000", + "--ha-color-surface-lower-inverted": "#000", + "--ha-color-fill-success-normal-hover": "#93da98", + "--ha-space-13": "52px", + "--state-sun-below_horizon-color": "#3f51b5", + "--app-theme-color": "#fff", + "--color-47": "#8cd2ce", + "--wa-form-control-padding-block": ".75em", + "--ha-color-fill-success-normal-resting": "#c2f2c1", + "--wa-font-size-l": "calc(16px * 1)", + "--rgb-info-color": "3, 155, 229", + "--state-lawn_mower-active-color": "#009688", + "--ha-color-fill-success-loud-active": "#00883c", + "--ha-color-green-05": "#031608", + "--ha-color-neutral-20": "#363636", + "--ha-color-fill-warning-normal-active": "#ffe0c8", + "--rgb-secondary-text-color": "114, 114, 114", + "--state-binary_sensor-carbon_monoxide-on-color": "#f44336", + "--energy-battery-out-color": "#4db6ac", + "--sidebar-icon-color": "rgba(33, 33, 33, .6)", + "--color-41": "#d06800", + "--margin-title-rtl": "0 24px 0 0", + "--ha-color-border-success-loud": "#036730", + "--ha-color-fill-warning-loud-active": "#ff9342", + "--ha-color-fill-disabled-loud-resting": "#ccc", + "--ha-space-1": "4px", + "--mdc-checkbox-disabled-color": "#bdbdbd", + "--ha-space-3": "12px", + "--ha-color-neutral-50": "#7a7a7a", + "--state-binary_sensor-heat-on-color": "#f44336", + "--rgb-primary-color": "0, 154, 199", + "--red-color": "#f44336", + "--ha-color-green-95": "#e3f9e3", + "--state-alarm_control_panel-armed_custom_bypass-color": "#4caf50", + "--wa-color-text-normal": "#141414", + "--ha-space-5": "20px", + "--rgb-success-color": "67, 160, 71", + "--ha-color-orange-10": "#3b0f00", + "--color-30": "#bf3947", + "--state-weather-pouring-color": "#3f51b5", + "--ha-color-fill-neutral-loud-hover": "#4a4a4a", + "--state-unavailable-color": "#bdbdbd", + "--wa-color-brand-fill-quiet": "#dff3fc", + "--ha-color-orange-90": "#ffe0c8", + "--state-binary_sensor-tamper-on-color": "#f44336", + "--ha-color-fill-disabled-normal-resting": "#f3f3f3", + "--mdc-text-field-disabled-line-color": "#0000000f", + "--wa-space-m": "16px", + "--ha-line-height-condensed": "1.2", + "--wa-form-control-background-color": "", + "--state-device_tracker-active-color": "#2196f3", + "--input-hover-line-color": "#000000de", + "--ha-font-size-xl": "calc(20px * 1)", + "--ha-color-border-neutral-normal": "#989898", + "--wa-border-width-s": "1px", + "--color-49": "#f883b0", + "--wa-shadow-l": "0 6px 12px -3px #0000001f, 0 16px 32px -6px #0003", + "--wa-font-size-m": "calc(14px * 1)", + "--ha-font-weight-medium": "500", + "--state-vacuum-active-color": "#009688", + "--ha-color-fill-disabled-quiet-resting": "#f3f3f3", + "--mdc-text-field-outlined-idle-border-color": "#00000061", + "--ha-border-radius-3xl": "24px", + "--color-48": "#c4b8d9", + "--ha-color-border-danger-normal": "#fd8f90", + "--accent-color": "#ff9800", + "--outline-hover-color": "#0000003d", + "--ha-color-on-disabled-normal": "#b1b1b1", + "--ha-font-size-l": "calc(16px * 1)", + "--color-38": "#9d7a00", + "--state-weather-partlycloudy-color": "#607d8b", + "--ha-color-orange-80": "#ffbb89", + "--wa-border-radius-m": "8px", + "--state-binary_sensor-glass_break-on-color": "#f44336", + "--deep-orange-color": "#ff6f22", + "--ha-color-form-background-disabled": "#ccc", + "--wa-color-success-border-loud": "#036730", + "--ha-color-orange-95": "#fff0e4", + "--mdc-theme-error": "#db4437", + "--ha-color-primary-90": "#dff3fc", + "--ha-color-border-neutral-loud": "#5e5e5e", + "--state-weather-fog-color": "#9e9e9e", + "--color-40": "#00d27e", + "--wa-space-xl": "32px", + "--secondary-text-color": "#5e5e5e", + "--error-color": "#db4437", + "--mdc-dialog-scroll-divider-color": "#0000001f", + "--state-weather-snowy-color": "#c0e0ff", + "--ha-font-weight-bold": "700", + "--ha-space-12": "48px", + "--wa-border-radius-l": "12px", + "--wa-color-danger-fill-loud": "#dc3146", + "--color-16": "#8043ce", + "--color-22": "#8fe9d3", + "--ha-color-red-50": "#dc3146", + "--state-alarm_control_panel-armed_vacation-color": "#4caf50", + "--mdc-select-outlined-hover-border-color": "#000000de", + "--wa-border-style": "solid", + "--ha-color-surface-default": "#fff", + "--app-header-background-color": "#fff", + "--card-background-color": "#fff", + "--state-alert-off-color": "#ff9800", + "--mdc-theme-on-surface": "#141414", + "--ha-color-border-success-normal": "#5dc36f", + "--state-climate-cool-color": "#2196f3", + "--label-badge-text-color": "rgba(33, 33, 33, .8)", + "--state-binary_sensor-smoke-on-color": "#f44336", + "--wa-color-warning-on-normal": "#9d3800", + "--mdc-text-field-outlined-hover-border-color": "#000000de", + "--color-21": "#ff957c", + "--indigo-color": "#3f51b5", + "--wa-focus-ring-color": "#989898", + "--mdc-radio-disabled-color": "#bdbdbd", + "--color-13": "#49a28f", + "--state-alarm_control_panel-armed_home-color": "#4caf50", + "--ha-color-text-link": "#009ac7", + "--mdc-select-fill-color": "#f5f5f5", + "--ha-color-fill-primary-quiet-hover": "#dff3fc", + "--ha-color-fill-danger-quiet-resting": "#fff0ef", + "--label-badge-grey": "#9e9e9e", + "--wa-transition-fast": "1ms", + "--label-badge-yellow": "#ffa600", + "--data-table-background-color": "#fff", + "--state-icon-error-color": "#db4437", + "--color-39": "#698cff", + "--ha-box-shadow-s": "0 1px 2px 0 #00000014, 0 1px 3px 0 #0000001f", + "--ha-border-radius-2xl": "20px", + "--wa-shadow-m": "0 3px 6px -1px #0000001a, 0 8px 16px -2px #00000026", + "--ha-color-surface-low": "#f3f3f3", + "--ha-animation-duration-slow": "1ms", + "--color-31": "#9f5b00", + "--ha-font-smoothing": "antialiased", + "--color-14": "#048732", + "--color-20": "#ffd444", + "--ha-color-fill-warning-quiet-resting": "#fff0e4", + "--wa-border-width-m": "2px", + "--ha-color-green-90": "#c2f2c1", + "--state-lawn_mower-error-color": "#f44336", + "--mdc-select-idle-line-color": "#0000006b", + "--color-23": "#62cc71", + "--mdc-select-hover-line-color": "#000000de", + "--ha-dialog-scrim-backdrop-filter": "brightness(68%)", + "--safe-area-inset-right": "0px", + "--clear-background-color": "#fff", + "--state-sun-above_horizon-color": "#ffc107", + "--state-lock-unlocking-color": "#ff9800", + "--ha-animation-duration-none": "1ms", + "--light-primary-color": "#b3e5fc", + "--state-lock-opening-color": "#ff9800", + "--color-7": "#9c6b4e", + "--wa-form-control-toggle-size": "20px", + "--ha-color-fill-danger-normal-resting": "#ffdedc", + "--mdc-theme-on-primary": "#fff", + "--input-outlined-hover-border-color": "#000000de", + "--chip-background-color": "rgba(33, 33, 33, .15)", + "--ha-color-on-success-quiet": "#00883c", + "--ha-color-on-surface-default": "#141414", + "--md-list-item-label-text-font": "Roboto, Noto, sans-serif", + "--ha-color-red-90": "#ffdedc", + "--input-ink-color": "#000000de", + "--direction": "ltr", + "--rgb-card-background-color": "255, 255, 255", + "--float-start": "left", + "--light-secondary-opacity": ".7", + "--ha-space-2": "8px", + "--ha-color-fill-primary-loud-hover": "#006787", + "--slider-track-color": "#c2c2c2", + "--md-list-item-trailing-supporting-text-font": "Roboto, Noto, sans-serif", + "--ha-color-red-10": "#3e0913", + "--safe-area-offset-left": "calc(max(0px - 0px, 0px) / 2)", + "--wa-color-neutral-on-loud": "#fff", + "--text-primary-color": "#fff", + "--ha-color-surface-lower": "#e6e6e6", + "--ha-font-family-longform": "ui-sans-serif, system-ui, sans-serif", + "--light-divider-opacity": ".12", + "--state-weather-lightning_rainy-color": "#cddc39", + "--ha-border-radius-square": "0", + "--safe-area-offset-bottom": "calc(max(0px - 0px, 0px) / 2)", + "--wa-font-weight-action": "500", + "--ha-color-on-neutral-loud": "#fff", + "--wa-color-success-fill-loud": "#00883c", + "--primary-text-color": "#141414", + "--info-color": "#039be5", + "--color-54": "#4269d0", + "--teal-color": "#009688", + "--ha-color-fill-warning-loud-hover": "#c94e00", + "--color-12": "#d84f3e", + "--pink-color": "#e91e63", + "--wa-form-control-border-style": "solid", + "--ha-color-border-warning-loud": "#9d3800", + "--light-disabled-opacity": ".3", + "--mdc-select-disabled-ink-color": "#0000005e", + "--mdc-theme-text-icon-on-background": "#5e5e5e", + "--wa-color-success-border-quiet": "#c2f2c1", + "--wa-color-success-on-normal": "#036730", + "--ha-space-18": "72px", + "--wa-space-l": "24px", + "--rgb-primary-text-color": "33, 33, 33", + "--wa-border-width-l": "3px", + "--ha-color-neutral-10": "#202020", + "--state-person-active-color": "#2196f3", + "--ha-box-shadow-m": "0 3px 6px -1px #0000001a, 0 8px 16px -2px #00000026", + "--ha-color-border-danger-quiet": "#ffdedc", + "--app-header-text-color": "#141414", + "--ha-color-orange-30": "#7e2900", + "--ha-color-surface-default-inverted": "#202020", + "--ha-color-fill-danger-loud-hover": "#b30532", + "--ha-color-neutral-70": "#b1b1b1", + "--wa-shadow-s": "0 1px 2px 0 #00000014, 0 1px 3px 0 #0000001f", + "--color-43": "#c49200", + "--dark-primary-color": "#0288d1", + "--ha-color-green-40": "#036730", + "--color-1": "#4269d0", + "--dark-grey-color": "#606060", + "--rgb-error-color": "219, 68, 55", + "--ha-color-fill-neutral-normal-hover": "#ccc", + "--ha-color-border-primary-loud": "#009ac7", + "--wa-color-danger-on-quiet": "#dc3146", + "--state-binary_sensor-gas-on-color": "#f44336", + "--grey-color": "#9e9e9e", + "--mdc-theme-text-hint-on-background": "#5e5e5e", + "--wa-color-danger-fill-normal": "#ffdedc", + "--state-binary_sensor-moisture-on-color": "#f44336", + "--yellow-color": "#ffeb3b" + }, + "dark": { + "--ha-space-8": "32px", + "--wa-color-brand-on-normal": "#37c8fd", + "--state-inactive-color": "#9e9e9e", + "--codemirror-type": "#decb6b", + "--safe-width": "calc(100vw - 0px - 0px)", + "--success-color": "#43a047", + "--input-outlined-disabled-border-color": "#ffffff0f", + "--color-29": "#97ee3f", + "--purple-color": "#926bc7", + "--ha-color-fill-primary-normal-resting": "#002e3e", + "--mdc-theme-background": "#111", + "--ha-space-15": "60px", + "--mdc-theme-text-primary-on-background": "#e1e1e1", + "--state-binary_sensor-active-color": "#ffc107", + "--state-valve-active-color": "#2196f3", + "--mdc-text-field-fill-color": "#ffffff0d", + "--ha-font-family-code": "monospace", + "--wa-form-control-value-line-height": "1.2", + "--safe-height": "calc(100vh - 0px - 0px)", + "--state-weather-windy_variant-color": "#4caf50", + "--dark-primary-opacity": ".87", + "--state-binary_sensor-safety-on-color": "#f44336", + "--mdc-select-outlined-disabled-border-color": "#ffffff0f", + "--ha-font-size-s": "calc(12px * 1)", + "--rgb-ha-button-warning-light-color": "145,123,84", + "--ha-color-primary-30": "#006787", + "--state-sensor-battery-high-color": "#4caf50", + "--ha-color-red-60": "#f3676c", + "--ha-border-radius-pill": "9999px", + "--ha-color-form-background": "#363636", + "--mdc-text-field-disabled-ink-color": "#ffffff5e", + "--state-fan-active-color": "#00bcd4", + "--rgb-disabled-text-color": "111,111,111", + "--sidebar-selected-text-color": "#009ac7", + "--state-weather-hail-color": "#00bcd4", + "--ha-color-fill-disabled-loud-hover": "#5e5e5e", + "--ha-color-on-neutral-normal": "#989898", + "--md-list-item-supporting-text-font": "Roboto, Noto, sans-serif", + "--wa-color-warning-on-loud": "#fff", + "--ha-color-shadow-scrollable-fade": "#00000014", + "--state-weather-exceptional-color": "#f44336", + "--ha-color-orange-50": "#c94e00", + "--black-color": "#000", + "--wa-color-brand-border-quiet": "#dff3fc", + "--ha-color-fill-primary-quiet-active": "#001721", + "--state-media_player-active-color": "#03a9f4", + "--cyan-color": "#00bcd4", + "--state-alarm_control_panel-disarming-color": "#ff9800", + "--ha-color-white": "#fff", + "--mdc-text-field-label-ink-color": "#fff9", + "--wa-color-warning-fill-normal": "#3b0f00", + "--margin-title-ltr": "0 0 0 24px", + "--ha-color-on-warning-loud": "#fff", + "--ha-color-red-70": "#fd8f90", + "--rgb-clear-background-color": "17,17,17", + "--codemirror-variable": "#f07178", + "--color-9": "#01ab63", + "--map-filter": "invert(.9) hue-rotate(170deg) brightness(1.5) contrast(1.2) saturate(.3)", + "--ha-color-border-danger-loud": "#dc3146", + "--state-weather-rainy-color": "#2196f3", + "--wa-focus-ring-style": "solid", + "--input-idle-line-color": "#ffffff6b", + "--mdc-select-outlined-idle-border-color": "#ffffff61", + "--input-disabled-fill-color": "#ffffff05", + "--ha-font-weight-heading": "700", + "--state-alarm_control_panel-armed_night-color": "#4caf50", + "--input-label-ink-color": "#fff9", + "--ha-color-orange-05": "#280700", + "--rgb-accent-color": "255, 152, 0", + "--ha-font-weight-normal": "400", + "--color-28": "#927acc", + "--wa-color-surface-default": "#1c1c1c", + "--ha-color-primary-60": "#37c8fd", + "--ha-space-9": "36px", + "--dark-divider-opacity": ".12", + "--mdc-text-field-ink-color": "#ffffffde", + "--wa-form-control-height": "40px", + "--state-vacuum-error-color": "#f44336", + "--color-17": "#7599d1", + "--state-siren-active-color": "#f44336", + "--wa-focus-ring-offset": "2px", + "--wa-color-brand-border-loud": "#009ac7", + "--ha-border-width-sm": "1px", + "--wa-color-neutral-border-normal": "#7a7a7a", + "--wa-color-warning-on-quiet": "#ff9342", + "--ha-border-width-md": "2px", + "--state-climate-heat-color": "#ff6f22", + "--secondary-background-color": "#282828", + "--ha-color-green-80": "#93da98", + "--text-light-primary-color": "#212121", + "--color-46": "#c27eb6", + "--ha-color-neutral-90": "#e6e6e6", + "--ha-border-width-lg": "3px", + "--ha-color-fill-primary-normal-hover": "#004156", + "--ha-color-on-danger-quiet": "#fd8f90", + "--ha-color-orange-60": "#f36d00", + "--wa-color-danger-on-loud": "#fff", + "--wa-color-surface-border": "#5e5e5e", + "--wa-form-control-border-radius": "12px", + "--wa-form-control-placeholder-color": "#ccc", + "--wa-color-success-border-normal": "#5dc36f", + "--wa-form-control-border-color": "#7a7a7a", + "--state-climate-auto-color": "#4caf50", + "--ha-color-green-20": "#0a3a1d", + "--ha-font-size-5xl": "calc(40px * 1)", + "--ha-color-border-primary-normal": "#7bd4fb", + "--dark-secondary-opacity": ".54", + "--outline-color": "#e1e1e11f", + "--state-active-color": "#ffc107", + "--color-18": "#7a4c31", + "--state-sensor-battery-medium-color": "#ff9800", + "--color-25": "#c884ff", + "--ha-color-focus": "#989898", + "--energy-battery-in-color": "#f06292", + "--safe-area-offset-right": "calc(max(0px - 0px, 0px) / 2)", + "--state-alarm_control_panel-arming-color": "#ff9800", + "--state-water_heater-eco-color": "#4caf50", + "--input-fill-color": "#ffffff0d", + "--codemirror-qualifier": "#decb6b", + "--ha-color-fill-neutral-quiet-hover": "#202020", + "--state-water_heater-heat_pump-color": "#ff9800", + "--ha-color-primary-70": "#7bd4fb", + "--light-primary-opacity": "1", + "--ha-color-fill-warning-loud-resting": "#9d3800", + "--ha-color-fill-primary-loud-active": "#009ac7", + "--color-2": "#f4bd4a", + "--rgb-primary-background-color": "17,17,17", + "--ha-font-size-3xl": "calc(28px * 1)", + "--ha-assist-chip-filled-container-color": "rgba(225,225,225, .15)", + "--color-24": "#ffadda", + "--ha-font-size-xs": "calc(10px * 1)", + "--ha-animation-duration-normal": "1ms", + "--wa-color-danger-on-normal": "#f3676c", + "--sidebar-text-color": "#e1e1e1", + "--color-15": "#d96895", + "--wa-form-control-border-width": "1px", + "--wa-color-neutral-on-normal": "#989898", + "--ha-border-radius-md": "8px", + "--energy-gas-color": "#8e021b", + "--mdc-theme-text-secondary-on-background": "#9b9b9b", + "--ha-color-surface-low-inverted": "#f3f3f3", + "--ha-color-on-disabled-loud": "#7a7a7a", + "--state-alarm_control_panel-armed_away-color": "#4caf50", + "--rgb-input-ink-color": "255,255,255", + "--codemirror-variable-2": "#eff", + "--wa-focus-ring-width": "2px", + "--table-header-background-color": "#ffffff0d", + "--ha-color-neutral-80": "#ccc", + "--ha-color-orange-70": "#ff9342", + "--wa-color-brand-fill-normal": "#002e3e", + "--wa-color-warning-fill-quiet": "#3b0f00", + "--codemirror-comment": "#545454", + "--ha-font-weight-light": "300", + "--ha-color-on-primary-normal": "#37c8fd", + "--ha-line-height-expanded": "2", + "--color-32": "#f48758", + "--wa-border-radius-pill": "9999px", + "--color-51": "#f48800", + "--ha-color-green-50": "#00883c", + "--rgb-input-disabled-ink-color": "255,255,255", + "--state-weather-windy-color": "#4caf50", + "--ha-border-radius-5xl": "32px", + "--ha-border-radius-circle": "50%", + "--ha-color-primary-10": "#002e3e", + "--ha-color-text-disabled": "#989898", + "--scrollbar-thumb-color": "#6e6e6e", + "--mdc-theme-secondary": "#ff9800", + "--ha-color-fill-success-loud-resting": "#036730", + "--ha-color-border-success-quiet": "#c2f2c1", + "--mdc-select-ink-color": "#ffffffde", + "--state-light-active-color": "#ffc107", + "--wa-border-radius-s": "4px", + "--ha-color-on-success-loud": "#fff", + "--state-binary_sensor-lock-on-color": "#f44336", + "--label-badge-green": "#43a047", + "--wa-color-neutral-on-quiet": "#b1b1b1", + "--rgb-codemirror-operator": "137,221,255", + "--mdc-text-field-disabled-fill-color": "#ffffff05", + "--wa-form-control-padding-inline": "12px@layer wa-utilities{@supports (scrollbar-gutter", + "--color-27": "#bf8b6d", + "--history-unknown-color": "#606060", + "--state-weather-cloudy-color": "#bdbdbd", + "--state-lock-open-color": "#f44336", + "--wa-color-brand-on-quiet": "#7bd4fb", + "--state-water_heater-performance-color": "#ff6f22", + "--energy-grid-consumption-color": "#488fc2", + "--ha-color-fill-danger-quiet-hover": "#3e0913", + "--ha-button-neutral-light-color": "#6a7081", + "--wa-transition-easing": "ease", + "--wa-focus-ring": "solid 2px #989898", + "--ha-color-fill-neutral-normal-resting": "#202020", + "--wa-transition-normal": "1ms", + "--ha-font-size-scale": "1", + "--ha-color-text-primary": "#fff", + "--wa-color-neutral-fill-loud": "#989898", + "--ha-color-primary-95": "#eff9fe", + "--mdc-button-disabled-ink-color": "#6f6f6f", + "--table-row-background-color": "#111", + "--rgb-codemirror-comment": "84,84,84", + "--ha-button-primary-light-color": "#4082a040", + "--ha-animation-duration-instant": "1ms", + "--wa-panel-border-width": "1px", + "--ha-box-shadow-l": "0 6px 12px -3px #0006, 0 16px 32px -6px #0000008c", + "--rgb-input-dropdown-icon-color": "255,255,255", + "--wa-form-control-required-content-offset": ".1rem", + "--mdc-radio-unchecked-color": "rgba(225,225,225, .54)", + "--wa-color-danger-border-quiet": "#ffdedc", + "--sidebar-selected-icon-color": "#009ac7", + "--ha-color-fill-warning-normal-resting": "#3b0f00", + "--ha-color-fill-danger-quiet-active": "#2a040b", + "--ha-color-on-primary-loud": "#fff", + "--ha-font-family-heading": "Roboto, Noto, sans-serif", + "--ha-color-orange-40": "#9d3800", + "--color-36": "#e43872", + "--state-climate-fan_only-color": "#00bcd4", + "--input-disabled-line-color": "#ffffff0f", + "--ha-space-20": "80px", + "--color-6": "#ff8ab7", + "--wa-space-xs": "8px", + "--ha-color-primary-20": "#004156", + "--mdc-select-label-ink-color": "#fff9", + "--ha-space-6": "24px", + "--ha-color-fill-neutral-quiet-active": "", + "--ha-color-fill-primary-quiet-resting": "#001721", + "--rgb-codemirror-atom": "247,140,108", + "--ha-font-size-m": "calc(14px * 1)", + "--color-50": "#a49100", + "--float-end": "right", + "--rgb-disabled-color": "70,70,70", + "--ha-color-fill-danger-loud-resting": "#b30532", + "--wa-color-danger-border-normal": "#dc3146", + "--state-alarm_control_panel-pending-color": "#ff9800", + "--checked-icon-color": "#fff", + "--mdc-checkbox-unchecked-color": "rgba(225,225,225, .54)", + "--color-19": "#6989f4", + "--ha-space-19": "76px", + "--ha-font-family-body": "Roboto, Noto, sans-serif", + "--rgb-text-primary-color": "255, 255, 255", + "--ha-color-border-warning-normal": "#c94e00", + "--shadow-color": "#0000007a", + "--state-icon-color": "#44739e", + "--rgb-ha-button-neutral-color": "217,218,224", + "--ha-color-fill-warning-quiet-hover": "#3b0f00", + "--rgb-outline-hover-color": "225,225,225", + "--ha-color-fill-primary-normal-active": "#002e3e", + "--mdc-theme-primary": "#009ac7", + "--color-34": "#f2b94f", + "--rgb-input-outlined-idle-border-color": "255,255,255", + "--mdc-dialog-heading-ink-color": "#e1e1e1", + "--disabled-color": "#464646", + "--ha-space-4": "16px", + "--state-plant-active-color": "#f44336", + "--ha-color-neutral-40": "#5e5e5e", + "--energy-water-color": "#00bcd4", + "--orange-color": "#ff9800", + "--ha-font-weight-body": "400", + "--wa-form-control-required-content": "\"*\"", + "--ha-color-fill-danger-normal-hover": "#631323", + "--wa-font-weight-body": "400", + "--color-45": "#fecddf", + "--color-4": "#6cc5b0", + "--wa-line-height-condensed": "1.2", + "--lime-color": "#cddc39", + "--wa-color-warning-border-normal": "#c94e00", + "--mdc-tab-text-label-color-default": "#e1e1e1", + "--mdc-select-disabled-fill-color": "#ffffff05", + "--rgb-codemirror-variable-2": "238,255,255", + "--light-green-color": "#8bc34a", + "--wa-color-brand-border-normal": "#18bcf2", + "--wa-color-neutral-fill-normal": "#202020", + "--ha-color-on-danger-normal": "#f3676c", + "--label-badge-red": "#db4437", + "--state-device_tracker-home-color": "#4caf50", + "--state-cover-active-color": "#926bc7", + "--state-binary_sensor-problem-on-color": "#f44336", + "--state-binary_sensor-sound-on-color": "#f44336", + "--ha-color-neutral-60": "#989898", + "--input-dropdown-icon-color": "#ffffff8a", + "--ha-color-fill-disabled-quiet-hover": "#363636", + "--app-header-border-bottom": "1px solid #e1e1e11f", + "--blue-color": "#2196f3", + "--wa-color-danger-fill-quiet": "#3e0913", + "--state-weather-lightning-color": "#ffeb3b", + "--color-8": "#97bbf5", + "--rgb-codemirror-number": "255,83,112", + "--safe-area-inset-x": "calc(0px + 0px)", + "--color-42": "#009f82", + "--mdc-select-dropdown-icon-color": "#ffffff8a", + "--ha-button-warning-light-color": "#917b54c1", + "--mdc-theme-text-disabled-on-light": "#6f6f6f", + "--wa-color-brand-fill-loud": "#009ac7", + "--ha-color-green-70": "#5dc36f", + "--mdc-text-field-outlined-disabled-border-color": "#ffffff0f", + "--state-weather-snowy_rainy-color": "#03a9f4", + "--darker-primary-color": "#016194", + "--ha-color-orange-20": "#5e1c00", + "--state-update-active-color": "#ff9800", + "--ha-color-on-neutral-quiet": "#b1b1b1", + "--wa-color-neutral-border-loud": "#b1b1b1", + "--state-lock-locking-color": "#ff9800", + "--rgb-codemirror-variable-3": "222,203,107", + "--mdc-text-field-hover-line-color": "#ffffffde", + "--ha-moz-osx-font-smoothing": "grayscale", + "--codemirror-number": "#ff5370", + "--state-alarm_control_panel-triggered-color": "#f44336", + "--wa-color-surface-raised": "#1c1c1c", + "--safe-area-inset-top": "0px", + "--safe-area-offset-top": "calc(max(0px - 0px, 0px) / 2)", + "--ha-color-fill-danger-loud-active": "#b30532", + "--mdc-text-field-idle-line-color": "#ffffff6b", + "--dark-disabled-opacity": ".38", + "--state-climate-dry-color": "#ff9800", + "--codemirror-attribute": "#c792ea", + "--ha-space-14": "56px", + "--mdc-linear-progress-buffer-color": "#ffffff1a", + "--state-sensor-battery-low-color": "#f44336", + "--history-unavailable-color": "transparent", + "--color-44": "#cbe8ff", + "--ha-color-red-30": "#8a132c", + "--safe-area-inset-left": "0px", + "--wa-form-control-value-color": "#e1e1e1", + "--ha-font-size-2xl": "calc(24px * 1)", + "--ha-color-on-primary-quiet": "#7bd4fb", + "--wa-color-warning-fill-loud": "#9d3800", + "--wa-font-size-s": "calc(12px * 1)", + "--table-row-alternative-background-color": "#282828", + "--ha-color-red-20": "#631323", + "--ha-color-fill-neutral-loud-active": "#989898", + "--rgb-input-outlined-hover-border-color": "255,255,255", + "--color-10": "#094bad", + "--ha-color-on-disabled-quiet": "#5e5e5e", + "--ha-color-on-warning-quiet": "#ff9342", + "--ha-color-text-secondary": "#ccc", + "--state-water_heater-gas-color": "#ff9800", + "--ha-color-green-10": "#052310", + "--label-badge-background-color": "#1c1c1c", + "--ha-color-form-background-hover": "#4a4a4a", + "--ha-color-fill-danger-normal-active": "#3e0913", + "--ha-color-border-primary-quiet": "#dff3fc", + "--ha-animation-duration-fast": "1ms", + "--state-lock-locked-color": "#4caf50", + "--wa-panel-border-style": "solid", + "--ha-space-16": "64px", + "--safe-area-inset-y": "calc(0px + 0px)", + "--ha-color-primary-80": "#b9e6fc", + "--deep-purple-color": "#6e41ab", + "--ha-color-neutral-05": "#141414", + "--rgb-input-disabled-line-color": "255,255,255", + "--light-blue-color": "#03a9f4", + "--ha-border-radius-6xl": "36px", + "--mdc-theme-surface": "#1c1c1c", + "--state-weather-sunny-color": "#ffc107", + "--brown-color": "#795548", + "--ha-color-on-warning-normal": "#f36d00", + "--ha-color-primary-40": "#009ac7", + "--ha-color-fill-warning-normal-hover": "#5e1c00", + "--rgb-codemirror-meta": "255,203,107", + "--slider-color": "#009ac7", + "--color-52": "#27d0df", + "--ha-color-border-warning-quiet": "#ffe0c8", + "--codemirror-tag": "#ff5370", + "--color-53": "#a04a9b", + "--state-weather-clear_night-color": "#6e41ab", + "--bar-box-shadow": "0 2px 12px #0000007a", + "--rgb-mdc-ripple-color": "170,170,170", + "--rgb-input-outlined-disabled-border-color": "255,255,255", + "--rgb-warning-color": "255, 166, 0", + "--ha-color-fill-success-normal-active": "#052310", + "--ha-color-neutral-95": "#f3f3f3", + "--ha-border-radius-xl": "16px", + "--color-37": "#d9b100", + "--white-color": "#fff", + "--ha-color-fill-neutral-quiet-resting": "#141414", + "--codemirror-variable-3": "#decb6b", + "--header-height": "56px", + "--amber-color": "#ffc107", + "--state-water_heater-electric-color": "#ff9800", + "--rgb-ha-button-primary-light-color": "64,130,160", + "--state-person-home-color": "#4caf50", + "--energy-non-fossil-color": "#0f9d58", + "--wa-color-danger-border-loud": "#dc3146", + "--wa-color-success-fill-normal": "#052310", + "--scale-direction": "1", + "--state-lock-unlocked-color": "#f44336", + "--state-lock-jammed-color": "#f44336", + "--green-color": "#4caf50", + "--ha-color-border-neutral-quiet": "#5e5e5e", + "--mdc-theme-on-secondary": "#fff", + "--safe-area-inset-bottom": "0px", + "--codemirror-atom": "#f78c6c", + "--rgb-ha-button-neutral-light-color": "106,112,129", + "--slider-secondary-color": "#b3e5fc", + "--wa-color-brand-on-loud": "#fff", + "--color-33": "#8caed6", + "--color-26": "#badeff", + "--color-11": "#c99000", + "--rgb-divider-color": "225,225,225", + "--ha-color-fill-disabled-normal-hover": "#4a4a4a", + "--color-5": "#a463f2", + "--ha-color-neutral-30": "#4a4a4a", + "--ha-color-fill-primary-loud-resting": "#009ac7", + "--wa-panel-border-radius": "24px", + "--ha-border-radius-sm": "4px", + "--wa-color-neutral-fill-quiet": "#202020", + "--ha-color-fill-neutral-normal-active": "#202020", + "--ha-color-fill-success-quiet-active": "#031608", + "--ha-color-red-05": "#2a040b", + "--ha-space-7": "28px", + "--mdc-button-outline-color": "#e1e1e11f", + "--energy-solar-color": "#ff9800", + "--disabled-text-color": "#6f6f6f", + "--ha-line-height-normal": "1.6", + "--codemirror-builtin": "#ffcb6b", + "--ha-color-red-80": "#ffb8b6", + "--ha-color-fill-success-quiet-hover": "#052310", + "--light-grey-color": "#bdbdbd", + "--rgb-codemirror-property": "199,146,234", + "--energy-grid-return-color": "#a280db", + "--state-alert-on-color": "#f44336", + "--ha-border-radius-4xl": "28px", + "--state-humidifier-on-color": "#2196f3", + "--ha-font-size-4xl": "calc(32px * 1)", + "--state-binary_sensor-battery-on-color": "#f44336", + "--ha-color-green-60": "#00ac49", + "--codemirror-string": "#c3e88d", + "--ha-color-fill-success-quiet-resting": "#031608", + "--divider-color": "#e1e1e11f", + "--ha-color-on-danger-loud": "#fff", + "--input-disabled-ink-color": "#ffffff5e", + "--codemirror-meta": "#ffcb6b", + "--ha-color-fill-success-loud-hover": "#0a5027", + "--checked-icon-scale": ".9", + "--rgb-energy-grid-return-color": "162,128,219", + "--ha-color-on-success-normal": "#00ac49", + "--ha-color-border-normal": "#18bcf2", + "--wa-color-warning-border-quiet": "#ffe0c8", + "--rgb-codemirror-qualifier": "222,203,107", + "--ha-color-primary-05": "#001721", + "--blue-grey-color": "#607d8b", + "--state-water_heater-high_demand-color": "#ff6f22", + "--ha-border-radius-lg": "12px", + "--ha-color-fill-neutral-loud-resting": "#989898", + "--ha-color-text-secondary-inverted": "#5e5e5e", + "--mdc-select-disabled-dropdown-icon-color": "#ffffff5e", + "--ha-color-primary-50": "#18bcf2", + "--color-3": "#ff725c", + "--state-climate-heat-cool-color": "#ffc107", + "--codemirror-def": "#82aaff", + "--rgb-mdc-linear-progress-buffer-color": "255,255,255", + "--wa-color-warning-border-loud": "#c94e00", + "--mdc-ripple-color": "#aaa", + "--wa-color-text-quiet": "#ccc", + "--state-switch-active-color": "#ffc107", + "--rgb-codemirror-variable": "240,113,120", + "--ha-color-green-30": "#0a5027", + "--ha-color-fill-warning-quiet-active": "#280700", + "--ha-color-text-primary-inverted": "#000", + "--ha-space-11": "44px", + "--ha-color-red-40": "#b30532", + "--mdc-dialog-content-ink-color": "#e1e1e1", + "--wa-color-neutral-border-quiet": "#5e5e5e", + "--sidebar-background-color": "#1c1c1c", + "--wa-form-control-value-font-weight": "400", + "--primary-color": "#009ac7", + "--color-35": "#eff26e", + "--ha-assist-chip-active-container-color": "rgba(0, 154, 199, .15)", + "--codemirror-operator": "#89ddff", + "--wa-color-success-on-loud": "#fff", + "--markdown-code-background-color": "#111", + "--ha-space-10": "40px", + "--primary-background-color": "#111", + "--wa-form-control-activated-color": "#009ac7", + "--ha-space-17": "68px", + "--label-badge-blue": "#039be5", + "--warning-color": "#ffa600", + "--ha-font-weight-action": "500", + "--ha-color-red-95": "#fff0ef", + "--wa-color-success-on-quiet": "#5dc36f", + "--input-outlined-idle-border-color": "#ffffff61", + "--wa-color-success-fill-quiet": "#052310", + "--codemirror-property": "#c792ea", + "--ha-color-black": "#000", + "--rgb-codemirror-attribute": "199,146,234", + "--ha-color-surface-lower-inverted": "", + "--ha-color-fill-success-normal-hover": "#0a3a1d", + "--ha-space-13": "52px", + "--state-sun-below_horizon-color": "#3f51b5", + "--app-theme-color": "#1c1c1c", + "--color-47": "#8cd2ce", + "--wa-form-control-padding-block": ".75em", + "--ha-color-fill-success-normal-resting": "#052310", + "--wa-font-size-l": "calc(16px * 1)", + "--rgb-info-color": "3, 155, 229", + "--state-lawn_mower-active-color": "#009688", + "--ha-color-fill-success-loud-active": "#036730", + "--codemirror-keyword": "#c792ea", + "--ha-color-green-05": "#031608", + "--ha-color-neutral-20": "#363636", + "--rgb-codemirror-keyword": "199,146,234", + "--ha-color-fill-warning-normal-active": "#3b0f00", + "--rgb-input-fill-color": "255,255,255", + "--rgb-secondary-text-color": "155,155,155", + "--state-binary_sensor-carbon_monoxide-on-color": "#f44336", + "--sidebar-icon-color": "rgba(225,225,225, .6)", + "--energy-battery-out-color": "#4db6ac", + "--color-41": "#d06800", + "--margin-title-rtl": "0 24px 0 0", + "--ha-color-border-success-loud": "#036730", + "--ha-color-fill-warning-loud-active": "#9d3800", + "--ha-color-fill-disabled-loud-resting": "#4a4a4a", + "--ha-space-1": "4px", + "--mdc-checkbox-disabled-color": "#6f6f6f", + "--ha-space-3": "12px", + "--ha-color-neutral-50": "#7a7a7a", + "--state-binary_sensor-heat-on-color": "#f44336", + "--rgb-primary-color": "0, 154, 199", + "--red-color": "#f44336", + "--ha-color-green-95": "#e3f9e3", + "--state-alarm_control_panel-armed_custom_bypass-color": "#4caf50", + "--wa-color-text-normal": "#e1e1e1", + "--ha-space-5": "20px", + "--rgb-success-color": "67, 160, 71", + "--ha-color-orange-10": "#3b0f00", + "--color-30": "#bf3947", + "--state-weather-pouring-color": "#3f51b5", + "--ha-color-fill-neutral-loud-hover": "#b1b1b1", + "--state-unavailable-color": "#6f6f6f", + "--wa-color-brand-fill-quiet": "#002e3e", + "--ha-color-orange-90": "#ffe0c8", + "--state-binary_sensor-tamper-on-color": "#f44336", + "--ha-color-fill-disabled-normal-resting": "#363636", + "--mdc-text-field-disabled-line-color": "#ffffff0f", + "--wa-space-m": "16px", + "--ha-line-height-condensed": "1.2", + "--wa-form-control-background-color": "", + "--state-device_tracker-active-color": "#2196f3", + "--input-hover-line-color": "#ffffffde", + "--ha-font-size-xl": "calc(20px * 1)", + "--ha-color-border-neutral-normal": "#7a7a7a", + "--wa-border-width-s": "1px", + "--color-49": "#f883b0", + "--wa-shadow-l": "0 6px 12px -3px #0006, 0 16px 32px -6px #0000008c", + "--wa-font-size-m": "calc(14px * 1)", + "--ha-font-weight-medium": "500", + "--rgb-outline-color": "225,225,225", + "--state-vacuum-active-color": "#009688", + "--rgb-secondary-background-color": "40,40,40", + "--ha-color-fill-disabled-quiet-resting": "#202020", + "--mdc-text-field-outlined-idle-border-color": "#ffffff61", + "--ha-border-radius-3xl": "24px", + "--color-48": "#c4b8d9", + "--ha-color-border-danger-normal": "#dc3146", + "--accent-color": "#ff9800", + "--outline-hover-color": "#e1e1e13d", + "--ha-color-on-disabled-normal": "#7a7a7a", + "--ha-font-size-l": "calc(16px * 1)", + "--color-38": "#9d7a00", + "--state-weather-partlycloudy-color": "#607d8b", + "--ha-color-orange-80": "#ffbb89", + "--wa-border-radius-m": "8px", + "--state-binary_sensor-glass_break-on-color": "#f44336", + "--deep-orange-color": "#ff6f22", + "--codemirror-string-2": "#f07178", + "--ha-color-form-background-disabled": "#363636", + "--wa-color-success-border-loud": "#036730", + "--ha-color-orange-95": "#fff0e4", + "--rgb-scrollbar-thumb-color": "110,110,110", + "--mdc-theme-error": "#db4437", + "--ha-color-primary-90": "#dff3fc", + "--ha-color-border-neutral-loud": "#b1b1b1", + "--state-weather-fog-color": "#9e9e9e", + "--color-40": "#00d27e", + "--rgb-input-disabled-fill-color": "255,255,255", + "--wa-space-xl": "32px", + "--secondary-text-color": "#9b9b9b", + "--rgb-codemirror-tag": "255,83,112", + "--error-color": "#db4437", + "--state-weather-snowy-color": "#c0e0ff", + "--mdc-dialog-scroll-divider-color": "#e1e1e11f", + "--ha-font-weight-bold": "700", + "--ha-space-12": "48px", + "--wa-border-radius-l": "12px", + "--wa-color-danger-fill-loud": "#b30532", + "--state-alarm_control_panel-armed_vacation-color": "#4caf50", + "--color-22": "#8fe9d3", + "--color-16": "#8043ce", + "--rgb-codemirror-string-2": "240,113,120", + "--ha-color-red-50": "#dc3146", + "--mdc-select-outlined-hover-border-color": "#ffffffde", + "--ha-color-surface-default": "#202020", + "--wa-border-style": "solid", + "--app-header-background-color": "#1c1c1c", + "--card-background-color": "#1c1c1c", + "--state-alert-off-color": "#ff9800", + "--mdc-theme-on-surface": "#e1e1e1", + "--ha-color-border-success-normal": "#5dc36f", + "--state-binary_sensor-smoke-on-color": "#f44336", + "--label-badge-text-color": "rgba(225,225,225, .8)", + "--state-climate-cool-color": "#2196f3", + "--wa-color-warning-on-normal": "#f36d00", + "--mdc-text-field-outlined-hover-border-color": "#ffffffde", + "--color-21": "#ff957c", + "--indigo-color": "#3f51b5", + "--wa-focus-ring-color": "#989898", + "--mdc-radio-disabled-color": "#6f6f6f", + "--color-13": "#49a28f", + "--state-alarm_control_panel-armed_home-color": "#4caf50", + "--ha-color-text-link": "#37c8fd", + "--ha-button-neutral-color": "#d9dae0", + "--rgb-codemirror-type": "222,203,107", + "--mdc-select-fill-color": "#ffffff0d", + "--ha-color-fill-primary-quiet-hover": "#002e3e", + "--ha-color-fill-danger-quiet-resting": "#2a040b", + "--label-badge-grey": "#9e9e9e", + "--wa-transition-fast": "1ms", + "--label-badge-yellow": "#ffa600", + "--data-table-background-color": "#1c1c1c", + "--state-icon-error-color": "#db4437", + "--color-39": "#698cff", + "--rgb-input-idle-line-color": "255,255,255", + "--ha-box-shadow-s": "0 1px 2px 0 #0006, 0 1px 3px 0 #00000080", + "--ha-border-radius-2xl": "20px", + "--wa-shadow-m": "0 3px 6px -1px #00000059, 0 8px 16px -2px #00000073", + "--color-14": "#048732", + "--color-31": "#9f5b00", + "--ha-animation-duration-slow": "1ms", + "--ha-font-smoothing": "antialiased", + "--ha-color-surface-low": "#141414", + "--color-20": "#ffd444", + "--ha-color-fill-warning-quiet-resting": "#280700", + "--wa-border-width-m": "2px", + "--ha-color-green-90": "#c2f2c1", + "--state-lawn_mower-error-color": "#f44336", + "--mdc-select-idle-line-color": "#ffffff6b", + "--color-23": "#62cc71", + "--mdc-select-hover-line-color": "#ffffffde", + "--ha-dialog-scrim-backdrop-filter": "brightness(68%)", + "--safe-area-inset-right": "0px", + "--clear-background-color": "#111", + "--state-lock-unlocking-color": "#ff9800", + "--state-sun-above_horizon-color": "#ffc107", + "--ha-animation-duration-none": "1ms", + "--color-7": "#9c6b4e", + "--light-primary-color": "#b3e5fc", + "--state-lock-opening-color": "#ff9800", + "--wa-form-control-toggle-size": "20px", + "--ha-color-fill-danger-normal-resting": "#3e0913", + "--mdc-theme-on-primary": "#fff", + "--input-outlined-hover-border-color": "#ffffffde", + "--chip-background-color": "rgba(225,225,225, .15)", + "--rgb-shadow-color": "0,0,0", + "--ha-color-on-surface-default": "#f3f3f3", + "--ha-color-on-success-quiet": "#5dc36f", + "--md-list-item-label-text-font": "Roboto, Noto, sans-serif", + "--ha-color-red-90": "#ffdedc", + "--rgb-input-label-ink-color": "255,255,255", + "--input-ink-color": "#ffffffde", + "--direction": "ltr", + "--rgb-card-background-color": "28,28,28", + "--float-start": "left", + "--light-secondary-opacity": ".7", + "--ha-space-2": "8px", + "--ha-color-fill-primary-loud-hover": "#006787", + "--md-list-item-trailing-supporting-text-font": "Roboto, Noto, sans-serif", + "--slider-track-color": "#6e6e6e", + "--ha-color-red-10": "#3e0913", + "--safe-area-offset-left": "calc(max(0px - 0px, 0px) / 2)", + "--wa-color-neutral-on-loud": "#fff", + "--ha-color-surface-lower": "#000", + "--text-primary-color": "#fff", + "--ha-font-family-longform": "ui-sans-serif, system-ui, sans-serif", + "--light-divider-opacity": ".12", + "--state-weather-lightning_rainy-color": "#cddc39", + "--ha-border-radius-square": "0", + "--safe-area-offset-bottom": "calc(max(0px - 0px, 0px) / 2)", + "--wa-font-weight-action": "500", + "--ha-color-on-neutral-loud": "#fff", + "--wa-color-success-fill-loud": "#036730", + "--primary-text-color": "#e1e1e1", + "--info-color": "#039be5", + "--color-54": "#4269d0", + "--teal-color": "#009688", + "--color-12": "#d84f3e", + "--ha-color-fill-warning-loud-hover": "#7e2900", + "--pink-color": "#e91e63", + "--wa-form-control-border-style": "solid", + "--ha-color-border-warning-loud": "#c94e00", + "--light-disabled-opacity": ".3", + "--mdc-select-disabled-ink-color": "#ffffff5e", + "--mdc-theme-text-icon-on-background": "#9b9b9b", + "--wa-color-success-border-quiet": "#c2f2c1", + "--wa-color-success-on-normal": "#00ac49", + "--wa-space-l": "24px", + "--ha-space-18": "72px", + "--rgb-primary-text-color": "225,225,225", + "--wa-border-width-l": "3px", + "--ha-color-neutral-10": "#202020", + "--state-person-active-color": "#2196f3", + "--ha-box-shadow-m": "0 3px 6px -1px #00000059, 0 8px 16px -2px #00000073", + "--ha-color-border-danger-quiet": "#ffdedc", + "--app-header-text-color": "#e1e1e1", + "--ha-color-orange-30": "#7e2900", + "--ha-color-surface-default-inverted": "#fff", + "--ha-color-fill-danger-loud-hover": "#8a132c", + "--wa-shadow-s": "0 1px 2px 0 #0006, 0 1px 3px 0 #00000080", + "--ha-color-neutral-70": "#b1b1b1", + "--color-43": "#c49200", + "--dark-primary-color": "#0288d1", + "--rgb-input-hover-line-color": "255,255,255", + "--ha-color-green-40": "#036730", + "--color-1": "#4269d0", + "--dark-grey-color": "#606060", + "--rgb-error-color": "219, 68, 55", + "--ha-color-fill-neutral-normal-hover": "#363636", + "--rgb-codemirror-def": "130,170,255", + "--rgb-codemirror-string": "195,232,141", + "--rgb-codemirror-builtin": "255,203,107", + "--ha-color-border-primary-loud": "#009ac7", + "--wa-color-danger-on-quiet": "#fd8f90", + "--state-binary_sensor-gas-on-color": "#f44336", + "--grey-color": "#9e9e9e", + "--mdc-theme-text-hint-on-background": "#9b9b9b", + "--wa-color-danger-fill-normal": "#3e0913", + "--state-binary_sensor-moisture-on-color": "#f44336", + "--yellow-color": "#ffeb3b" + } + }, + "viewport": { + "width": 1280, + "height": 900 + }, + "capturePolicy": "Actual ha-selector-select mode list; fresh document and native pointer/keyboard actions; settled whole PNGs reproduced independently. Multiple hover targets the painted checkbox control because the original native input does not receive pointer events.", + "candidateCalibrated": true, + "capabilityComplete": false, + "campaigns": [ + { + "platform": "macos", + "architecture": "arm64", + "browser": "156.0.8078.4", + "states": 40, + "unchangedOriginalImagesAgree": true, + "source": "original-macos", + "repeat": "original-macos-repeat" + }, + { + "platform": "linux", + "architecture": "arm64", + "browser": "156.0.8078.80", + "states": 40, + "unchangedOriginalImagesAgree": true, + "source": "original-linux-arm64", + "repeat": "original-linux-arm64-repeat" + }, + { + "platform": "linux", + "architecture": "x64", + "browser": "156.0.8078.4", + "states": 40, + "unchangedOriginalImagesAgree": true, + "source": "original-linux-x64", + "repeat": "original-linux-x64-repeat" + } + ], + "states": [ + { + "platform": "macos", + "architecture": "arm64", + "theme": "light", + "name": "list-single-empty", + "configuration": { + "name": "list-single-empty", + "mode": "list", + "multiple": false, + "label": "Category", + "value": null, + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 268.890625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 236.890625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 45.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 58.984375, + "width": 80.765625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 45.390625, + "width": 80.765625, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 57.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 58.984375, + "width": 80.765625, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 99.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 113.484375, + "width": 58.6875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 99.890625, + "width": 58.6875, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 111.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 113.484375, + "width": 58.6875, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 154.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 167.984375, + "width": 34.078125, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 154.390625, + "width": 34.078125, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 166.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 167.984375, + "width": 34.078125, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 208.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 222.484375, + "width": 54.1875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 208.890625, + "width": 54.1875, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 220.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 222.484375, + "width": 54.1875, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/macos/light-list-single-empty.png", + "sha256": "07d187cdb4ee5a87238f555733db8c9497d27978fddaa4d24e6c8bda4ebf8334" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "light", + "name": "list-single-filled", + "configuration": { + "name": "list-single-filled", + "mode": "list", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 268.890625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 236.890625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 45.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 58.984375, + "width": 80.765625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 45.390625, + "width": 80.765625, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 57.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(223, 243, 252)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 32.400001525878906, + "y": 61.790626525878906, + "width": 11.199996948242188, + "height": 11.199996948242188 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 154, 199)" + } + }, + "labelGlyph": { + "x": 56, + "y": 58.984375, + "width": 80.765625, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 99.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 113.484375, + "width": 58.6875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 99.890625, + "width": 58.6875, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 111.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 113.484375, + "width": 58.6875, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 154.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 167.984375, + "width": 34.078125, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 154.390625, + "width": 34.078125, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 166.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 167.984375, + "width": 34.078125, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 208.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 222.484375, + "width": 54.1875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 208.890625, + "width": 54.1875, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 220.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 222.484375, + "width": 54.1875, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/macos/light-list-single-filled.png", + "sha256": "73e73ad449094d03b9a3f3d82bb2954915f2e3ac8dc6049f9de772e5acc26855" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "light", + "name": "list-single-hover", + "configuration": { + "name": "list-single-hover", + "mode": "list", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "hover" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 268.890625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 236.890625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 45.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 58.984375, + "width": 80.765625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 45.390625, + "width": 80.765625, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 57.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(223, 243, 252)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 32.400001525878906, + "y": 61.790626525878906, + "width": 11.199996948242188, + "height": 11.199996948242188 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 154, 199)" + } + }, + "labelGlyph": { + "x": 56, + "y": 58.984375, + "width": 80.765625, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 99.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 113.484375, + "width": 58.6875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 99.890625, + "width": 58.6875, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 111.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgb(230, 230, 230)", + "border": "2px solid rgb(94, 94, 94)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 113.484375, + "width": 58.6875, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 154.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 167.984375, + "width": 34.078125, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 154.390625, + "width": 34.078125, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 166.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 167.984375, + "width": 34.078125, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 208.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 222.484375, + "width": 54.1875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 208.890625, + "width": 54.1875, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 220.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 222.484375, + "width": 54.1875, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/macos/light-list-single-hover.png", + "sha256": "359454f34c9e611d3ea43ae0c43cbdee04cf006ba18b33d93568aac00c308851" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "light", + "name": "list-single-focus", + "configuration": { + "name": "list-single-focus", + "mode": "list", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "focus" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 268.890625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 236.890625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 45.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 58.984375, + "width": 80.765625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 45.390625, + "width": 80.765625, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 57.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(223, 243, 252)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "2px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 32.400001525878906, + "y": 61.790626525878906, + "width": 11.199996948242188, + "height": 11.199996948242188 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 154, 199)" + } + }, + "labelGlyph": { + "x": 56, + "y": 58.984375, + "width": 80.765625, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 99.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 113.484375, + "width": 58.6875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 99.890625, + "width": 58.6875, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 111.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 113.484375, + "width": 58.6875, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 154.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 167.984375, + "width": 34.078125, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 154.390625, + "width": 34.078125, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 166.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 167.984375, + "width": 34.078125, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 208.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 222.484375, + "width": 54.1875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 208.890625, + "width": 54.1875, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 220.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 222.484375, + "width": 54.1875, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/macos/light-list-single-focus.png", + "sha256": "8a5ab475f3891f793732c4294283e5909695380baec3ef3a6b88fb0c3f1234d7" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "light", + "name": "list-single-disabled", + "configuration": { + "name": "list-single-disabled", + "mode": "list", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": true, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 268.890625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 236.890625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 45.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 58.984375, + "width": 80.765625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 45.390625, + "width": 80.765625, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 57.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(223, 243, 252)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 32.400001525878906, + "y": 61.790626525878906, + "width": 11.199996948242188, + "height": 11.199996948242188 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 154, 199)" + } + }, + "labelGlyph": { + "x": 56, + "y": 58.984375, + "width": 80.765625, + "height": 16 + }, + "checked": true, + "disabled": true, + "paintOpacity": "0.5" + }, + { + "row": { + "box": { + "x": 16, + "y": 99.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 113.484375, + "width": 58.6875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 99.890625, + "width": 58.6875, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 111.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 113.484375, + "width": 58.6875, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + }, + { + "row": { + "box": { + "x": 16, + "y": 154.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 167.984375, + "width": 34.078125, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 154.390625, + "width": 34.078125, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 166.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 167.984375, + "width": 34.078125, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + }, + { + "row": { + "box": { + "x": 16, + "y": 208.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 222.484375, + "width": 54.1875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 208.890625, + "width": 54.1875, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 220.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 222.484375, + "width": 54.1875, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/macos/light-list-single-disabled.png", + "sha256": "75cd959eeb6d02e7f1fabca10dced6b7bec5413dbc3f93ffd8d36d1cc5471684" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "light", + "name": "list-single-required", + "configuration": { + "name": "list-single-required", + "mode": "list", + "multiple": false, + "label": "Category", + "value": null, + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": true, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 268.890625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 236.890625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 45.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 58.984375, + "width": 80.765625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 45.390625, + "width": 80.765625, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 57.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 58.984375, + "width": 80.765625, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 99.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 113.484375, + "width": 58.6875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 99.890625, + "width": 58.6875, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 111.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 113.484375, + "width": 58.6875, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 154.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 167.984375, + "width": 34.078125, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 154.390625, + "width": 34.078125, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 166.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 167.984375, + "width": 34.078125, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 208.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 222.484375, + "width": 54.1875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 208.890625, + "width": 54.1875, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 220.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 222.484375, + "width": 54.1875, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/macos/light-list-single-required.png", + "sha256": "07d187cdb4ee5a87238f555733db8c9497d27978fddaa4d24e6c8bda4ebf8334" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "light", + "name": "list-single-helper", + "configuration": { + "name": "list-single-helper", + "mode": "list", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "Choose categories.", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 282.890625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 250.890625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 45.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 58.984375, + "width": 80.765625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 45.390625, + "width": 80.765625, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 57.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(223, 243, 252)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 32.400001525878906, + "y": 61.790626525878906, + "width": 11.199996948242188, + "height": 11.199996948242188 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 154, 199)" + } + }, + "labelGlyph": { + "x": 56, + "y": 58.984375, + "width": 80.765625, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 99.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 113.484375, + "width": 58.6875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 99.890625, + "width": 58.6875, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 111.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 113.484375, + "width": 58.6875, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 154.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 167.984375, + "width": 34.078125, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 154.390625, + "width": 34.078125, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 166.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 167.984375, + "width": 34.078125, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 208.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 222.484375, + "width": 54.1875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 208.890625, + "width": 54.1875, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 220.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 222.484375, + "width": 54.1875, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": { + "box": { + "x": 16, + "y": 252.890625, + "width": 320, + "height": 14 + }, + "glyph": { + "x": 32, + "y": 252.890625, + "width": 110.171875, + "height": 14 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "0.4px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/macos/light-list-single-helper.png", + "sha256": "210915e7e0fdc38c332404f3a92ca6e7ce36c6905344661b39a2c41da673e949" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "light", + "name": "list-single-narrow", + "configuration": { + "name": "list-single-narrow", + "mode": "list", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance and shared household repairs" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 180, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 212, + "height": 275.28125 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 243.28125 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 22.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 45.390625, + "width": 180, + "height": 50.390625 + }, + "glyph": { + "x": 56, + "y": 45.390625, + "width": 110.96875, + "height": 49.59375 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 45.390625, + "width": 140, + "height": 50.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 57.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(223, 243, 252)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 32.400001525878906, + "y": 61.790626525878906, + "width": 11.199996948242188, + "height": 11.199996948242188 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 154, 199)" + } + }, + "labelGlyph": { + "x": 56, + "y": 45.390625, + "width": 110.96875, + "height": 49.59375 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 106.28125, + "width": 180, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 119.875, + "width": 58.6875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 106.28125, + "width": 58.6875, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 118.28125, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 119.875, + "width": 58.6875, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 160.78125, + "width": 180, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 174.375, + "width": 34.078125, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 160.78125, + "width": 34.078125, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 172.78125, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 174.375, + "width": 34.078125, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 215.28125, + "width": 180, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 228.875, + "width": 54.1875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 215.28125, + "width": 54.1875, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 227.28125, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 228.875, + "width": 54.1875, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/macos/light-list-single-narrow.png", + "sha256": "575e3bdd9766dabc52c6650c3e979fb766cc700295ba5af90f7cbbf57b35db19" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "light", + "name": "list-single-rtl", + "configuration": { + "name": "list-single-rtl", + "mode": "list", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "rtl", + "disabled": false, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 268.890625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 236.890625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 45.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 215.234375, + "y": 58.984375, + "width": 80.765625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 215.234375, + "y": 45.390625, + "width": 80.765625, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 308, + "y": 57.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(223, 243, 252)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 312.3999938964844, + "y": 61.790626525878906, + "width": 11.20001220703125, + "height": 11.199996948242188 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 154, 199)" + } + }, + "labelGlyph": { + "x": 215.234375, + "y": 58.984375, + "width": 80.765625, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 99.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 237.3125, + "y": 113.484375, + "width": 58.6875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 237.3125, + "y": 99.890625, + "width": 58.6875, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 308, + "y": 111.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 237.3125, + "y": 113.484375, + "width": 58.6875, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 154.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 261.921875, + "y": 167.984375, + "width": 34.078125, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 261.921875, + "y": 154.390625, + "width": 34.078125, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 308, + "y": 166.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 261.921875, + "y": 167.984375, + "width": 34.078125, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 208.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 241.8125, + "y": 222.484375, + "width": 54.1875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 241.8125, + "y": 208.890625, + "width": 54.1875, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 308, + "y": 220.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 241.8125, + "y": 222.484375, + "width": 54.1875, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/macos/light-list-single-rtl.png", + "sha256": "762dab0576c1c45d3a4cd203d27639b7745be81e2a5972cc50a16ed4dd22085a" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "light", + "name": "list-single-no-options", + "configuration": { + "name": "list-single-no-options", + "mode": "list", + "multiple": false, + "label": "Category", + "value": null, + "options": [], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 61.390625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 29.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/macos/light-list-single-no-options.png", + "sha256": "199fc864c8064c6a128ab928e8b615dc3659956a18c0eabf12bec4ee344dcabc" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "light", + "name": "list-multiple-empty", + "configuration": { + "name": "list-multiple-empty", + "mode": "list", + "multiple": true, + "label": "Category", + "value": [], + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 214.390625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": { + "x": 16, + "y": 19, + "width": 56.046875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 38.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 50.390625, + "width": 80.765625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 51.390625, + "width": 80.765625, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 48.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 50.390625, + "width": 80.765625, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 78.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 90.390625, + "width": 58.6875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 91.390625, + "width": 58.6875, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 88.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 90.390625, + "width": 58.6875, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 118.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 130.390625, + "width": 34.078125, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 131.390625, + "width": 34.078125, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 128.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 130.390625, + "width": 34.078125, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 158.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 170.390625, + "width": 54.1875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 171.390625, + "width": 54.1875, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 168.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 170.390625, + "width": 54.1875, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/macos/light-list-multiple-empty.png", + "sha256": "d26dc270f0621fe0b0b5286cafa646bd652dbcce103109b0ce755bda7ea50d78" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "light", + "name": "list-multiple-filled", + "configuration": { + "name": "list-multiple-filled", + "mode": "list", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 214.390625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": { + "x": 16, + "y": 19, + "width": 56.046875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 38.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 50.390625, + "width": 80.765625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 51.390625, + "width": 80.765625, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 48.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 53.66285705566406, + "width": 11.024688720703125, + "height": 10.240577697753906 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 50.390625, + "width": 80.765625, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 78.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 90.390625, + "width": 58.6875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 91.390625, + "width": 58.6875, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 88.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 90.390625, + "width": 58.6875, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 118.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 130.390625, + "width": 34.078125, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 131.390625, + "width": 34.078125, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 128.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 133.66285705566406, + "width": 11.024688720703125, + "height": 10.240585327148438 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 130.390625, + "width": 34.078125, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 158.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 170.390625, + "width": 54.1875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 171.390625, + "width": 54.1875, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 168.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 170.390625, + "width": 54.1875, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/macos/light-list-multiple-filled.png", + "sha256": "857cc18adf10693166064bda88ce5c3ce202396e9ff96f5539966aabe4b3373c" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "light", + "name": "list-multiple-hover", + "configuration": { + "name": "list-multiple-hover", + "mode": "list", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "hover" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 214.390625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": { + "x": 16, + "y": 19, + "width": 56.046875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 38.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 50.390625, + "width": 80.765625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 51.390625, + "width": 80.765625, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 48.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 53.66285705566406, + "width": 11.024688720703125, + "height": 10.240577697753906 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 50.390625, + "width": 80.765625, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 78.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 90.390625, + "width": 58.6875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 91.390625, + "width": 58.6875, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 88.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(230, 230, 230)", + "border": "2px solid rgb(94, 94, 94)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 90.390625, + "width": 58.6875, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 118.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 130.390625, + "width": 34.078125, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 131.390625, + "width": 34.078125, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 128.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 133.66285705566406, + "width": 11.024688720703125, + "height": 10.240585327148438 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 130.390625, + "width": 34.078125, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 158.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 170.390625, + "width": 54.1875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 171.390625, + "width": 54.1875, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 168.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 170.390625, + "width": 54.1875, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/macos/light-list-multiple-hover.png", + "sha256": "bc83632bbf76ef9c3cdf45381d4421d0dcf167ff6a503215063a4048e2b9d048" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "light", + "name": "list-multiple-focus", + "configuration": { + "name": "list-multiple-focus", + "mode": "list", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "focus" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 214.390625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": { + "x": 16, + "y": 19, + "width": 56.046875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 38.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 50.390625, + "width": 80.765625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 51.390625, + "width": 80.765625, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 48.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "2px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 53.66285705566406, + "width": 11.024688720703125, + "height": 10.240577697753906 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 50.390625, + "width": 80.765625, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 78.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 90.390625, + "width": 58.6875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 91.390625, + "width": 58.6875, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 88.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 90.390625, + "width": 58.6875, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 118.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 130.390625, + "width": 34.078125, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 131.390625, + "width": 34.078125, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 128.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 133.66285705566406, + "width": 11.024688720703125, + "height": 10.240585327148438 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 130.390625, + "width": 34.078125, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 158.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 170.390625, + "width": 54.1875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 171.390625, + "width": 54.1875, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 168.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 170.390625, + "width": 54.1875, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/macos/light-list-multiple-focus.png", + "sha256": "f57d206563440d917e7930e94a0d4e8f19cd9c890d60ad6f3fb6e0c21ec783cd" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "light", + "name": "list-multiple-disabled", + "configuration": { + "name": "list-multiple-disabled", + "mode": "list", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": true, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 214.390625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": { + "x": 16, + "y": 19, + "width": 56.046875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 38.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 50.390625, + "width": 80.765625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 51.390625, + "width": 80.765625, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 48.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 53.66285705566406, + "width": 11.024688720703125, + "height": 10.240577697753906 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 50.390625, + "width": 80.765625, + "height": 16 + }, + "checked": true, + "disabled": true, + "paintOpacity": "0.5" + }, + { + "row": { + "box": { + "x": 16, + "y": 78.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 90.390625, + "width": 58.6875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 91.390625, + "width": 58.6875, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 88.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 90.390625, + "width": 58.6875, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + }, + { + "row": { + "box": { + "x": 16, + "y": 118.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 130.390625, + "width": 34.078125, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 131.390625, + "width": 34.078125, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 128.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 133.66285705566406, + "width": 11.024688720703125, + "height": 10.240585327148438 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 130.390625, + "width": 34.078125, + "height": 16 + }, + "checked": true, + "disabled": true, + "paintOpacity": "0.5" + }, + { + "row": { + "box": { + "x": 16, + "y": 158.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 170.390625, + "width": 54.1875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 171.390625, + "width": 54.1875, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 168.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 170.390625, + "width": 54.1875, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/macos/light-list-multiple-disabled.png", + "sha256": "1e979c609c704b88b1f6c0bbc7237f972aeff05b5522b3be91c4576f6f4cd12f" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "light", + "name": "list-multiple-required", + "configuration": { + "name": "list-multiple-required", + "mode": "list", + "multiple": true, + "label": "Category", + "value": [], + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": true, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 214.390625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": { + "x": 16, + "y": 19, + "width": 56.046875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 38.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 50.390625, + "width": 80.765625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 51.390625, + "width": 80.765625, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 48.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 50.390625, + "width": 80.765625, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 78.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 90.390625, + "width": 58.6875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 91.390625, + "width": 58.6875, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 88.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 90.390625, + "width": 58.6875, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 118.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 130.390625, + "width": 34.078125, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 131.390625, + "width": 34.078125, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 128.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 130.390625, + "width": 34.078125, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 158.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 170.390625, + "width": 54.1875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 171.390625, + "width": 54.1875, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 168.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 170.390625, + "width": 54.1875, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/macos/light-list-multiple-required.png", + "sha256": "d26dc270f0621fe0b0b5286cafa646bd652dbcce103109b0ce755bda7ea50d78" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "light", + "name": "list-multiple-helper", + "configuration": { + "name": "list-multiple-helper", + "mode": "list", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "Choose categories.", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 228.390625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 196.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": { + "x": 16, + "y": 19, + "width": 56.046875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 38.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 50.390625, + "width": 80.765625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 51.390625, + "width": 80.765625, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 48.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 53.66285705566406, + "width": 11.024688720703125, + "height": 10.240577697753906 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 50.390625, + "width": 80.765625, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 78.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 90.390625, + "width": 58.6875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 91.390625, + "width": 58.6875, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 88.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 90.390625, + "width": 58.6875, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 118.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 130.390625, + "width": 34.078125, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 131.390625, + "width": 34.078125, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 128.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 133.66285705566406, + "width": 11.024688720703125, + "height": 10.240585327148438 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 130.390625, + "width": 34.078125, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 158.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 170.390625, + "width": 54.1875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 171.390625, + "width": 54.1875, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 168.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 170.390625, + "width": 54.1875, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": { + "box": { + "x": 16, + "y": 198.390625, + "width": 320, + "height": 14 + }, + "glyph": { + "x": 32, + "y": 198.390625, + "width": 110.171875, + "height": 14 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "0.4px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/macos/light-list-multiple-helper.png", + "sha256": "9033cd1e263483b2df0d27724f80c7ab8ac54639b6cc93fbe47bf0fe1f660d67" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "light", + "name": "list-multiple-narrow", + "configuration": { + "name": "list-multiple-narrow", + "mode": "list", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance and shared household repairs" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 180, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 212, + "height": 216.390625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 184.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 22.390625 + }, + "glyph": { + "x": 16, + "y": 19, + "width": 56.046875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 38.390625, + "width": 180, + "height": 42 + }, + "glyph": { + "x": 44, + "y": 37.390625, + "width": 110.96875, + "height": 44 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 38.390625, + "width": 152, + "height": 42 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 49.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 54.66285705566406, + "width": 11.024688720703125, + "height": 10.240577697753906 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 37.390625, + "width": 110.96875, + "height": 44 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 80.390625, + "width": 180, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 92.390625, + "width": 58.6875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 93.390625, + "width": 58.6875, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 90.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 92.390625, + "width": 58.6875, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 120.390625, + "width": 180, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 132.390625, + "width": 34.078125, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 133.390625, + "width": 34.078125, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 130.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 135.66285705566406, + "width": 11.024688720703125, + "height": 10.240585327148438 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 132.390625, + "width": 34.078125, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 160.390625, + "width": 180, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 172.390625, + "width": 54.1875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 173.390625, + "width": 54.1875, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 170.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 172.390625, + "width": 54.1875, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/macos/light-list-multiple-narrow.png", + "sha256": "94cb0426705e5c66ab50e7cd8cd61b1f887c60d27967300fc6a6ab55ac4cf852" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "light", + "name": "list-multiple-rtl", + "configuration": { + "name": "list-multiple-rtl", + "mode": "list", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "rtl", + "disabled": false, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 214.390625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": { + "x": 279.953125, + "y": 19, + "width": 56.046875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 38.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 227.234375, + "y": 50.390625, + "width": 80.765625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 227.234375, + "y": 51.390625, + "width": 80.765625, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 316, + "y": 48.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 320.50042724609375, + "y": 53.66285705566406, + "width": 11.024688720703125, + "height": 10.240577697753906 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 227.234375, + "y": 50.390625, + "width": 80.765625, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 78.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 249.3125, + "y": 90.390625, + "width": 58.6875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 249.3125, + "y": 91.390625, + "width": 58.6875, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 316, + "y": 88.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 249.3125, + "y": 90.390625, + "width": 58.6875, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 118.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 273.921875, + "y": 130.390625, + "width": 34.078125, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 273.921875, + "y": 131.390625, + "width": 34.078125, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 316, + "y": 128.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 320.50042724609375, + "y": 133.66285705566406, + "width": 11.024688720703125, + "height": 10.240585327148438 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 273.921875, + "y": 130.390625, + "width": 34.078125, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 158.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 253.8125, + "y": 170.390625, + "width": 54.1875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 253.8125, + "y": 171.390625, + "width": 54.1875, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 316, + "y": 168.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 253.8125, + "y": 170.390625, + "width": 54.1875, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/macos/light-list-multiple-rtl.png", + "sha256": "82235c85e284943445128285eb5735af247b2c889cf556545d37fc44f6dd7ba4" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "light", + "name": "list-multiple-no-options", + "configuration": { + "name": "list-multiple-no-options", + "mode": "list", + "multiple": true, + "label": "Category", + "value": [], + "options": [], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 54.390625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": { + "x": 16, + "y": 19, + "width": 56.046875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/macos/light-list-multiple-no-options.png", + "sha256": "9723ccb6d71a6c9b5a50cc669e2f2ee620716b90a5801d9bc85dec48d520b03b" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "dark", + "name": "list-single-empty", + "configuration": { + "name": "list-single-empty", + "mode": "list", + "multiple": false, + "label": "Category", + "value": null, + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 268.890625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 236.890625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 45.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 58.984375, + "width": 80.765625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 45.390625, + "width": 80.765625, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 57.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 58.984375, + "width": 80.765625, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 99.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 113.484375, + "width": 58.6875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 99.890625, + "width": 58.6875, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 111.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 113.484375, + "width": 58.6875, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 154.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 167.984375, + "width": 34.078125, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 154.390625, + "width": 34.078125, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 166.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 167.984375, + "width": 34.078125, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 208.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 222.484375, + "width": 54.1875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 208.890625, + "width": 54.1875, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 220.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 222.484375, + "width": 54.1875, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/macos/dark-list-single-empty.png", + "sha256": "558b7cbcabeebacea207cc97a63eacd25ad74732304d0e0dfb71e83ea4b5dc25" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "dark", + "name": "list-single-filled", + "configuration": { + "name": "list-single-filled", + "mode": "list", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 268.890625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 236.890625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 45.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 58.984375, + "width": 80.765625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 45.390625, + "width": 80.765625, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 57.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(0, 46, 62)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 32.400001525878906, + "y": 61.790626525878906, + "width": 11.199996948242188, + "height": 11.199996948242188 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 154, 199)" + } + }, + "labelGlyph": { + "x": 56, + "y": 58.984375, + "width": 80.765625, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 99.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 113.484375, + "width": 58.6875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 99.890625, + "width": 58.6875, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 111.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 113.484375, + "width": 58.6875, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 154.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 167.984375, + "width": 34.078125, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 154.390625, + "width": 34.078125, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 166.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 167.984375, + "width": 34.078125, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 208.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 222.484375, + "width": 54.1875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 208.890625, + "width": 54.1875, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 220.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 222.484375, + "width": 54.1875, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/macos/dark-list-single-filled.png", + "sha256": "9ab8e0e86346a9c14cdc49cbe198870d1e814df77edfc5c4a21bb84d12b96ff8" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "dark", + "name": "list-single-hover", + "configuration": { + "name": "list-single-hover", + "mode": "list", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "hover" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 268.890625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 236.890625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 45.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 58.984375, + "width": 80.765625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 45.390625, + "width": 80.765625, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 57.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(0, 46, 62)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 32.400001525878906, + "y": 61.790626525878906, + "width": 11.199996948242188, + "height": 11.199996948242188 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 154, 199)" + } + }, + "labelGlyph": { + "x": 56, + "y": 58.984375, + "width": 80.765625, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 99.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 113.484375, + "width": 58.6875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 99.890625, + "width": 58.6875, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 111.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgb(32, 32, 32)", + "border": "2px solid rgb(177, 177, 177)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 113.484375, + "width": 58.6875, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 154.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 167.984375, + "width": 34.078125, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 154.390625, + "width": 34.078125, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 166.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 167.984375, + "width": 34.078125, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 208.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 222.484375, + "width": 54.1875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 208.890625, + "width": 54.1875, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 220.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 222.484375, + "width": 54.1875, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/macos/dark-list-single-hover.png", + "sha256": "b015f476fabe7d417318a968b5ccf617831d447a68bebd041ac0d661affb2086" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "dark", + "name": "list-single-focus", + "configuration": { + "name": "list-single-focus", + "mode": "list", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "focus" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 268.890625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 236.890625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 45.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 58.984375, + "width": 80.765625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 45.390625, + "width": 80.765625, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 57.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(0, 46, 62)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "2px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 32.400001525878906, + "y": 61.790626525878906, + "width": 11.199996948242188, + "height": 11.199996948242188 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 154, 199)" + } + }, + "labelGlyph": { + "x": 56, + "y": 58.984375, + "width": 80.765625, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 99.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 113.484375, + "width": 58.6875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 99.890625, + "width": 58.6875, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 111.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 113.484375, + "width": 58.6875, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 154.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 167.984375, + "width": 34.078125, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 154.390625, + "width": 34.078125, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 166.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 167.984375, + "width": 34.078125, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 208.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 222.484375, + "width": 54.1875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 208.890625, + "width": 54.1875, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 220.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 222.484375, + "width": 54.1875, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/macos/dark-list-single-focus.png", + "sha256": "2cd2d6e7bc8932f2658d1b5dc1d93ffaa63962ec91c60744585a23f20bd2eb7b" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "dark", + "name": "list-single-disabled", + "configuration": { + "name": "list-single-disabled", + "mode": "list", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": true, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 268.890625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 236.890625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 45.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 58.984375, + "width": 80.765625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 45.390625, + "width": 80.765625, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 57.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(0, 46, 62)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 32.400001525878906, + "y": 61.790626525878906, + "width": 11.199996948242188, + "height": 11.199996948242188 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 154, 199)" + } + }, + "labelGlyph": { + "x": 56, + "y": 58.984375, + "width": 80.765625, + "height": 16 + }, + "checked": true, + "disabled": true, + "paintOpacity": "0.5" + }, + { + "row": { + "box": { + "x": 16, + "y": 99.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 113.484375, + "width": 58.6875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 99.890625, + "width": 58.6875, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 111.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 113.484375, + "width": 58.6875, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + }, + { + "row": { + "box": { + "x": 16, + "y": 154.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 167.984375, + "width": 34.078125, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 154.390625, + "width": 34.078125, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 166.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 167.984375, + "width": 34.078125, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + }, + { + "row": { + "box": { + "x": 16, + "y": 208.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 222.484375, + "width": 54.1875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 208.890625, + "width": 54.1875, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 220.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 222.484375, + "width": 54.1875, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/macos/dark-list-single-disabled.png", + "sha256": "a595996428b8d3e28064d30816a7359a20207fe77a7f3fb264d628fa30a9368e" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "dark", + "name": "list-single-required", + "configuration": { + "name": "list-single-required", + "mode": "list", + "multiple": false, + "label": "Category", + "value": null, + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": true, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 268.890625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 236.890625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 45.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 58.984375, + "width": 80.765625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 45.390625, + "width": 80.765625, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 57.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 58.984375, + "width": 80.765625, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 99.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 113.484375, + "width": 58.6875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 99.890625, + "width": 58.6875, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 111.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 113.484375, + "width": 58.6875, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 154.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 167.984375, + "width": 34.078125, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 154.390625, + "width": 34.078125, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 166.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 167.984375, + "width": 34.078125, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 208.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 222.484375, + "width": 54.1875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 208.890625, + "width": 54.1875, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 220.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 222.484375, + "width": 54.1875, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/macos/dark-list-single-required.png", + "sha256": "558b7cbcabeebacea207cc97a63eacd25ad74732304d0e0dfb71e83ea4b5dc25" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "dark", + "name": "list-single-helper", + "configuration": { + "name": "list-single-helper", + "mode": "list", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "Choose categories.", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 282.890625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 250.890625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 45.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 58.984375, + "width": 80.765625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 45.390625, + "width": 80.765625, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 57.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(0, 46, 62)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 32.400001525878906, + "y": 61.790626525878906, + "width": 11.199996948242188, + "height": 11.199996948242188 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 154, 199)" + } + }, + "labelGlyph": { + "x": 56, + "y": 58.984375, + "width": 80.765625, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 99.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 113.484375, + "width": 58.6875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 99.890625, + "width": 58.6875, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 111.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 113.484375, + "width": 58.6875, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 154.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 167.984375, + "width": 34.078125, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 154.390625, + "width": 34.078125, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 166.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 167.984375, + "width": 34.078125, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 208.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 222.484375, + "width": 54.1875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 208.890625, + "width": 54.1875, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 220.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 222.484375, + "width": 54.1875, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": { + "box": { + "x": 16, + "y": 252.890625, + "width": 320, + "height": 14 + }, + "glyph": { + "x": 32, + "y": 252.890625, + "width": 110.171875, + "height": 14 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "0.4px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/macos/dark-list-single-helper.png", + "sha256": "dded5e201c9643e2204d2ae6cc908d697b0f62eabdc6a4a0a58e64ff49bf43a4" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "dark", + "name": "list-single-narrow", + "configuration": { + "name": "list-single-narrow", + "mode": "list", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance and shared household repairs" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 180, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 212, + "height": 275.28125 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 243.28125 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 22.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 45.390625, + "width": 180, + "height": 50.390625 + }, + "glyph": { + "x": 56, + "y": 45.390625, + "width": 110.96875, + "height": 49.59375 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 45.390625, + "width": 140, + "height": 50.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 57.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(0, 46, 62)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 32.400001525878906, + "y": 61.790626525878906, + "width": 11.199996948242188, + "height": 11.199996948242188 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 154, 199)" + } + }, + "labelGlyph": { + "x": 56, + "y": 45.390625, + "width": 110.96875, + "height": 49.59375 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 106.28125, + "width": 180, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 119.875, + "width": 58.6875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 106.28125, + "width": 58.6875, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 118.28125, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 119.875, + "width": 58.6875, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 160.78125, + "width": 180, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 174.375, + "width": 34.078125, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 160.78125, + "width": 34.078125, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 172.78125, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 174.375, + "width": 34.078125, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 215.28125, + "width": 180, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 228.875, + "width": 54.1875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 215.28125, + "width": 54.1875, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 227.28125, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 228.875, + "width": 54.1875, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/macos/dark-list-single-narrow.png", + "sha256": "cdef182fbde1a1f1d4bbd228ff277a93e46457dcca408691fcb72355e99a2ab9" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "dark", + "name": "list-single-rtl", + "configuration": { + "name": "list-single-rtl", + "mode": "list", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "rtl", + "disabled": false, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 268.890625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 236.890625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 45.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 215.234375, + "y": 58.984375, + "width": 80.765625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 215.234375, + "y": 45.390625, + "width": 80.765625, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 308, + "y": 57.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(0, 46, 62)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 312.3999938964844, + "y": 61.790626525878906, + "width": 11.20001220703125, + "height": 11.199996948242188 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 154, 199)" + } + }, + "labelGlyph": { + "x": 215.234375, + "y": 58.984375, + "width": 80.765625, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 99.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 237.3125, + "y": 113.484375, + "width": 58.6875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 237.3125, + "y": 99.890625, + "width": 58.6875, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 308, + "y": 111.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 237.3125, + "y": 113.484375, + "width": 58.6875, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 154.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 261.921875, + "y": 167.984375, + "width": 34.078125, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 261.921875, + "y": 154.390625, + "width": 34.078125, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 308, + "y": 166.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 261.921875, + "y": 167.984375, + "width": 34.078125, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 208.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 241.8125, + "y": 222.484375, + "width": 54.1875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 241.8125, + "y": 208.890625, + "width": 54.1875, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 308, + "y": 220.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 241.8125, + "y": 222.484375, + "width": 54.1875, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/macos/dark-list-single-rtl.png", + "sha256": "52e5a9c0fba857fde3cd357e5c9e3088f49d76280ea91e6c30a1bae496a33ff3" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "dark", + "name": "list-single-no-options", + "configuration": { + "name": "list-single-no-options", + "mode": "list", + "multiple": false, + "label": "Category", + "value": null, + "options": [], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 61.390625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 29.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/macos/dark-list-single-no-options.png", + "sha256": "edac07968c86b8de60914687399efa548f87232b581723e213e81b2c17de7f2d" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "dark", + "name": "list-multiple-empty", + "configuration": { + "name": "list-multiple-empty", + "mode": "list", + "multiple": true, + "label": "Category", + "value": [], + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 214.390625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": { + "x": 16, + "y": 19, + "width": 56.046875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 38.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 50.390625, + "width": 80.765625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 51.390625, + "width": 80.765625, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 48.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 50.390625, + "width": 80.765625, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 78.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 90.390625, + "width": 58.6875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 91.390625, + "width": 58.6875, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 88.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 90.390625, + "width": 58.6875, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 118.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 130.390625, + "width": 34.078125, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 131.390625, + "width": 34.078125, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 128.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 130.390625, + "width": 34.078125, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 158.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 170.390625, + "width": 54.1875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 171.390625, + "width": 54.1875, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 168.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 170.390625, + "width": 54.1875, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/macos/dark-list-multiple-empty.png", + "sha256": "e3a5359d4d5338e1b146ce3d068832faa73dd79dceddafe2f6764a304575c75b" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "dark", + "name": "list-multiple-filled", + "configuration": { + "name": "list-multiple-filled", + "mode": "list", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 214.390625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": { + "x": 16, + "y": 19, + "width": 56.046875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 38.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 50.390625, + "width": 80.765625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 51.390625, + "width": 80.765625, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 48.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 53.66285705566406, + "width": 11.024688720703125, + "height": 10.240577697753906 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 50.390625, + "width": 80.765625, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 78.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 90.390625, + "width": 58.6875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 91.390625, + "width": 58.6875, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 88.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 90.390625, + "width": 58.6875, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 118.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 130.390625, + "width": 34.078125, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 131.390625, + "width": 34.078125, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 128.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 133.66285705566406, + "width": 11.024688720703125, + "height": 10.240585327148438 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 130.390625, + "width": 34.078125, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 158.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 170.390625, + "width": 54.1875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 171.390625, + "width": 54.1875, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 168.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 170.390625, + "width": 54.1875, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/macos/dark-list-multiple-filled.png", + "sha256": "c264830f5d651961dd616b88f1a93c5136b328c5ee8bc96b1b77665003cbb09c" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "dark", + "name": "list-multiple-hover", + "configuration": { + "name": "list-multiple-hover", + "mode": "list", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "hover" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 214.390625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": { + "x": 16, + "y": 19, + "width": 56.046875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 38.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 50.390625, + "width": 80.765625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 51.390625, + "width": 80.765625, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 48.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 53.66285705566406, + "width": 11.024688720703125, + "height": 10.240577697753906 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 50.390625, + "width": 80.765625, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 78.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 90.390625, + "width": 58.6875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 91.390625, + "width": 58.6875, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 88.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(74, 74, 74)", + "border": "2px solid rgb(177, 177, 177)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 90.390625, + "width": 58.6875, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 118.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 130.390625, + "width": 34.078125, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 131.390625, + "width": 34.078125, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 128.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 133.66285705566406, + "width": 11.024688720703125, + "height": 10.240585327148438 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 130.390625, + "width": 34.078125, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 158.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 170.390625, + "width": 54.1875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 171.390625, + "width": 54.1875, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 168.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 170.390625, + "width": 54.1875, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/macos/dark-list-multiple-hover.png", + "sha256": "2c098ef4819a735eabbea5a60f5804a57d0494140021de04dc99137cd8871acb" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "dark", + "name": "list-multiple-focus", + "configuration": { + "name": "list-multiple-focus", + "mode": "list", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "focus" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 214.390625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": { + "x": 16, + "y": 19, + "width": 56.046875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 38.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 50.390625, + "width": 80.765625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 51.390625, + "width": 80.765625, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 48.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "2px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 53.66285705566406, + "width": 11.024688720703125, + "height": 10.240577697753906 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 50.390625, + "width": 80.765625, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 78.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 90.390625, + "width": 58.6875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 91.390625, + "width": 58.6875, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 88.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 90.390625, + "width": 58.6875, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 118.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 130.390625, + "width": 34.078125, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 131.390625, + "width": 34.078125, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 128.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 133.66285705566406, + "width": 11.024688720703125, + "height": 10.240585327148438 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 130.390625, + "width": 34.078125, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 158.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 170.390625, + "width": 54.1875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 171.390625, + "width": 54.1875, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 168.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 170.390625, + "width": 54.1875, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/macos/dark-list-multiple-focus.png", + "sha256": "f7c8f23daf217622e6cdabf9b25fdb377b55dac80e0355ac69ae48a4c8a02f38" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "dark", + "name": "list-multiple-disabled", + "configuration": { + "name": "list-multiple-disabled", + "mode": "list", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": true, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 214.390625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": { + "x": 16, + "y": 19, + "width": 56.046875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 38.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 50.390625, + "width": 80.765625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 51.390625, + "width": 80.765625, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 48.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 53.66285705566406, + "width": 11.024688720703125, + "height": 10.240577697753906 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 50.390625, + "width": 80.765625, + "height": 16 + }, + "checked": true, + "disabled": true, + "paintOpacity": "0.5" + }, + { + "row": { + "box": { + "x": 16, + "y": 78.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 90.390625, + "width": 58.6875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 91.390625, + "width": 58.6875, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 88.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 90.390625, + "width": 58.6875, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + }, + { + "row": { + "box": { + "x": 16, + "y": 118.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 130.390625, + "width": 34.078125, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 131.390625, + "width": 34.078125, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 128.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 133.66285705566406, + "width": 11.024688720703125, + "height": 10.240585327148438 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 130.390625, + "width": 34.078125, + "height": 16 + }, + "checked": true, + "disabled": true, + "paintOpacity": "0.5" + }, + { + "row": { + "box": { + "x": 16, + "y": 158.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 170.390625, + "width": 54.1875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 171.390625, + "width": 54.1875, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 168.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 170.390625, + "width": 54.1875, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/macos/dark-list-multiple-disabled.png", + "sha256": "6ddeebed5e59e63dbbc7db9bb69b4dbf2d3b5a0245269ff9edeb00780e369b91" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "dark", + "name": "list-multiple-required", + "configuration": { + "name": "list-multiple-required", + "mode": "list", + "multiple": true, + "label": "Category", + "value": [], + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": true, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 214.390625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": { + "x": 16, + "y": 19, + "width": 56.046875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 38.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 50.390625, + "width": 80.765625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 51.390625, + "width": 80.765625, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 48.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 50.390625, + "width": 80.765625, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 78.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 90.390625, + "width": 58.6875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 91.390625, + "width": 58.6875, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 88.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 90.390625, + "width": 58.6875, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 118.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 130.390625, + "width": 34.078125, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 131.390625, + "width": 34.078125, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 128.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 130.390625, + "width": 34.078125, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 158.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 170.390625, + "width": 54.1875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 171.390625, + "width": 54.1875, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 168.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 170.390625, + "width": 54.1875, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/macos/dark-list-multiple-required.png", + "sha256": "e3a5359d4d5338e1b146ce3d068832faa73dd79dceddafe2f6764a304575c75b" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "dark", + "name": "list-multiple-helper", + "configuration": { + "name": "list-multiple-helper", + "mode": "list", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "Choose categories.", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 228.390625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 196.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": { + "x": 16, + "y": 19, + "width": 56.046875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 38.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 50.390625, + "width": 80.765625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 51.390625, + "width": 80.765625, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 48.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 53.66285705566406, + "width": 11.024688720703125, + "height": 10.240577697753906 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 50.390625, + "width": 80.765625, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 78.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 90.390625, + "width": 58.6875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 91.390625, + "width": 58.6875, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 88.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 90.390625, + "width": 58.6875, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 118.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 130.390625, + "width": 34.078125, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 131.390625, + "width": 34.078125, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 128.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 133.66285705566406, + "width": 11.024688720703125, + "height": 10.240585327148438 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 130.390625, + "width": 34.078125, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 158.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 170.390625, + "width": 54.1875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 171.390625, + "width": 54.1875, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 168.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 170.390625, + "width": 54.1875, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": { + "box": { + "x": 16, + "y": 198.390625, + "width": 320, + "height": 14 + }, + "glyph": { + "x": 32, + "y": 198.390625, + "width": 110.171875, + "height": 14 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "0.4px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/macos/dark-list-multiple-helper.png", + "sha256": "68359618b89e26c5101eb671e2ad85efc1b9999ada7886e83b0d2f0651aafe5e" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "dark", + "name": "list-multiple-narrow", + "configuration": { + "name": "list-multiple-narrow", + "mode": "list", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance and shared household repairs" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 180, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 212, + "height": 216.390625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 184.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 22.390625 + }, + "glyph": { + "x": 16, + "y": 19, + "width": 56.046875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 38.390625, + "width": 180, + "height": 42 + }, + "glyph": { + "x": 44, + "y": 37.390625, + "width": 110.96875, + "height": 44 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 38.390625, + "width": 152, + "height": 42 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 49.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 54.66285705566406, + "width": 11.024688720703125, + "height": 10.240577697753906 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 37.390625, + "width": 110.96875, + "height": 44 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 80.390625, + "width": 180, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 92.390625, + "width": 58.6875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 93.390625, + "width": 58.6875, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 90.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 92.390625, + "width": 58.6875, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 120.390625, + "width": 180, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 132.390625, + "width": 34.078125, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 133.390625, + "width": 34.078125, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 130.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 135.66285705566406, + "width": 11.024688720703125, + "height": 10.240585327148438 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 132.390625, + "width": 34.078125, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 160.390625, + "width": 180, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 172.390625, + "width": 54.1875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 173.390625, + "width": 54.1875, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 170.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 172.390625, + "width": 54.1875, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/macos/dark-list-multiple-narrow.png", + "sha256": "f33e6b0f4faa411a5fac409a9b90c3f65025487eff8eb3c65c433f063f96dfd4" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "dark", + "name": "list-multiple-rtl", + "configuration": { + "name": "list-multiple-rtl", + "mode": "list", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "rtl", + "disabled": false, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 214.390625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": { + "x": 279.953125, + "y": 19, + "width": 56.046875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 38.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 227.234375, + "y": 50.390625, + "width": 80.765625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 227.234375, + "y": 51.390625, + "width": 80.765625, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 316, + "y": 48.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 320.50042724609375, + "y": 53.66285705566406, + "width": 11.024688720703125, + "height": 10.240577697753906 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 227.234375, + "y": 50.390625, + "width": 80.765625, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 78.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 249.3125, + "y": 90.390625, + "width": 58.6875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 249.3125, + "y": 91.390625, + "width": 58.6875, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 316, + "y": 88.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 249.3125, + "y": 90.390625, + "width": 58.6875, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 118.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 273.921875, + "y": 130.390625, + "width": 34.078125, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 273.921875, + "y": 131.390625, + "width": 34.078125, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 316, + "y": 128.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 320.50042724609375, + "y": 133.66285705566406, + "width": 11.024688720703125, + "height": 10.240585327148438 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 273.921875, + "y": 130.390625, + "width": 34.078125, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 158.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 253.8125, + "y": 170.390625, + "width": 54.1875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 253.8125, + "y": 171.390625, + "width": 54.1875, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 316, + "y": 168.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 253.8125, + "y": 170.390625, + "width": 54.1875, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/macos/dark-list-multiple-rtl.png", + "sha256": "5c633fb7da83eb681290b5269fc8dbd11d67e60249a6fa02da090142773724c6" + } + }, + { + "platform": "macos", + "architecture": "arm64", + "theme": "dark", + "name": "list-multiple-no-options", + "configuration": { + "name": "list-multiple-no-options", + "mode": "list", + "multiple": true, + "label": "Category", + "value": [], + "options": [], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 54.390625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": { + "x": 16, + "y": 19, + "width": 56.046875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/macos/dark-list-multiple-no-options.png", + "sha256": "2915a6dbfe1ba267cf55f6a900d98ac980ef8da3aecc3248dfa59e47ba702fbe" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "light", + "name": "list-single-empty", + "configuration": { + "name": "list-single-empty", + "mode": "list", + "multiple": false, + "label": "Category", + "value": null, + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 268.890625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 236.890625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 45.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 58.984375, + "width": 81, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 45.390625, + "width": 81, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 57.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 58.984375, + "width": 81, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 99.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 113.484375, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 99.890625, + "width": 59, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 111.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 113.484375, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 154.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 167.984375, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 154.390625, + "width": 35, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 166.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 167.984375, + "width": 35, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 208.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 222.484375, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 208.890625, + "width": 54, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 220.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 222.484375, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-arm64/light-list-single-empty.png", + "sha256": "ff9df1d6c22f3bf08b7d14f685d10369551b27264aaa80361305f66aa7370f82" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "light", + "name": "list-single-filled", + "configuration": { + "name": "list-single-filled", + "mode": "list", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 268.890625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 236.890625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 45.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 58.984375, + "width": 81, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 45.390625, + "width": 81, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 57.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(223, 243, 252)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 32.400001525878906, + "y": 61.790626525878906, + "width": 11.199996948242188, + "height": 11.199996948242188 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 154, 199)" + } + }, + "labelGlyph": { + "x": 56, + "y": 58.984375, + "width": 81, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 99.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 113.484375, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 99.890625, + "width": 59, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 111.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 113.484375, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 154.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 167.984375, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 154.390625, + "width": 35, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 166.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 167.984375, + "width": 35, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 208.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 222.484375, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 208.890625, + "width": 54, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 220.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 222.484375, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-arm64/light-list-single-filled.png", + "sha256": "908a914bf5e9de7777c9cc3c2819463107d086046ce8b4de3d4ea40291667f87" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "light", + "name": "list-single-hover", + "configuration": { + "name": "list-single-hover", + "mode": "list", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "hover" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 268.890625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 236.890625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 45.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 58.984375, + "width": 81, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 45.390625, + "width": 81, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 57.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(223, 243, 252)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 32.400001525878906, + "y": 61.790626525878906, + "width": 11.199996948242188, + "height": 11.199996948242188 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 154, 199)" + } + }, + "labelGlyph": { + "x": 56, + "y": 58.984375, + "width": 81, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 99.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 113.484375, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 99.890625, + "width": 59, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 111.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgb(230, 230, 230)", + "border": "2px solid rgb(94, 94, 94)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 113.484375, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 154.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 167.984375, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 154.390625, + "width": 35, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 166.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 167.984375, + "width": 35, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 208.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 222.484375, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 208.890625, + "width": 54, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 220.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 222.484375, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-arm64/light-list-single-hover.png", + "sha256": "9d1d0865b6d3fb6d290114ff68653ed77265f8366f16623403093b6a85c5c423" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "light", + "name": "list-single-focus", + "configuration": { + "name": "list-single-focus", + "mode": "list", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "focus" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 268.890625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 236.890625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 45.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 58.984375, + "width": 81, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 45.390625, + "width": 81, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 57.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(223, 243, 252)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "2px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 32.400001525878906, + "y": 61.790626525878906, + "width": 11.199996948242188, + "height": 11.199996948242188 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 154, 199)" + } + }, + "labelGlyph": { + "x": 56, + "y": 58.984375, + "width": 81, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 99.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 113.484375, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 99.890625, + "width": 59, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 111.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 113.484375, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 154.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 167.984375, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 154.390625, + "width": 35, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 166.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 167.984375, + "width": 35, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 208.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 222.484375, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 208.890625, + "width": 54, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 220.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 222.484375, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-arm64/light-list-single-focus.png", + "sha256": "b44dfa7a38bb7adda302da2cbf6f008e0a3926c48d58e8feb29889182311c734" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "light", + "name": "list-single-disabled", + "configuration": { + "name": "list-single-disabled", + "mode": "list", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": true, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 268.890625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 236.890625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 45.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 58.984375, + "width": 81, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 45.390625, + "width": 81, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 57.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(223, 243, 252)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 32.400001525878906, + "y": 61.790626525878906, + "width": 11.199996948242188, + "height": 11.199996948242188 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 154, 199)" + } + }, + "labelGlyph": { + "x": 56, + "y": 58.984375, + "width": 81, + "height": 16 + }, + "checked": true, + "disabled": true, + "paintOpacity": "0.5" + }, + { + "row": { + "box": { + "x": 16, + "y": 99.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 113.484375, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 99.890625, + "width": 59, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 111.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 113.484375, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + }, + { + "row": { + "box": { + "x": 16, + "y": 154.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 167.984375, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 154.390625, + "width": 35, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 166.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 167.984375, + "width": 35, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + }, + { + "row": { + "box": { + "x": 16, + "y": 208.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 222.484375, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 208.890625, + "width": 54, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 220.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 222.484375, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-arm64/light-list-single-disabled.png", + "sha256": "b1fb60ac6adfd0d402db8a171a1b8ab075edc0170a6c87632313ea8af0ae5fda" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "light", + "name": "list-single-required", + "configuration": { + "name": "list-single-required", + "mode": "list", + "multiple": false, + "label": "Category", + "value": null, + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": true, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 268.890625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 236.890625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 45.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 58.984375, + "width": 81, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 45.390625, + "width": 81, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 57.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 58.984375, + "width": 81, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 99.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 113.484375, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 99.890625, + "width": 59, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 111.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 113.484375, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 154.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 167.984375, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 154.390625, + "width": 35, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 166.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 167.984375, + "width": 35, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 208.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 222.484375, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 208.890625, + "width": 54, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 220.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 222.484375, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-arm64/light-list-single-required.png", + "sha256": "ff9df1d6c22f3bf08b7d14f685d10369551b27264aaa80361305f66aa7370f82" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "light", + "name": "list-single-helper", + "configuration": { + "name": "list-single-helper", + "mode": "list", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "Choose categories.", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 282.890625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 250.890625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 45.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 58.984375, + "width": 81, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 45.390625, + "width": 81, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 57.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(223, 243, 252)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 32.400001525878906, + "y": 61.790626525878906, + "width": 11.199996948242188, + "height": 11.199996948242188 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 154, 199)" + } + }, + "labelGlyph": { + "x": 56, + "y": 58.984375, + "width": 81, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 99.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 113.484375, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 99.890625, + "width": 59, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 111.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 113.484375, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 154.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 167.984375, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 154.390625, + "width": 35, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 166.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 167.984375, + "width": 35, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 208.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 222.484375, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 208.890625, + "width": 54, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 220.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 222.484375, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": { + "box": { + "x": 16, + "y": 252.890625, + "width": 320, + "height": 14 + }, + "glyph": { + "x": 32, + "y": 252.890625, + "width": 110.203125, + "height": 14 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "0.4px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-arm64/light-list-single-helper.png", + "sha256": "437b571cda9a66ae191a4e715ee54d6310ce60ec5e1d7130953c4852c8a0f4ff" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "light", + "name": "list-single-narrow", + "configuration": { + "name": "list-single-narrow", + "mode": "list", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance and shared household repairs" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 180, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 212, + "height": 275.28125 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 243.28125 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 22.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 45.390625, + "width": 180, + "height": 50.390625 + }, + "glyph": { + "x": 56, + "y": 45.390625, + "width": 111, + "height": 49.59375 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 45.390625, + "width": 140, + "height": 50.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 57.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(223, 243, 252)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 32.400001525878906, + "y": 61.790626525878906, + "width": 11.199996948242188, + "height": 11.199996948242188 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 154, 199)" + } + }, + "labelGlyph": { + "x": 56, + "y": 45.390625, + "width": 111, + "height": 49.59375 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 106.28125, + "width": 180, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 119.875, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 106.28125, + "width": 59, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 118.28125, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 119.875, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 160.78125, + "width": 180, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 174.375, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 160.78125, + "width": 35, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 172.78125, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 174.375, + "width": 35, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 215.28125, + "width": 180, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 228.875, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 215.28125, + "width": 54, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 227.28125, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 228.875, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-arm64/light-list-single-narrow.png", + "sha256": "f0c0cbe768a5877b39a6f8b6971f0e77031c8bc959852605c92fb99516c36610" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "light", + "name": "list-single-rtl", + "configuration": { + "name": "list-single-rtl", + "mode": "list", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "rtl", + "disabled": false, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 268.890625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 236.890625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 45.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 215, + "y": 58.984375, + "width": 81, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 215, + "y": 45.390625, + "width": 81, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 308, + "y": 57.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(223, 243, 252)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 312.3999938964844, + "y": 61.790626525878906, + "width": 11.20001220703125, + "height": 11.199996948242188 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 154, 199)" + } + }, + "labelGlyph": { + "x": 215, + "y": 58.984375, + "width": 81, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 99.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 237, + "y": 113.484375, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 237, + "y": 99.890625, + "width": 59, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 308, + "y": 111.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 237, + "y": 113.484375, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 154.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 261, + "y": 167.984375, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 261, + "y": 154.390625, + "width": 35, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 308, + "y": 166.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 261, + "y": 167.984375, + "width": 35, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 208.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 242, + "y": 222.484375, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 242, + "y": 208.890625, + "width": 54, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 308, + "y": 220.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 242, + "y": 222.484375, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-arm64/light-list-single-rtl.png", + "sha256": "4c1025d51c946702344c15694a10b1f2e06480d4e66d0f4f58bc0e11c239d631" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "light", + "name": "list-single-no-options", + "configuration": { + "name": "list-single-no-options", + "mode": "list", + "multiple": false, + "label": "Category", + "value": null, + "options": [], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 61.390625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 29.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-arm64/light-list-single-no-options.png", + "sha256": "aaf371530cd3cc2a72514caf0f13514c924c1609f83411f759c786905fae4aa0" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "light", + "name": "list-multiple-empty", + "configuration": { + "name": "list-multiple-empty", + "mode": "list", + "multiple": true, + "label": "Category", + "value": [], + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 214.390625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": { + "x": 16, + "y": 19, + "width": 57, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 38.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 50.390625, + "width": 81, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 51.390625, + "width": 81, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 48.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 50.390625, + "width": 81, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 78.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 90.390625, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 91.390625, + "width": 59, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 88.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 90.390625, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 118.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 130.390625, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 131.390625, + "width": 35, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 128.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 130.390625, + "width": 35, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 158.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 170.390625, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 171.390625, + "width": 54, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 168.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 170.390625, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-arm64/light-list-multiple-empty.png", + "sha256": "545912e4df8dbe0a59a4f0cfd615384eca9513b6141ce605d0e6f8c80458e1ec" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "light", + "name": "list-multiple-filled", + "configuration": { + "name": "list-multiple-filled", + "mode": "list", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 214.390625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": { + "x": 16, + "y": 19, + "width": 57, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 38.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 50.390625, + "width": 81, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 51.390625, + "width": 81, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 48.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 53.66285705566406, + "width": 11.024688720703125, + "height": 10.240577697753906 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 50.390625, + "width": 81, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 78.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 90.390625, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 91.390625, + "width": 59, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 88.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 90.390625, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 118.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 130.390625, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 131.390625, + "width": 35, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 128.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 133.66285705566406, + "width": 11.024688720703125, + "height": 10.240585327148438 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 130.390625, + "width": 35, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 158.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 170.390625, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 171.390625, + "width": 54, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 168.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 170.390625, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-arm64/light-list-multiple-filled.png", + "sha256": "6dfb38553af9b60bd625f21dddd9e09a14d6ca29b888cba5c4615617d9ab878a" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "light", + "name": "list-multiple-hover", + "configuration": { + "name": "list-multiple-hover", + "mode": "list", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "hover" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 214.390625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": { + "x": 16, + "y": 19, + "width": 57, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 38.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 50.390625, + "width": 81, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 51.390625, + "width": 81, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 48.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 53.66285705566406, + "width": 11.024688720703125, + "height": 10.240577697753906 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 50.390625, + "width": 81, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 78.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 90.390625, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 91.390625, + "width": 59, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 88.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(230, 230, 230)", + "border": "2px solid rgb(94, 94, 94)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 90.390625, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 118.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 130.390625, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 131.390625, + "width": 35, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 128.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 133.66285705566406, + "width": 11.024688720703125, + "height": 10.240585327148438 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 130.390625, + "width": 35, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 158.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 170.390625, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 171.390625, + "width": 54, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 168.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 170.390625, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-arm64/light-list-multiple-hover.png", + "sha256": "5dfcc88275d7cb456456b71494c7b9abeea496d60e20758386609f980be281bc" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "light", + "name": "list-multiple-focus", + "configuration": { + "name": "list-multiple-focus", + "mode": "list", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "focus" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 214.390625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": { + "x": 16, + "y": 19, + "width": 57, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 38.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 50.390625, + "width": 81, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 51.390625, + "width": 81, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 48.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "2px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 53.66285705566406, + "width": 11.024688720703125, + "height": 10.240577697753906 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 50.390625, + "width": 81, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 78.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 90.390625, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 91.390625, + "width": 59, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 88.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 90.390625, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 118.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 130.390625, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 131.390625, + "width": 35, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 128.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 133.66285705566406, + "width": 11.024688720703125, + "height": 10.240585327148438 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 130.390625, + "width": 35, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 158.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 170.390625, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 171.390625, + "width": 54, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 168.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 170.390625, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-arm64/light-list-multiple-focus.png", + "sha256": "e5c50cf56c9cc2c6fdc4cf2749896bb9c887809233403df040f294c949156c06" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "light", + "name": "list-multiple-disabled", + "configuration": { + "name": "list-multiple-disabled", + "mode": "list", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": true, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 214.390625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": { + "x": 16, + "y": 19, + "width": 57, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 38.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 50.390625, + "width": 81, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 51.390625, + "width": 81, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 48.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 53.66285705566406, + "width": 11.024688720703125, + "height": 10.240577697753906 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 50.390625, + "width": 81, + "height": 16 + }, + "checked": true, + "disabled": true, + "paintOpacity": "0.5" + }, + { + "row": { + "box": { + "x": 16, + "y": 78.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 90.390625, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 91.390625, + "width": 59, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 88.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 90.390625, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + }, + { + "row": { + "box": { + "x": 16, + "y": 118.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 130.390625, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 131.390625, + "width": 35, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 128.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 133.66285705566406, + "width": 11.024688720703125, + "height": 10.240585327148438 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 130.390625, + "width": 35, + "height": 16 + }, + "checked": true, + "disabled": true, + "paintOpacity": "0.5" + }, + { + "row": { + "box": { + "x": 16, + "y": 158.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 170.390625, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 171.390625, + "width": 54, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 168.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 170.390625, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-arm64/light-list-multiple-disabled.png", + "sha256": "175abc9605625b37dd278192c3e72b732d373dabf2419d47ecd0e43da56fa514" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "light", + "name": "list-multiple-required", + "configuration": { + "name": "list-multiple-required", + "mode": "list", + "multiple": true, + "label": "Category", + "value": [], + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": true, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 214.390625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": { + "x": 16, + "y": 19, + "width": 57, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 38.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 50.390625, + "width": 81, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 51.390625, + "width": 81, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 48.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 50.390625, + "width": 81, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 78.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 90.390625, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 91.390625, + "width": 59, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 88.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 90.390625, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 118.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 130.390625, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 131.390625, + "width": 35, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 128.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 130.390625, + "width": 35, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 158.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 170.390625, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 171.390625, + "width": 54, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 168.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 170.390625, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-arm64/light-list-multiple-required.png", + "sha256": "545912e4df8dbe0a59a4f0cfd615384eca9513b6141ce605d0e6f8c80458e1ec" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "light", + "name": "list-multiple-helper", + "configuration": { + "name": "list-multiple-helper", + "mode": "list", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "Choose categories.", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 228.390625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 196.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": { + "x": 16, + "y": 19, + "width": 57, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 38.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 50.390625, + "width": 81, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 51.390625, + "width": 81, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 48.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 53.66285705566406, + "width": 11.024688720703125, + "height": 10.240577697753906 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 50.390625, + "width": 81, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 78.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 90.390625, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 91.390625, + "width": 59, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 88.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 90.390625, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 118.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 130.390625, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 131.390625, + "width": 35, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 128.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 133.66285705566406, + "width": 11.024688720703125, + "height": 10.240585327148438 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 130.390625, + "width": 35, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 158.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 170.390625, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 171.390625, + "width": 54, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 168.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 170.390625, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": { + "box": { + "x": 16, + "y": 198.390625, + "width": 320, + "height": 14 + }, + "glyph": { + "x": 32, + "y": 198.390625, + "width": 110.203125, + "height": 14 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "0.4px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-arm64/light-list-multiple-helper.png", + "sha256": "2004e8f9e6fdc6c4ef7af0d27da615ea77fb4dbe21d279bc18781aef3d17329e" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "light", + "name": "list-multiple-narrow", + "configuration": { + "name": "list-multiple-narrow", + "mode": "list", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance and shared household repairs" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 180, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 212, + "height": 216.390625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 184.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 22.390625 + }, + "glyph": { + "x": 16, + "y": 19, + "width": 57, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 38.390625, + "width": 180, + "height": 42 + }, + "glyph": { + "x": 44, + "y": 37.390625, + "width": 111, + "height": 44 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 38.390625, + "width": 152, + "height": 42 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 49.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 54.66285705566406, + "width": 11.024688720703125, + "height": 10.240577697753906 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 37.390625, + "width": 111, + "height": 44 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 80.390625, + "width": 180, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 92.390625, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 93.390625, + "width": 59, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 90.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 92.390625, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 120.390625, + "width": 180, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 132.390625, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 133.390625, + "width": 35, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 130.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 135.66285705566406, + "width": 11.024688720703125, + "height": 10.240585327148438 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 132.390625, + "width": 35, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 160.390625, + "width": 180, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 172.390625, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 173.390625, + "width": 54, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 170.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 172.390625, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-arm64/light-list-multiple-narrow.png", + "sha256": "a014e147b8072a10e995f069810dbab45845efc26d3a1040525754162664fe90" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "light", + "name": "list-multiple-rtl", + "configuration": { + "name": "list-multiple-rtl", + "mode": "list", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "rtl", + "disabled": false, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 214.390625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": { + "x": 279, + "y": 19, + "width": 57, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 38.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 227, + "y": 50.390625, + "width": 81, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 227, + "y": 51.390625, + "width": 81, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 316, + "y": 48.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 320.50042724609375, + "y": 53.66285705566406, + "width": 11.024688720703125, + "height": 10.240577697753906 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 227, + "y": 50.390625, + "width": 81, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 78.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 249, + "y": 90.390625, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 249, + "y": 91.390625, + "width": 59, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 316, + "y": 88.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 249, + "y": 90.390625, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 118.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 273, + "y": 130.390625, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 273, + "y": 131.390625, + "width": 35, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 316, + "y": 128.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 320.50042724609375, + "y": 133.66285705566406, + "width": 11.024688720703125, + "height": 10.240585327148438 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 273, + "y": 130.390625, + "width": 35, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 158.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 254, + "y": 170.390625, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 254, + "y": 171.390625, + "width": 54, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 316, + "y": 168.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 254, + "y": 170.390625, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-arm64/light-list-multiple-rtl.png", + "sha256": "b33e49f02ae6008cc7e9b121163ee4e60bb835a507f762c387bf652c96f70f14" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "light", + "name": "list-multiple-no-options", + "configuration": { + "name": "list-multiple-no-options", + "mode": "list", + "multiple": true, + "label": "Category", + "value": [], + "options": [], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 54.390625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": { + "x": 16, + "y": 19, + "width": 57, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-arm64/light-list-multiple-no-options.png", + "sha256": "3a1b4162da5344ce3c66bf54308a5f48a293abf208f33300521bec937e6532c7" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "dark", + "name": "list-single-empty", + "configuration": { + "name": "list-single-empty", + "mode": "list", + "multiple": false, + "label": "Category", + "value": null, + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 268.890625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 236.890625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 45.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 58.984375, + "width": 81, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 45.390625, + "width": 81, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 57.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 58.984375, + "width": 81, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 99.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 113.484375, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 99.890625, + "width": 59, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 111.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 113.484375, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 154.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 167.984375, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 154.390625, + "width": 35, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 166.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 167.984375, + "width": 35, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 208.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 222.484375, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 208.890625, + "width": 54, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 220.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 222.484375, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-arm64/dark-list-single-empty.png", + "sha256": "aaf92f7356c061a2965ee07f7ac84132fcd5bc1a589ff10ab2b7710687de3099" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "dark", + "name": "list-single-filled", + "configuration": { + "name": "list-single-filled", + "mode": "list", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 268.890625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 236.890625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 45.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 58.984375, + "width": 81, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 45.390625, + "width": 81, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 57.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(0, 46, 62)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 32.400001525878906, + "y": 61.790626525878906, + "width": 11.199996948242188, + "height": 11.199996948242188 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 154, 199)" + } + }, + "labelGlyph": { + "x": 56, + "y": 58.984375, + "width": 81, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 99.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 113.484375, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 99.890625, + "width": 59, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 111.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 113.484375, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 154.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 167.984375, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 154.390625, + "width": 35, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 166.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 167.984375, + "width": 35, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 208.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 222.484375, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 208.890625, + "width": 54, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 220.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 222.484375, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-arm64/dark-list-single-filled.png", + "sha256": "c5474b4425664a2003081025223c75d41d801409d70d272decd0018774782481" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "dark", + "name": "list-single-hover", + "configuration": { + "name": "list-single-hover", + "mode": "list", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "hover" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 268.890625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 236.890625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 45.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 58.984375, + "width": 81, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 45.390625, + "width": 81, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 57.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(0, 46, 62)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 32.400001525878906, + "y": 61.790626525878906, + "width": 11.199996948242188, + "height": 11.199996948242188 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 154, 199)" + } + }, + "labelGlyph": { + "x": 56, + "y": 58.984375, + "width": 81, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 99.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 113.484375, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 99.890625, + "width": 59, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 111.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgb(32, 32, 32)", + "border": "2px solid rgb(177, 177, 177)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 113.484375, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 154.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 167.984375, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 154.390625, + "width": 35, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 166.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 167.984375, + "width": 35, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 208.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 222.484375, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 208.890625, + "width": 54, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 220.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 222.484375, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-arm64/dark-list-single-hover.png", + "sha256": "9ef70823f9c4f4ea2fd5c26157ff13e90c5d3eee0b175f598fee3f165de945a9" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "dark", + "name": "list-single-focus", + "configuration": { + "name": "list-single-focus", + "mode": "list", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "focus" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 268.890625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 236.890625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 45.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 58.984375, + "width": 81, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 45.390625, + "width": 81, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 57.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(0, 46, 62)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "2px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 32.400001525878906, + "y": 61.790626525878906, + "width": 11.199996948242188, + "height": 11.199996948242188 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 154, 199)" + } + }, + "labelGlyph": { + "x": 56, + "y": 58.984375, + "width": 81, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 99.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 113.484375, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 99.890625, + "width": 59, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 111.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 113.484375, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 154.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 167.984375, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 154.390625, + "width": 35, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 166.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 167.984375, + "width": 35, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 208.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 222.484375, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 208.890625, + "width": 54, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 220.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 222.484375, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-arm64/dark-list-single-focus.png", + "sha256": "5c9370fb5c7ae2d383e5d627971ef0eec5ef2cadf8c8a30cd9ba246a6f035045" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "dark", + "name": "list-single-disabled", + "configuration": { + "name": "list-single-disabled", + "mode": "list", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": true, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 268.890625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 236.890625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 45.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 58.984375, + "width": 81, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 45.390625, + "width": 81, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 57.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(0, 46, 62)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 32.400001525878906, + "y": 61.790626525878906, + "width": 11.199996948242188, + "height": 11.199996948242188 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 154, 199)" + } + }, + "labelGlyph": { + "x": 56, + "y": 58.984375, + "width": 81, + "height": 16 + }, + "checked": true, + "disabled": true, + "paintOpacity": "0.5" + }, + { + "row": { + "box": { + "x": 16, + "y": 99.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 113.484375, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 99.890625, + "width": 59, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 111.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 113.484375, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + }, + { + "row": { + "box": { + "x": 16, + "y": 154.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 167.984375, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 154.390625, + "width": 35, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 166.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 167.984375, + "width": 35, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + }, + { + "row": { + "box": { + "x": 16, + "y": 208.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 222.484375, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 208.890625, + "width": 54, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 220.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 222.484375, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-arm64/dark-list-single-disabled.png", + "sha256": "a02e9cc365b939e2e8a7e4264f410bd7c2209009d39493a05523c5521aafbcc1" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "dark", + "name": "list-single-required", + "configuration": { + "name": "list-single-required", + "mode": "list", + "multiple": false, + "label": "Category", + "value": null, + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": true, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 268.890625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 236.890625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 45.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 58.984375, + "width": 81, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 45.390625, + "width": 81, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 57.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 58.984375, + "width": 81, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 99.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 113.484375, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 99.890625, + "width": 59, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 111.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 113.484375, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 154.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 167.984375, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 154.390625, + "width": 35, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 166.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 167.984375, + "width": 35, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 208.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 222.484375, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 208.890625, + "width": 54, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 220.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 222.484375, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-arm64/dark-list-single-required.png", + "sha256": "aaf92f7356c061a2965ee07f7ac84132fcd5bc1a589ff10ab2b7710687de3099" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "dark", + "name": "list-single-helper", + "configuration": { + "name": "list-single-helper", + "mode": "list", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "Choose categories.", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 282.890625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 250.890625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 45.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 58.984375, + "width": 81, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 45.390625, + "width": 81, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 57.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(0, 46, 62)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 32.400001525878906, + "y": 61.790626525878906, + "width": 11.199996948242188, + "height": 11.199996948242188 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 154, 199)" + } + }, + "labelGlyph": { + "x": 56, + "y": 58.984375, + "width": 81, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 99.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 113.484375, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 99.890625, + "width": 59, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 111.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 113.484375, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 154.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 167.984375, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 154.390625, + "width": 35, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 166.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 167.984375, + "width": 35, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 208.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 222.484375, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 208.890625, + "width": 54, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 220.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 222.484375, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": { + "box": { + "x": 16, + "y": 252.890625, + "width": 320, + "height": 14 + }, + "glyph": { + "x": 32, + "y": 252.890625, + "width": 110.203125, + "height": 14 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "0.4px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-arm64/dark-list-single-helper.png", + "sha256": "6a80a967731a1a1cfad6795e09db78d45f862e0dc279b74542a2a64d8988c9af" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "dark", + "name": "list-single-narrow", + "configuration": { + "name": "list-single-narrow", + "mode": "list", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance and shared household repairs" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 180, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 212, + "height": 275.28125 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 243.28125 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 22.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 45.390625, + "width": 180, + "height": 50.390625 + }, + "glyph": { + "x": 56, + "y": 45.390625, + "width": 111, + "height": 49.59375 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 45.390625, + "width": 140, + "height": 50.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 57.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(0, 46, 62)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 32.400001525878906, + "y": 61.790626525878906, + "width": 11.199996948242188, + "height": 11.199996948242188 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 154, 199)" + } + }, + "labelGlyph": { + "x": 56, + "y": 45.390625, + "width": 111, + "height": 49.59375 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 106.28125, + "width": 180, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 119.875, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 106.28125, + "width": 59, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 118.28125, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 119.875, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 160.78125, + "width": 180, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 174.375, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 160.78125, + "width": 35, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 172.78125, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 174.375, + "width": 35, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 215.28125, + "width": 180, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 228.875, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 215.28125, + "width": 54, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 227.28125, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 228.875, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-arm64/dark-list-single-narrow.png", + "sha256": "564cdcac3c6f90f07468b27da288cdb71c62036350d38dec8cc35adceace0489" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "dark", + "name": "list-single-rtl", + "configuration": { + "name": "list-single-rtl", + "mode": "list", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "rtl", + "disabled": false, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 268.890625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 236.890625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 45.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 215, + "y": 58.984375, + "width": 81, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 215, + "y": 45.390625, + "width": 81, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 308, + "y": 57.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(0, 46, 62)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 312.3999938964844, + "y": 61.790626525878906, + "width": 11.20001220703125, + "height": 11.199996948242188 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 154, 199)" + } + }, + "labelGlyph": { + "x": 215, + "y": 58.984375, + "width": 81, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 99.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 237, + "y": 113.484375, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 237, + "y": 99.890625, + "width": 59, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 308, + "y": 111.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 237, + "y": 113.484375, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 154.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 261, + "y": 167.984375, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 261, + "y": 154.390625, + "width": 35, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 308, + "y": 166.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 261, + "y": 167.984375, + "width": 35, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 208.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 242, + "y": 222.484375, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 242, + "y": 208.890625, + "width": 54, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 308, + "y": 220.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 242, + "y": 222.484375, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-arm64/dark-list-single-rtl.png", + "sha256": "eee3873177e864ec9d4f446784b2336034ca36fe07d000adf0b82f4ee4f96bef" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "dark", + "name": "list-single-no-options", + "configuration": { + "name": "list-single-no-options", + "mode": "list", + "multiple": false, + "label": "Category", + "value": null, + "options": [], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 61.390625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 29.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-arm64/dark-list-single-no-options.png", + "sha256": "244904da3ac5fca9573873176dc8b68bf2f4c48a885667ec23dfb80730a28312" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "dark", + "name": "list-multiple-empty", + "configuration": { + "name": "list-multiple-empty", + "mode": "list", + "multiple": true, + "label": "Category", + "value": [], + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 214.390625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": { + "x": 16, + "y": 19, + "width": 57, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 38.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 50.390625, + "width": 81, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 51.390625, + "width": 81, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 48.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 50.390625, + "width": 81, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 78.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 90.390625, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 91.390625, + "width": 59, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 88.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 90.390625, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 118.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 130.390625, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 131.390625, + "width": 35, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 128.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 130.390625, + "width": 35, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 158.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 170.390625, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 171.390625, + "width": 54, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 168.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 170.390625, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-arm64/dark-list-multiple-empty.png", + "sha256": "f738f7d02e30b40c8abea11fc834889b26a7e100069fd2c120d01420eb9d4a86" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "dark", + "name": "list-multiple-filled", + "configuration": { + "name": "list-multiple-filled", + "mode": "list", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 214.390625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": { + "x": 16, + "y": 19, + "width": 57, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 38.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 50.390625, + "width": 81, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 51.390625, + "width": 81, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 48.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 53.66285705566406, + "width": 11.024688720703125, + "height": 10.240577697753906 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 50.390625, + "width": 81, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 78.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 90.390625, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 91.390625, + "width": 59, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 88.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 90.390625, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 118.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 130.390625, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 131.390625, + "width": 35, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 128.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 133.66285705566406, + "width": 11.024688720703125, + "height": 10.240585327148438 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 130.390625, + "width": 35, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 158.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 170.390625, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 171.390625, + "width": 54, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 168.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 170.390625, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-arm64/dark-list-multiple-filled.png", + "sha256": "dc0f77c66971bad4c952f2fd113265774ad41c489068dc54edf3e50cc5be1bae" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "dark", + "name": "list-multiple-hover", + "configuration": { + "name": "list-multiple-hover", + "mode": "list", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "hover" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 214.390625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": { + "x": 16, + "y": 19, + "width": 57, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 38.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 50.390625, + "width": 81, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 51.390625, + "width": 81, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 48.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 53.66285705566406, + "width": 11.024688720703125, + "height": 10.240577697753906 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 50.390625, + "width": 81, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 78.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 90.390625, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 91.390625, + "width": 59, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 88.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(74, 74, 74)", + "border": "2px solid rgb(177, 177, 177)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 90.390625, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 118.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 130.390625, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 131.390625, + "width": 35, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 128.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 133.66285705566406, + "width": 11.024688720703125, + "height": 10.240585327148438 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 130.390625, + "width": 35, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 158.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 170.390625, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 171.390625, + "width": 54, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 168.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 170.390625, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-arm64/dark-list-multiple-hover.png", + "sha256": "a135ba08e87bd1f801b579d4eaee8e6b333e52f43a41fc0a29b1d4111775dd14" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "dark", + "name": "list-multiple-focus", + "configuration": { + "name": "list-multiple-focus", + "mode": "list", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "focus" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 214.390625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": { + "x": 16, + "y": 19, + "width": 57, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 38.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 50.390625, + "width": 81, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 51.390625, + "width": 81, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 48.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "2px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 53.66285705566406, + "width": 11.024688720703125, + "height": 10.240577697753906 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 50.390625, + "width": 81, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 78.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 90.390625, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 91.390625, + "width": 59, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 88.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 90.390625, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 118.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 130.390625, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 131.390625, + "width": 35, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 128.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 133.66285705566406, + "width": 11.024688720703125, + "height": 10.240585327148438 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 130.390625, + "width": 35, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 158.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 170.390625, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 171.390625, + "width": 54, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 168.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 170.390625, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-arm64/dark-list-multiple-focus.png", + "sha256": "aa8ae46c4272aa1a6501d0181a3968e8ab35b41dc8110dc469cebdb38a94d8a0" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "dark", + "name": "list-multiple-disabled", + "configuration": { + "name": "list-multiple-disabled", + "mode": "list", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": true, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 214.390625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": { + "x": 16, + "y": 19, + "width": 57, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 38.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 50.390625, + "width": 81, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 51.390625, + "width": 81, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 48.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 53.66285705566406, + "width": 11.024688720703125, + "height": 10.240577697753906 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 50.390625, + "width": 81, + "height": 16 + }, + "checked": true, + "disabled": true, + "paintOpacity": "0.5" + }, + { + "row": { + "box": { + "x": 16, + "y": 78.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 90.390625, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 91.390625, + "width": 59, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 88.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 90.390625, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + }, + { + "row": { + "box": { + "x": 16, + "y": 118.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 130.390625, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 131.390625, + "width": 35, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 128.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 133.66285705566406, + "width": 11.024688720703125, + "height": 10.240585327148438 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 130.390625, + "width": 35, + "height": 16 + }, + "checked": true, + "disabled": true, + "paintOpacity": "0.5" + }, + { + "row": { + "box": { + "x": 16, + "y": 158.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 170.390625, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 171.390625, + "width": 54, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 168.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 170.390625, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-arm64/dark-list-multiple-disabled.png", + "sha256": "53256b28d7155e8da2001e8e039290b3c0442a2d9dc2b011a9ea81d95c2b389f" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "dark", + "name": "list-multiple-required", + "configuration": { + "name": "list-multiple-required", + "mode": "list", + "multiple": true, + "label": "Category", + "value": [], + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": true, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 214.390625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": { + "x": 16, + "y": 19, + "width": 57, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 38.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 50.390625, + "width": 81, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 51.390625, + "width": 81, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 48.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 50.390625, + "width": 81, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 78.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 90.390625, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 91.390625, + "width": 59, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 88.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 90.390625, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 118.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 130.390625, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 131.390625, + "width": 35, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 128.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 130.390625, + "width": 35, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 158.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 170.390625, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 171.390625, + "width": 54, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 168.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 170.390625, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-arm64/dark-list-multiple-required.png", + "sha256": "f738f7d02e30b40c8abea11fc834889b26a7e100069fd2c120d01420eb9d4a86" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "dark", + "name": "list-multiple-helper", + "configuration": { + "name": "list-multiple-helper", + "mode": "list", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "Choose categories.", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 228.390625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 196.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": { + "x": 16, + "y": 19, + "width": 57, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 38.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 50.390625, + "width": 81, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 51.390625, + "width": 81, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 48.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 53.66285705566406, + "width": 11.024688720703125, + "height": 10.240577697753906 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 50.390625, + "width": 81, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 78.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 90.390625, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 91.390625, + "width": 59, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 88.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 90.390625, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 118.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 130.390625, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 131.390625, + "width": 35, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 128.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 133.66285705566406, + "width": 11.024688720703125, + "height": 10.240585327148438 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 130.390625, + "width": 35, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 158.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 170.390625, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 171.390625, + "width": 54, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 168.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 170.390625, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": { + "box": { + "x": 16, + "y": 198.390625, + "width": 320, + "height": 14 + }, + "glyph": { + "x": 32, + "y": 198.390625, + "width": 110.203125, + "height": 14 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "0.4px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-arm64/dark-list-multiple-helper.png", + "sha256": "7d4667430537909f1a41f03dddfa2c0e1b06aa9b62ebc645cfb937b3eab95669" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "dark", + "name": "list-multiple-narrow", + "configuration": { + "name": "list-multiple-narrow", + "mode": "list", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance and shared household repairs" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 180, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 212, + "height": 216.390625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 184.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 22.390625 + }, + "glyph": { + "x": 16, + "y": 19, + "width": 57, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 38.390625, + "width": 180, + "height": 42 + }, + "glyph": { + "x": 44, + "y": 37.390625, + "width": 111, + "height": 44 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 38.390625, + "width": 152, + "height": 42 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 49.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 54.66285705566406, + "width": 11.024688720703125, + "height": 10.240577697753906 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 37.390625, + "width": 111, + "height": 44 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 80.390625, + "width": 180, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 92.390625, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 93.390625, + "width": 59, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 90.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 92.390625, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 120.390625, + "width": 180, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 132.390625, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 133.390625, + "width": 35, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 130.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 135.66285705566406, + "width": 11.024688720703125, + "height": 10.240585327148438 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 132.390625, + "width": 35, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 160.390625, + "width": 180, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 172.390625, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 173.390625, + "width": 54, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 170.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 172.390625, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-arm64/dark-list-multiple-narrow.png", + "sha256": "5fe2d95571c3b647bb3067a23de4d3397b70aa63f19d6aa19da2838a22645289" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "dark", + "name": "list-multiple-rtl", + "configuration": { + "name": "list-multiple-rtl", + "mode": "list", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "rtl", + "disabled": false, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 214.390625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": { + "x": 279, + "y": 19, + "width": 57, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 38.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 227, + "y": 50.390625, + "width": 81, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 227, + "y": 51.390625, + "width": 81, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 316, + "y": 48.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 320.50042724609375, + "y": 53.66285705566406, + "width": 11.024688720703125, + "height": 10.240577697753906 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 227, + "y": 50.390625, + "width": 81, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 78.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 249, + "y": 90.390625, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 249, + "y": 91.390625, + "width": 59, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 316, + "y": 88.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 249, + "y": 90.390625, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 118.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 273, + "y": 130.390625, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 273, + "y": 131.390625, + "width": 35, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 316, + "y": 128.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 320.50042724609375, + "y": 133.66285705566406, + "width": 11.024688720703125, + "height": 10.240585327148438 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 273, + "y": 130.390625, + "width": 35, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 158.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 254, + "y": 170.390625, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 254, + "y": 171.390625, + "width": 54, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 316, + "y": 168.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 254, + "y": 170.390625, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-arm64/dark-list-multiple-rtl.png", + "sha256": "1af8aafedec93b2ea1d17dd0153adbd9ed38e603934d87724e2696d6ac3b9b66" + } + }, + { + "platform": "linux", + "architecture": "arm64", + "theme": "dark", + "name": "list-multiple-no-options", + "configuration": { + "name": "list-multiple-no-options", + "mode": "list", + "multiple": true, + "label": "Category", + "value": [], + "options": [], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 54.390625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": { + "x": 16, + "y": 19, + "width": 57, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-arm64/dark-list-multiple-no-options.png", + "sha256": "ca4443dfdadab7cc54576e805ad9ff5002d73a736a9650d65aa79a443b77231f" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "name": "list-single-empty", + "configuration": { + "name": "list-single-empty", + "mode": "list", + "multiple": false, + "label": "Category", + "value": null, + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 268.890625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 236.890625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 45.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 58.984375, + "width": 81, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 45.390625, + "width": 81, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 57.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 58.984375, + "width": 81, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 99.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 113.484375, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 99.890625, + "width": 59, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 111.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 113.484375, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 154.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 167.984375, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 154.390625, + "width": 35, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 166.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 167.984375, + "width": 35, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 208.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 222.484375, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 208.890625, + "width": 54, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 220.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 222.484375, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-x64/light-list-single-empty.png", + "sha256": "ff9df1d6c22f3bf08b7d14f685d10369551b27264aaa80361305f66aa7370f82" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "name": "list-single-filled", + "configuration": { + "name": "list-single-filled", + "mode": "list", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 268.890625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 236.890625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 45.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 58.984375, + "width": 81, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 45.390625, + "width": 81, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 57.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(223, 243, 252)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 32.400001525878906, + "y": 61.790626525878906, + "width": 11.199996948242188, + "height": 11.199996948242188 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 154, 199)" + } + }, + "labelGlyph": { + "x": 56, + "y": 58.984375, + "width": 81, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 99.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 113.484375, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 99.890625, + "width": 59, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 111.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 113.484375, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 154.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 167.984375, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 154.390625, + "width": 35, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 166.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 167.984375, + "width": 35, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 208.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 222.484375, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 208.890625, + "width": 54, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 220.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 222.484375, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-x64/light-list-single-filled.png", + "sha256": "908a914bf5e9de7777c9cc3c2819463107d086046ce8b4de3d4ea40291667f87" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "name": "list-single-hover", + "configuration": { + "name": "list-single-hover", + "mode": "list", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "hover" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 268.890625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 236.890625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 45.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 58.984375, + "width": 81, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 45.390625, + "width": 81, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 57.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(223, 243, 252)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 32.400001525878906, + "y": 61.790626525878906, + "width": 11.199996948242188, + "height": 11.199996948242188 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 154, 199)" + } + }, + "labelGlyph": { + "x": 56, + "y": 58.984375, + "width": 81, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 99.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 113.484375, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 99.890625, + "width": 59, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 111.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgb(230, 230, 230)", + "border": "2px solid rgb(94, 94, 94)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 113.484375, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 154.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 167.984375, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 154.390625, + "width": 35, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 166.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 167.984375, + "width": 35, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 208.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 222.484375, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 208.890625, + "width": 54, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 220.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 222.484375, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-x64/light-list-single-hover.png", + "sha256": "9d1d0865b6d3fb6d290114ff68653ed77265f8366f16623403093b6a85c5c423" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "name": "list-single-focus", + "configuration": { + "name": "list-single-focus", + "mode": "list", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "focus" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 268.890625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 236.890625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 45.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 58.984375, + "width": 81, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 45.390625, + "width": 81, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 57.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(223, 243, 252)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "2px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 32.400001525878906, + "y": 61.790626525878906, + "width": 11.199996948242188, + "height": 11.199996948242188 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 154, 199)" + } + }, + "labelGlyph": { + "x": 56, + "y": 58.984375, + "width": 81, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 99.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 113.484375, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 99.890625, + "width": 59, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 111.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 113.484375, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 154.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 167.984375, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 154.390625, + "width": 35, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 166.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 167.984375, + "width": 35, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 208.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 222.484375, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 208.890625, + "width": 54, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 220.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 222.484375, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-x64/light-list-single-focus.png", + "sha256": "b44dfa7a38bb7adda302da2cbf6f008e0a3926c48d58e8feb29889182311c734" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "name": "list-single-disabled", + "configuration": { + "name": "list-single-disabled", + "mode": "list", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": true, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 268.890625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 236.890625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 45.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 58.984375, + "width": 81, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 45.390625, + "width": 81, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 57.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(223, 243, 252)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 32.400001525878906, + "y": 61.790626525878906, + "width": 11.199996948242188, + "height": 11.199996948242188 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 154, 199)" + } + }, + "labelGlyph": { + "x": 56, + "y": 58.984375, + "width": 81, + "height": 16 + }, + "checked": true, + "disabled": true, + "paintOpacity": "0.5" + }, + { + "row": { + "box": { + "x": 16, + "y": 99.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 113.484375, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 99.890625, + "width": 59, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 111.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 113.484375, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + }, + { + "row": { + "box": { + "x": 16, + "y": 154.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 167.984375, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 154.390625, + "width": 35, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 166.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 167.984375, + "width": 35, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + }, + { + "row": { + "box": { + "x": 16, + "y": 208.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 222.484375, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 208.890625, + "width": 54, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 220.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 222.484375, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-x64/light-list-single-disabled.png", + "sha256": "b1fb60ac6adfd0d402db8a171a1b8ab075edc0170a6c87632313ea8af0ae5fda" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "name": "list-single-required", + "configuration": { + "name": "list-single-required", + "mode": "list", + "multiple": false, + "label": "Category", + "value": null, + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": true, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 268.890625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 236.890625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 45.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 58.984375, + "width": 81, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 45.390625, + "width": 81, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 57.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 58.984375, + "width": 81, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 99.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 113.484375, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 99.890625, + "width": 59, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 111.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 113.484375, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 154.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 167.984375, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 154.390625, + "width": 35, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 166.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 167.984375, + "width": 35, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 208.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 222.484375, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 208.890625, + "width": 54, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 220.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 222.484375, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-x64/light-list-single-required.png", + "sha256": "ff9df1d6c22f3bf08b7d14f685d10369551b27264aaa80361305f66aa7370f82" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "name": "list-single-helper", + "configuration": { + "name": "list-single-helper", + "mode": "list", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "Choose categories.", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 282.890625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 250.890625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 45.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 58.984375, + "width": 81, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 45.390625, + "width": 81, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 57.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(223, 243, 252)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 32.400001525878906, + "y": 61.790626525878906, + "width": 11.199996948242188, + "height": 11.199996948242188 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 154, 199)" + } + }, + "labelGlyph": { + "x": 56, + "y": 58.984375, + "width": 81, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 99.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 113.484375, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 99.890625, + "width": 59, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 111.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 113.484375, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 154.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 167.984375, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 154.390625, + "width": 35, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 166.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 167.984375, + "width": 35, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 208.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 222.484375, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 208.890625, + "width": 54, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 220.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 222.484375, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": { + "box": { + "x": 16, + "y": 252.890625, + "width": 320, + "height": 14 + }, + "glyph": { + "x": 32, + "y": 252.890625, + "width": 110.203125, + "height": 14 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "0.4px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-x64/light-list-single-helper.png", + "sha256": "437b571cda9a66ae191a4e715ee54d6310ce60ec5e1d7130953c4852c8a0f4ff" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "name": "list-single-narrow", + "configuration": { + "name": "list-single-narrow", + "mode": "list", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance and shared household repairs" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 180, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 212, + "height": 275.28125 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 243.28125 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 22.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 45.390625, + "width": 180, + "height": 50.390625 + }, + "glyph": { + "x": 56, + "y": 45.390625, + "width": 111, + "height": 49.59375 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 45.390625, + "width": 140, + "height": 50.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 57.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(223, 243, 252)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 32.400001525878906, + "y": 61.790626525878906, + "width": 11.199996948242188, + "height": 11.199996948242188 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 154, 199)" + } + }, + "labelGlyph": { + "x": 56, + "y": 45.390625, + "width": 111, + "height": 49.59375 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 106.28125, + "width": 180, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 119.875, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 106.28125, + "width": 59, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 118.28125, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 119.875, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 160.78125, + "width": 180, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 174.375, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 160.78125, + "width": 35, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 172.78125, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 174.375, + "width": 35, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 215.28125, + "width": 180, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 228.875, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 215.28125, + "width": 54, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 227.28125, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 228.875, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-x64/light-list-single-narrow.png", + "sha256": "f0c0cbe768a5877b39a6f8b6971f0e77031c8bc959852605c92fb99516c36610" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "name": "list-single-rtl", + "configuration": { + "name": "list-single-rtl", + "mode": "list", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "rtl", + "disabled": false, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 268.890625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 236.890625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 45.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 215, + "y": 58.984375, + "width": 81, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 215, + "y": 45.390625, + "width": 81, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 308, + "y": 57.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(223, 243, 252)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 312.3999938964844, + "y": 61.790626525878906, + "width": 11.20001220703125, + "height": 11.199996948242188 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 154, 199)" + } + }, + "labelGlyph": { + "x": 215, + "y": 58.984375, + "width": 81, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 99.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 237, + "y": 113.484375, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 237, + "y": 99.890625, + "width": 59, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 308, + "y": 111.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 237, + "y": 113.484375, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 154.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 261, + "y": 167.984375, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 261, + "y": 154.390625, + "width": 35, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 308, + "y": 166.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 261, + "y": 167.984375, + "width": 35, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 208.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 242, + "y": 222.484375, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 242, + "y": 208.890625, + "width": 54, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 308, + "y": 220.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 242, + "y": 222.484375, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-x64/light-list-single-rtl.png", + "sha256": "4c1025d51c946702344c15694a10b1f2e06480d4e66d0f4f58bc0e11c239d631" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "name": "list-single-no-options", + "configuration": { + "name": "list-single-no-options", + "mode": "list", + "multiple": false, + "label": "Category", + "value": null, + "options": [], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 61.390625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 29.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-x64/light-list-single-no-options.png", + "sha256": "aaf371530cd3cc2a72514caf0f13514c924c1609f83411f759c786905fae4aa0" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "name": "list-multiple-empty", + "configuration": { + "name": "list-multiple-empty", + "mode": "list", + "multiple": true, + "label": "Category", + "value": [], + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 214.390625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": { + "x": 16, + "y": 19, + "width": 57, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 38.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 50.390625, + "width": 81, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 51.390625, + "width": 81, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 48.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 50.390625, + "width": 81, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 78.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 90.390625, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 91.390625, + "width": 59, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 88.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 90.390625, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 118.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 130.390625, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 131.390625, + "width": 35, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 128.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 130.390625, + "width": 35, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 158.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 170.390625, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 171.390625, + "width": 54, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 168.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 170.390625, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-x64/light-list-multiple-empty.png", + "sha256": "545912e4df8dbe0a59a4f0cfd615384eca9513b6141ce605d0e6f8c80458e1ec" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "name": "list-multiple-filled", + "configuration": { + "name": "list-multiple-filled", + "mode": "list", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 214.390625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": { + "x": 16, + "y": 19, + "width": 57, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 38.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 50.390625, + "width": 81, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 51.390625, + "width": 81, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 48.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 53.66285705566406, + "width": 11.024688720703125, + "height": 10.240577697753906 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 50.390625, + "width": 81, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 78.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 90.390625, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 91.390625, + "width": 59, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 88.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 90.390625, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 118.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 130.390625, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 131.390625, + "width": 35, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 128.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 133.66285705566406, + "width": 11.024688720703125, + "height": 10.240585327148438 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 130.390625, + "width": 35, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 158.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 170.390625, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 171.390625, + "width": 54, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 168.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 170.390625, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-x64/light-list-multiple-filled.png", + "sha256": "6dfb38553af9b60bd625f21dddd9e09a14d6ca29b888cba5c4615617d9ab878a" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "name": "list-multiple-hover", + "configuration": { + "name": "list-multiple-hover", + "mode": "list", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "hover" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 214.390625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": { + "x": 16, + "y": 19, + "width": 57, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 38.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 50.390625, + "width": 81, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 51.390625, + "width": 81, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 48.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 53.66285705566406, + "width": 11.024688720703125, + "height": 10.240577697753906 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 50.390625, + "width": 81, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 78.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 90.390625, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 91.390625, + "width": 59, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 88.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(230, 230, 230)", + "border": "2px solid rgb(94, 94, 94)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 90.390625, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 118.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 130.390625, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 131.390625, + "width": 35, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 128.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 133.66285705566406, + "width": 11.024688720703125, + "height": 10.240585327148438 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 130.390625, + "width": 35, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 158.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 170.390625, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 171.390625, + "width": 54, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 168.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 170.390625, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-x64/light-list-multiple-hover.png", + "sha256": "5dfcc88275d7cb456456b71494c7b9abeea496d60e20758386609f980be281bc" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "name": "list-multiple-focus", + "configuration": { + "name": "list-multiple-focus", + "mode": "list", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "focus" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 214.390625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": { + "x": 16, + "y": 19, + "width": 57, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 38.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 50.390625, + "width": 81, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 51.390625, + "width": 81, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 48.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "2px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 53.66285705566406, + "width": 11.024688720703125, + "height": 10.240577697753906 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 50.390625, + "width": 81, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 78.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 90.390625, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 91.390625, + "width": 59, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 88.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 90.390625, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 118.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 130.390625, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 131.390625, + "width": 35, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 128.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 133.66285705566406, + "width": 11.024688720703125, + "height": 10.240585327148438 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 130.390625, + "width": 35, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 158.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 170.390625, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 171.390625, + "width": 54, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 168.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 170.390625, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-x64/light-list-multiple-focus.png", + "sha256": "e5c50cf56c9cc2c6fdc4cf2749896bb9c887809233403df040f294c949156c06" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "name": "list-multiple-disabled", + "configuration": { + "name": "list-multiple-disabled", + "mode": "list", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": true, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 214.390625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": { + "x": 16, + "y": 19, + "width": 57, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 38.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 50.390625, + "width": 81, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 51.390625, + "width": 81, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 48.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 53.66285705566406, + "width": 11.024688720703125, + "height": 10.240577697753906 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 50.390625, + "width": 81, + "height": 16 + }, + "checked": true, + "disabled": true, + "paintOpacity": "0.5" + }, + { + "row": { + "box": { + "x": 16, + "y": 78.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 90.390625, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 91.390625, + "width": 59, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 88.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 90.390625, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + }, + { + "row": { + "box": { + "x": 16, + "y": 118.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 130.390625, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 131.390625, + "width": 35, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 128.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 133.66285705566406, + "width": 11.024688720703125, + "height": 10.240585327148438 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 130.390625, + "width": 35, + "height": 16 + }, + "checked": true, + "disabled": true, + "paintOpacity": "0.5" + }, + { + "row": { + "box": { + "x": 16, + "y": 158.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 170.390625, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 171.390625, + "width": 54, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 168.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 170.390625, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-x64/light-list-multiple-disabled.png", + "sha256": "175abc9605625b37dd278192c3e72b732d373dabf2419d47ecd0e43da56fa514" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "name": "list-multiple-required", + "configuration": { + "name": "list-multiple-required", + "mode": "list", + "multiple": true, + "label": "Category", + "value": [], + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": true, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 214.390625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": { + "x": 16, + "y": 19, + "width": 57, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 38.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 50.390625, + "width": 81, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 51.390625, + "width": 81, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 48.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 50.390625, + "width": 81, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 78.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 90.390625, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 91.390625, + "width": 59, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 88.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 90.390625, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 118.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 130.390625, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 131.390625, + "width": 35, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 128.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 130.390625, + "width": 35, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 158.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 170.390625, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 171.390625, + "width": 54, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 168.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 170.390625, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-x64/light-list-multiple-required.png", + "sha256": "545912e4df8dbe0a59a4f0cfd615384eca9513b6141ce605d0e6f8c80458e1ec" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "name": "list-multiple-helper", + "configuration": { + "name": "list-multiple-helper", + "mode": "list", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "Choose categories.", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 228.390625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 196.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": { + "x": 16, + "y": 19, + "width": 57, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 38.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 50.390625, + "width": 81, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 51.390625, + "width": 81, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 48.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 53.66285705566406, + "width": 11.024688720703125, + "height": 10.240577697753906 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 50.390625, + "width": 81, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 78.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 90.390625, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 91.390625, + "width": 59, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 88.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 90.390625, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 118.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 130.390625, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 131.390625, + "width": 35, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 128.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 133.66285705566406, + "width": 11.024688720703125, + "height": 10.240585327148438 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 130.390625, + "width": 35, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 158.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 170.390625, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 171.390625, + "width": 54, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 168.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 170.390625, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": { + "box": { + "x": 16, + "y": 198.390625, + "width": 320, + "height": 14 + }, + "glyph": { + "x": 32, + "y": 198.390625, + "width": 110.203125, + "height": 14 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "0.4px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-x64/light-list-multiple-helper.png", + "sha256": "2004e8f9e6fdc6c4ef7af0d27da615ea77fb4dbe21d279bc18781aef3d17329e" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "name": "list-multiple-narrow", + "configuration": { + "name": "list-multiple-narrow", + "mode": "list", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance and shared household repairs" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 180, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 212, + "height": 216.390625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 184.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 22.390625 + }, + "glyph": { + "x": 16, + "y": 19, + "width": 57, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 38.390625, + "width": 180, + "height": 42 + }, + "glyph": { + "x": 44, + "y": 37.390625, + "width": 111, + "height": 44 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 38.390625, + "width": 152, + "height": 42 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 49.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 54.66285705566406, + "width": 11.024688720703125, + "height": 10.240577697753906 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 37.390625, + "width": 111, + "height": 44 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 80.390625, + "width": 180, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 92.390625, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 93.390625, + "width": 59, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 90.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 92.390625, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 120.390625, + "width": 180, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 132.390625, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 133.390625, + "width": 35, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 130.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 135.66285705566406, + "width": 11.024688720703125, + "height": 10.240585327148438 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 132.390625, + "width": 35, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 160.390625, + "width": 180, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 172.390625, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 173.390625, + "width": 54, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 170.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 172.390625, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-x64/light-list-multiple-narrow.png", + "sha256": "a014e147b8072a10e995f069810dbab45845efc26d3a1040525754162664fe90" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "name": "list-multiple-rtl", + "configuration": { + "name": "list-multiple-rtl", + "mode": "list", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "rtl", + "disabled": false, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 214.390625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": { + "x": 279, + "y": 19, + "width": 57, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 38.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 227, + "y": 50.390625, + "width": 81, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 227, + "y": 51.390625, + "width": 81, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 316, + "y": 48.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 320.50042724609375, + "y": 53.66285705566406, + "width": 11.024688720703125, + "height": 10.240577697753906 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 227, + "y": 50.390625, + "width": 81, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 78.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 249, + "y": 90.390625, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 249, + "y": 91.390625, + "width": 59, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 316, + "y": 88.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 249, + "y": 90.390625, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 118.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 273, + "y": 130.390625, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 273, + "y": 131.390625, + "width": 35, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 316, + "y": 128.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 320.50042724609375, + "y": 133.66285705566406, + "width": 11.024688720703125, + "height": 10.240585327148438 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 273, + "y": 130.390625, + "width": 35, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 158.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 254, + "y": 170.390625, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 254, + "y": 171.390625, + "width": 54, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 316, + "y": 168.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(152, 152, 152)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 254, + "y": 170.390625, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-x64/light-list-multiple-rtl.png", + "sha256": "b33e49f02ae6008cc7e9b121163ee4e60bb835a507f762c387bf652c96f70f14" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "name": "list-multiple-no-options", + "configuration": { + "name": "list-multiple-no-options", + "mode": "list", + "multiple": true, + "label": "Category", + "value": [], + "options": [], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 54.390625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": { + "x": 16, + "y": 19, + "width": 57, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-x64/light-list-multiple-no-options.png", + "sha256": "3a1b4162da5344ce3c66bf54308a5f48a293abf208f33300521bec937e6532c7" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "name": "list-single-empty", + "configuration": { + "name": "list-single-empty", + "mode": "list", + "multiple": false, + "label": "Category", + "value": null, + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 268.890625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 236.890625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 45.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 58.984375, + "width": 81, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 45.390625, + "width": 81, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 57.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 58.984375, + "width": 81, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 99.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 113.484375, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 99.890625, + "width": 59, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 111.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 113.484375, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 154.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 167.984375, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 154.390625, + "width": 35, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 166.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 167.984375, + "width": 35, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 208.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 222.484375, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 208.890625, + "width": 54, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 220.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 222.484375, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-x64/dark-list-single-empty.png", + "sha256": "aaf92f7356c061a2965ee07f7ac84132fcd5bc1a589ff10ab2b7710687de3099" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "name": "list-single-filled", + "configuration": { + "name": "list-single-filled", + "mode": "list", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 268.890625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 236.890625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 45.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 58.984375, + "width": 81, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 45.390625, + "width": 81, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 57.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(0, 46, 62)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 32.400001525878906, + "y": 61.790626525878906, + "width": 11.199996948242188, + "height": 11.199996948242188 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 154, 199)" + } + }, + "labelGlyph": { + "x": 56, + "y": 58.984375, + "width": 81, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 99.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 113.484375, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 99.890625, + "width": 59, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 111.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 113.484375, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 154.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 167.984375, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 154.390625, + "width": 35, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 166.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 167.984375, + "width": 35, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 208.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 222.484375, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 208.890625, + "width": 54, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 220.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 222.484375, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-x64/dark-list-single-filled.png", + "sha256": "c5474b4425664a2003081025223c75d41d801409d70d272decd0018774782481" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "name": "list-single-hover", + "configuration": { + "name": "list-single-hover", + "mode": "list", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "hover" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 268.890625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 236.890625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 45.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 58.984375, + "width": 81, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 45.390625, + "width": 81, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 57.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(0, 46, 62)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 32.400001525878906, + "y": 61.790626525878906, + "width": 11.199996948242188, + "height": 11.199996948242188 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 154, 199)" + } + }, + "labelGlyph": { + "x": 56, + "y": 58.984375, + "width": 81, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 99.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 113.484375, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 99.890625, + "width": 59, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 111.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgb(32, 32, 32)", + "border": "2px solid rgb(177, 177, 177)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 113.484375, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 154.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 167.984375, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 154.390625, + "width": 35, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 166.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 167.984375, + "width": 35, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 208.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 222.484375, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 208.890625, + "width": 54, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 220.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 222.484375, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-x64/dark-list-single-hover.png", + "sha256": "9ef70823f9c4f4ea2fd5c26157ff13e90c5d3eee0b175f598fee3f165de945a9" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "name": "list-single-focus", + "configuration": { + "name": "list-single-focus", + "mode": "list", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "focus" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 268.890625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 236.890625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 45.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 58.984375, + "width": 81, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 45.390625, + "width": 81, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 57.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(0, 46, 62)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "2px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 32.400001525878906, + "y": 61.790626525878906, + "width": 11.199996948242188, + "height": 11.199996948242188 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 154, 199)" + } + }, + "labelGlyph": { + "x": 56, + "y": 58.984375, + "width": 81, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 99.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 113.484375, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 99.890625, + "width": 59, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 111.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 113.484375, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 154.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 167.984375, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 154.390625, + "width": 35, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 166.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 167.984375, + "width": 35, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 208.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 222.484375, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 208.890625, + "width": 54, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 220.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 222.484375, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-x64/dark-list-single-focus.png", + "sha256": "5c9370fb5c7ae2d383e5d627971ef0eec5ef2cadf8c8a30cd9ba246a6f035045" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "name": "list-single-disabled", + "configuration": { + "name": "list-single-disabled", + "mode": "list", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": true, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 268.890625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 236.890625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 45.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 58.984375, + "width": 81, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 45.390625, + "width": 81, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 57.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(0, 46, 62)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 32.400001525878906, + "y": 61.790626525878906, + "width": 11.199996948242188, + "height": 11.199996948242188 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 154, 199)" + } + }, + "labelGlyph": { + "x": 56, + "y": 58.984375, + "width": 81, + "height": 16 + }, + "checked": true, + "disabled": true, + "paintOpacity": "0.5" + }, + { + "row": { + "box": { + "x": 16, + "y": 99.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 113.484375, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 99.890625, + "width": 59, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 111.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 113.484375, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + }, + { + "row": { + "box": { + "x": 16, + "y": 154.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 167.984375, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 154.390625, + "width": 35, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 166.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 167.984375, + "width": 35, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + }, + { + "row": { + "box": { + "x": 16, + "y": 208.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 222.484375, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 208.890625, + "width": 54, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 220.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 222.484375, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-x64/dark-list-single-disabled.png", + "sha256": "a02e9cc365b939e2e8a7e4264f410bd7c2209009d39493a05523c5521aafbcc1" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "name": "list-single-required", + "configuration": { + "name": "list-single-required", + "mode": "list", + "multiple": false, + "label": "Category", + "value": null, + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": true, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 268.890625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 236.890625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 45.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 58.984375, + "width": 81, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 45.390625, + "width": 81, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 57.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 58.984375, + "width": 81, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 99.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 113.484375, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 99.890625, + "width": 59, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 111.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 113.484375, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 154.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 167.984375, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 154.390625, + "width": 35, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 166.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 167.984375, + "width": 35, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 208.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 222.484375, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 208.890625, + "width": 54, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 220.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 222.484375, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-x64/dark-list-single-required.png", + "sha256": "aaf92f7356c061a2965ee07f7ac84132fcd5bc1a589ff10ab2b7710687de3099" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "name": "list-single-helper", + "configuration": { + "name": "list-single-helper", + "mode": "list", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "Choose categories.", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 282.890625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 250.890625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 45.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 58.984375, + "width": 81, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 45.390625, + "width": 81, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 57.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(0, 46, 62)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 32.400001525878906, + "y": 61.790626525878906, + "width": 11.199996948242188, + "height": 11.199996948242188 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 154, 199)" + } + }, + "labelGlyph": { + "x": 56, + "y": 58.984375, + "width": 81, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 99.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 113.484375, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 99.890625, + "width": 59, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 111.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 113.484375, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 154.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 167.984375, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 154.390625, + "width": 35, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 166.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 167.984375, + "width": 35, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 208.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 222.484375, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 208.890625, + "width": 54, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 220.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 222.484375, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": { + "box": { + "x": 16, + "y": 252.890625, + "width": 320, + "height": 14 + }, + "glyph": { + "x": 32, + "y": 252.890625, + "width": 110.203125, + "height": 14 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "0.4px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-x64/dark-list-single-helper.png", + "sha256": "6a80a967731a1a1cfad6795e09db78d45f862e0dc279b74542a2a64d8988c9af" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "name": "list-single-narrow", + "configuration": { + "name": "list-single-narrow", + "mode": "list", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance and shared household repairs" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 180, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 212, + "height": 275.28125 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 243.28125 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 22.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 45.390625, + "width": 180, + "height": 50.390625 + }, + "glyph": { + "x": 56, + "y": 45.390625, + "width": 111, + "height": 49.59375 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 45.390625, + "width": 140, + "height": 50.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 57.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(0, 46, 62)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 32.400001525878906, + "y": 61.790626525878906, + "width": 11.199996948242188, + "height": 11.199996948242188 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 154, 199)" + } + }, + "labelGlyph": { + "x": 56, + "y": 45.390625, + "width": 111, + "height": 49.59375 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 106.28125, + "width": 180, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 119.875, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 106.28125, + "width": 59, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 118.28125, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 119.875, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 160.78125, + "width": 180, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 174.375, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 160.78125, + "width": 35, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 172.78125, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 174.375, + "width": 35, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 215.28125, + "width": 180, + "height": 44 + }, + "glyph": { + "x": 56, + "y": 228.875, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 56, + "y": 215.28125, + "width": 54, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 28, + "y": 227.28125, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 56, + "y": 228.875, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-x64/dark-list-single-narrow.png", + "sha256": "564cdcac3c6f90f07468b27da288cdb71c62036350d38dec8cc35adceace0489" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "name": "list-single-rtl", + "configuration": { + "name": "list-single-rtl", + "mode": "list", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "rtl", + "disabled": false, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 268.890625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 236.890625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 45.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 215, + "y": 58.984375, + "width": 81, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 215, + "y": 45.390625, + "width": 81, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 308, + "y": 57.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(0, 46, 62)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 312.3999938964844, + "y": 61.790626525878906, + "width": 11.20001220703125, + "height": 11.199996948242188 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 154, 199)" + } + }, + "labelGlyph": { + "x": 215, + "y": 58.984375, + "width": 81, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 99.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 237, + "y": 113.484375, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 237, + "y": 99.890625, + "width": 59, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 308, + "y": 111.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 237, + "y": 113.484375, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 154.390625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 261, + "y": 167.984375, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 261, + "y": 154.390625, + "width": 35, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 308, + "y": 166.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 261, + "y": 167.984375, + "width": 35, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 208.890625, + "width": 320, + "height": 44 + }, + "glyph": { + "x": 242, + "y": 222.484375, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "0.5", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 242, + "y": 208.890625, + "width": 54, + "height": 44 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 308, + "y": 220.890625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgba(0, 0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "50%", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 242, + "y": 222.484375, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-x64/dark-list-single-rtl.png", + "sha256": "eee3873177e864ec9d4f446784b2336034ca36fe07d000adf0b82f4ee4f96bef" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "name": "list-single-no-options", + "configuration": { + "name": "list-single-no-options", + "mode": "list", + "multiple": false, + "label": "Category", + "value": null, + "options": [], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 61.390625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 29.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-x64/dark-list-single-no-options.png", + "sha256": "244904da3ac5fca9573873176dc8b68bf2f4c48a885667ec23dfb80730a28312" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "name": "list-multiple-empty", + "configuration": { + "name": "list-multiple-empty", + "mode": "list", + "multiple": true, + "label": "Category", + "value": [], + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 214.390625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": { + "x": 16, + "y": 19, + "width": 57, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 38.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 50.390625, + "width": 81, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 51.390625, + "width": 81, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 48.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 50.390625, + "width": 81, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 78.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 90.390625, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 91.390625, + "width": 59, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 88.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 90.390625, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 118.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 130.390625, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 131.390625, + "width": 35, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 128.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 130.390625, + "width": 35, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 158.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 170.390625, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 171.390625, + "width": 54, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 168.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 170.390625, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-x64/dark-list-multiple-empty.png", + "sha256": "f738f7d02e30b40c8abea11fc834889b26a7e100069fd2c120d01420eb9d4a86" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "name": "list-multiple-filled", + "configuration": { + "name": "list-multiple-filled", + "mode": "list", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 214.390625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": { + "x": 16, + "y": 19, + "width": 57, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 38.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 50.390625, + "width": 81, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 51.390625, + "width": 81, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 48.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 53.66285705566406, + "width": 11.024688720703125, + "height": 10.240577697753906 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 50.390625, + "width": 81, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 78.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 90.390625, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 91.390625, + "width": 59, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 88.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 90.390625, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 118.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 130.390625, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 131.390625, + "width": 35, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 128.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 133.66285705566406, + "width": 11.024688720703125, + "height": 10.240585327148438 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 130.390625, + "width": 35, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 158.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 170.390625, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 171.390625, + "width": 54, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 168.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 170.390625, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-x64/dark-list-multiple-filled.png", + "sha256": "dc0f77c66971bad4c952f2fd113265774ad41c489068dc54edf3e50cc5be1bae" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "name": "list-multiple-hover", + "configuration": { + "name": "list-multiple-hover", + "mode": "list", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "hover" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 214.390625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": { + "x": 16, + "y": 19, + "width": 57, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 38.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 50.390625, + "width": 81, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 51.390625, + "width": 81, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 48.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 53.66285705566406, + "width": 11.024688720703125, + "height": 10.240577697753906 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 50.390625, + "width": 81, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 78.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 90.390625, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 91.390625, + "width": 59, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 88.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(74, 74, 74)", + "border": "2px solid rgb(177, 177, 177)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 90.390625, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 118.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 130.390625, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 131.390625, + "width": 35, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 128.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 133.66285705566406, + "width": 11.024688720703125, + "height": 10.240585327148438 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 130.390625, + "width": 35, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 158.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 170.390625, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 171.390625, + "width": 54, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 168.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 170.390625, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-x64/dark-list-multiple-hover.png", + "sha256": "a135ba08e87bd1f801b579d4eaee8e6b333e52f43a41fc0a29b1d4111775dd14" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "name": "list-multiple-focus", + "configuration": { + "name": "list-multiple-focus", + "mode": "list", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "focus" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 214.390625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": { + "x": 16, + "y": 19, + "width": 57, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 38.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 50.390625, + "width": 81, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 51.390625, + "width": 81, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 48.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "2px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 53.66285705566406, + "width": 11.024688720703125, + "height": 10.240577697753906 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 50.390625, + "width": 81, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 78.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 90.390625, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 91.390625, + "width": 59, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 88.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 90.390625, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 118.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 130.390625, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 131.390625, + "width": 35, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 128.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 133.66285705566406, + "width": 11.024688720703125, + "height": 10.240585327148438 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 130.390625, + "width": 35, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 158.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 170.390625, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 171.390625, + "width": 54, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 168.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 170.390625, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-x64/dark-list-multiple-focus.png", + "sha256": "aa8ae46c4272aa1a6501d0181a3968e8ab35b41dc8110dc469cebdb38a94d8a0" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "name": "list-multiple-disabled", + "configuration": { + "name": "list-multiple-disabled", + "mode": "list", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": true, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 214.390625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": { + "x": 16, + "y": 19, + "width": 57, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 38.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 50.390625, + "width": 81, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 51.390625, + "width": 81, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 48.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 53.66285705566406, + "width": 11.024688720703125, + "height": 10.240577697753906 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 50.390625, + "width": 81, + "height": 16 + }, + "checked": true, + "disabled": true, + "paintOpacity": "0.5" + }, + { + "row": { + "box": { + "x": 16, + "y": 78.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 90.390625, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 91.390625, + "width": 59, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 88.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 90.390625, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + }, + { + "row": { + "box": { + "x": 16, + "y": 118.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 130.390625, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 131.390625, + "width": 35, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 128.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 133.66285705566406, + "width": 11.024688720703125, + "height": 10.240585327148438 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 130.390625, + "width": 35, + "height": 16 + }, + "checked": true, + "disabled": true, + "paintOpacity": "0.5" + }, + { + "row": { + "box": { + "x": 16, + "y": 158.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 170.390625, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 171.390625, + "width": 54, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 168.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 170.390625, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-x64/dark-list-multiple-disabled.png", + "sha256": "53256b28d7155e8da2001e8e039290b3c0442a2d9dc2b011a9ea81d95c2b389f" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "name": "list-multiple-required", + "configuration": { + "name": "list-multiple-required", + "mode": "list", + "multiple": true, + "label": "Category", + "value": [], + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": true, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 214.390625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": { + "x": 16, + "y": 19, + "width": 57, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 38.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 50.390625, + "width": 81, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 51.390625, + "width": 81, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 48.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 50.390625, + "width": 81, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 78.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 90.390625, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 91.390625, + "width": 59, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 88.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 90.390625, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 118.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 130.390625, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 131.390625, + "width": 35, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 128.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 130.390625, + "width": 35, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 158.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 170.390625, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 171.390625, + "width": 54, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 168.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 170.390625, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-x64/dark-list-multiple-required.png", + "sha256": "f738f7d02e30b40c8abea11fc834889b26a7e100069fd2c120d01420eb9d4a86" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "name": "list-multiple-helper", + "configuration": { + "name": "list-multiple-helper", + "mode": "list", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "Choose categories.", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 228.390625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 196.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": { + "x": 16, + "y": 19, + "width": 57, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 38.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 50.390625, + "width": 81, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 51.390625, + "width": 81, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 48.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 53.66285705566406, + "width": 11.024688720703125, + "height": 10.240577697753906 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 50.390625, + "width": 81, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 78.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 90.390625, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 91.390625, + "width": 59, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 88.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 90.390625, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 118.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 130.390625, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 131.390625, + "width": 35, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 128.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 133.66285705566406, + "width": 11.024688720703125, + "height": 10.240585327148438 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 130.390625, + "width": 35, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 158.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 170.390625, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 171.390625, + "width": 54, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 168.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 170.390625, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": { + "box": { + "x": 16, + "y": 198.390625, + "width": 320, + "height": 14 + }, + "glyph": { + "x": 32, + "y": 198.390625, + "width": 110.203125, + "height": 14 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "0.4px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + } + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-x64/dark-list-multiple-helper.png", + "sha256": "7d4667430537909f1a41f03dddfa2c0e1b06aa9b62ebc645cfb937b3eab95669" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "name": "list-multiple-narrow", + "configuration": { + "name": "list-multiple-narrow", + "mode": "list", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance and shared household repairs" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 180, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 212, + "height": 216.390625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 184.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 22.390625 + }, + "glyph": { + "x": 16, + "y": 19, + "width": 57, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 38.390625, + "width": 180, + "height": 42 + }, + "glyph": { + "x": 44, + "y": 37.390625, + "width": 111, + "height": 44 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 38.390625, + "width": 152, + "height": 42 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 49.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 54.66285705566406, + "width": 11.024688720703125, + "height": 10.240577697753906 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 37.390625, + "width": 111, + "height": 44 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 80.390625, + "width": 180, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 92.390625, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 93.390625, + "width": 59, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 90.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 92.390625, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 120.390625, + "width": 180, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 132.390625, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 133.390625, + "width": 35, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 130.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 20.50041961669922, + "y": 135.66285705566406, + "width": 11.024688720703125, + "height": 10.240585327148438 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 44, + "y": 132.390625, + "width": 35, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 160.390625, + "width": 180, + "height": 40 + }, + "glyph": { + "x": 44, + "y": 172.390625, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 44, + "y": 173.390625, + "width": 54, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 16, + "y": 170.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 44, + "y": 172.390625, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-x64/dark-list-multiple-narrow.png", + "sha256": "5fe2d95571c3b647bb3067a23de4d3397b70aa63f19d6aa19da2838a22645289" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "name": "list-multiple-rtl", + "configuration": { + "name": "list-multiple-rtl", + "mode": "list", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "rtl", + "disabled": false, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 214.390625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 182.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": { + "x": 279, + "y": 19, + "width": 57, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [ + { + "row": { + "box": { + "x": 16, + "y": 38.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 227, + "y": 50.390625, + "width": 81, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 227, + "y": 51.390625, + "width": 81, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 316, + "y": 48.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 320.50042724609375, + "y": 53.66285705566406, + "width": 11.024688720703125, + "height": 10.240577697753906 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 227, + "y": 50.390625, + "width": 81, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 78.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 249, + "y": 90.390625, + "width": 59, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 249, + "y": 91.390625, + "width": 59, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 316, + "y": 88.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 249, + "y": 90.390625, + "width": 59, + "height": 16 + }, + "checked": false, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 118.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 273, + "y": 130.390625, + "width": 35, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 273, + "y": 131.390625, + "width": 35, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 316, + "y": 128.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgb(0, 154, 199)", + "border": "2px solid rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": { + "box": { + "x": 320.50042724609375, + "y": 133.66285705566406, + "width": 11.024688720703125, + "height": 10.240585327148438 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(255, 255, 255)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(255, 255, 255)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(255, 255, 255) none 3px", + "outlineOffset": "0px", + "fill": "rgb(255, 255, 255)" + } + }, + "labelGlyph": { + "x": 273, + "y": 130.390625, + "width": 35, + "height": 16 + }, + "checked": true, + "disabled": false, + "paintOpacity": "1" + }, + { + "row": { + "box": { + "x": 16, + "y": 158.390625, + "width": 320, + "height": 40 + }, + "glyph": { + "x": 254, + "y": 170.390625, + "width": 54, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "label": { + "box": { + "x": 254, + "y": 171.390625, + "width": 54, + "height": 14 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "indicator": { + "box": { + "x": 316, + "y": 168.390625, + "width": 20, + "height": 20 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "2px solid rgb(122, 122, 122)", + "borderRadius": "4px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "glyph": null, + "labelGlyph": { + "x": 254, + "y": 170.390625, + "width": 54, + "height": 16 + }, + "checked": false, + "disabled": true, + "paintOpacity": "0.5" + } + ], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-x64/dark-list-multiple-rtl.png", + "sha256": "1af8aafedec93b2ea1d17dd0153adbd9ed38e603934d87724e2696d6ac3b9b66" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "name": "list-multiple-no-options", + "configuration": { + "name": "list-multiple-no-options", + "mode": "list", + "multiple": true, + "label": "Category", + "value": [], + "options": [], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "interaction": "resting" + }, + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 54.390625 + }, + "parts": { + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "caption": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 22.390625 + }, + "glyph": { + "x": 16, + "y": 19, + "width": 57, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "fill": "rgb(0, 0, 0)" + } + }, + "choices": [], + "helper": null + }, + "image": { + "path": "tests/storybook/reference/ha-select-list/linux-x64/dark-list-multiple-no-options.png", + "sha256": "ca4443dfdadab7cc54576e805ad9ff5002d73a736a9650d65aa79a443b77231f" + } + } + ], + "candidateCampaigns": [ + { + "platform": "macos", + "architecture": "arm64", + "browser": "156.0.8078.4", + "accepted": 40, + "exact": 40, + "peakChannelDelta": 0, + "alphaChanges": 0 + }, + { + "platform": "linux", + "architecture": "arm64", + "browser": "156.0.8078.80", + "accepted": 40, + "exact": 40, + "peakChannelDelta": 0, + "alphaChanges": 0 + }, + { + "platform": "linux", + "architecture": "x64", + "browser": "156.0.8078.4", + "accepted": 40, + "exact": 40, + "peakChannelDelta": 0, + "alphaChanges": 0 + } + ], + "measuredNativeTargets": { + "radioMinHeightPx": 44, + "checkboxMinHeightPx": 40, + "minWidthPx": 40, + "overlap": false + }, + "selectorRasterTolerance": { + "peakChannelDelta": 6, + "meanChannelDelta": 0.01, + "changedFraction": 0.01 + } +} diff --git a/docs/evidence/ha-select-multiple-reference.json b/docs/evidence/ha-select-multiple-reference.json new file mode 100644 index 0000000..7f90ea5 --- /dev/null +++ b/docs/evidence/ha-select-multiple-reference.json @@ -0,0 +1,88288 @@ +{ + "recordedAtUTC": "2026-11-05T01:35:04.503049+00:00", + "scope": "Original HA multiple dropdown chips and search popup. All 90 original PNGs match independent original repeats; candidate geometry, measured paint and unchanged RGBA bounds pass in all 90 states. Explicit visible-list modes, full browser/framework breadth and application acceptance remain required.", + "reviewedSource": "https://github.com/home-assistant/frontend/tree/027d9578ec9663b8aa22f50c24274a7cd9d001c1", + "installedRevisionClaimed": false, + "originalPublicApp": { + "path": "app.d6c28fc2e48aeea4.js", + "sha256": "7b0d03a0c75c971cd3084c988430c512414209ca2c8bba8d506724d3be2827ec", + "startupOnlyReplacement": true, + "componentFunctionsUnchanged": true + }, + "selectorLoader": { + "entry": 6132, + "chunks": [ + 79871, + 57539, + 54353, + 40523, + 37532, + 9287, + 83083, + 8099, + 24519, + 49227, + 38795, + 5751, + 23691, + 2066, + 4274, + 38402, + 90488, + 37199, + 35413, + 55207 + ], + "sourceSha256": "4a7a2d0a04ec62c54234bfbe575f3c90334f5be8dadb992271c1d4d04e5cb91b" + }, + "publicAssetIdentities": { + "/frontend_latest/app.d6c28fc2e48aeea4.js": { + "sha256": "7b0d03a0c75c971cd3084c988430c512414209ca2c8bba8d506724d3be2827ec", + "bytes": 577102 + }, + "/frontend_latest/79871.0cd7505014fef7fb.js": { + "sha256": "3a613295ac4ee48fc19ddadff4baa1c147e98108731f224d1d640906e5b1df65", + "bytes": 8829 + }, + "/frontend_latest/57539.27d7cefd99dace6a.js": { + "sha256": "8be1aa5585c10687ef9b740ca03edbd7d03f2dce527d98bcb392bf98c2a27a9f", + "bytes": 30004 + }, + "/frontend_latest/54353.5437d2f3817bda05.js": { + "sha256": "46837596efa4541d206731639acd701c312dc4e256dbbe1b47f490023d26fd35", + "bytes": 28665 + }, + "/frontend_latest/40523.1e09f4c93f125c24.js": { + "sha256": "926458359cfc4067dea446422401e81fcc82e9e2a127c7c066a48bb1dfe2acb8", + "bytes": 14720 + }, + "/frontend_latest/37532.79d0d1bb37c67bc0.js": { + "sha256": "4a73e707cfcacda888e13fc3dd8a849e78b9f987ef7c5f006ee4624ce0f70f38", + "bytes": 7382 + }, + "/frontend_latest/9287.09045b2bbbaec3ff.js": { + "sha256": "458ff250f1f58d0f3353e5e4db02ecd81c18d5118da63784e4460ad350f0479b", + "bytes": 16586 + }, + "/frontend_latest/83083.fe45ed5de283dceb.js": { + "sha256": "c0387a9445b6540bdbb9248fa7f36654d6efbbd4822b14d77ee1257ce0f2653c", + "bytes": 26848 + }, + "/frontend_latest/8099.739711f91e051b08.js": { + "sha256": "085891bfde6d7bcc99feee1d23bd218811559da0524fbd716a341834729f5610", + "bytes": 24201 + }, + "/frontend_latest/24519.eb7116b32c634736.js": { + "sha256": "bfc6f1fc208db0980494f7fce3d7cf66fdb56b49b7aebe6d7dc81a11f8ad0294", + "bytes": 10948 + }, + "/frontend_latest/49227.905c893829033053.js": { + "sha256": "d81915b48e9020c18239e551210bb9f688acc13ea161097b6d6b237eeb5aff97", + "bytes": 16153 + }, + "/frontend_latest/15204.4ba98d3a7e1188ba.js": { + "sha256": "af5ac046919202876888a099621d3f4ac232409a2c06e0fad53ae5ca10e9c9d7", + "bytes": 11586 + }, + "/frontend_latest/75395.cc5150b9b2a1eaab.js": { + "sha256": "8106a40d2e3422a76c07862bd704905ed7e17ce5c293ed86dc2b29cd45bddda5", + "bytes": 43325 + }, + "/frontend_latest/85803.5b2b792a7300e3b1.js": { + "sha256": "0d120e26671cf33a96ed8cb7c49d9a49d0d94510d4b799edd4bc91350509cfaa", + "bytes": 9833 + }, + "/frontend_latest/88836.82d8c061e321f700.js": { + "sha256": "f0f86b486ac1bc1a4317ab31652d751442431d6c71dc4fef9132e4d784351e30", + "bytes": 20779 + }, + "/frontend_latest/41649.246763083c75df64.js": { + "sha256": "c57a1d6ad874fe05971ce2f5e2be0f64e3a64b56fd80c1d8c17a846908fe8d52", + "bytes": 5853 + }, + "/frontend_latest/54076.4e72607dd775669c.js": { + "sha256": "aed795f3496c91f8ed83d792866430784e226d71141da3a286c3db82ae139bd7", + "bytes": 334098 + }, + "/frontend_latest/51808.00d17dbc5c336819.js": { + "sha256": "c77cc7ee51ed09359b42e90a45c7b94bd5162fa9187481fd85faa8352a84152b", + "bytes": 56168 + }, + "/frontend_latest/19662.02bfe987bcf02fae.js": { + "sha256": "a961b6fc841d4d3e3ca4fab591bf737d3c6186b67ada466944f67a138d2827ea", + "bytes": 37879 + }, + "/frontend_latest/86151.a018324031dccf64.js": { + "sha256": "b066cb7d0b813ba3963068c795c83b667e1623743ffe8116aeca52620e8237cc", + "bytes": 21981 + }, + "/frontend_latest/44518.60aafb0dd7361a8a.js": { + "sha256": "51fb962c1f10b8b55e33240aafcae94bbf08d29c11c8d4ba5e11735cc25b1963", + "bytes": 12454 + }, + "/frontend_latest/53047.2ff52aed1ea1d58d.js": { + "sha256": "a07fa2ea375bbc9d9c48d9f23cc41c9021d93bdb8b1fd85f2d473c32722b8e04", + "bytes": 22445 + }, + "/frontend_latest/53224.cf6a4ce6a1632ae3.js": { + "sha256": "159d3c58f915157201dbeb8a03bd85627bd132e86d62a157dfd14fc512e0d114", + "bytes": 22424 + }, + "/frontend_latest/27885.b2722f12c8ea5f0d.js": { + "sha256": "9b50005b75b8ae380f82ac4b152acd05b93fa6f63b72db015a76f7e1a634634e", + "bytes": 14763 + }, + "/frontend_latest/91441.f4e291d27370bd0e.js": { + "sha256": "6cb720571975c708cb319a6edaf59add5976981b71e6f9a2deff4f5f51f12b05", + "bytes": 9318 + }, + "/frontend_latest/23322.127ad1a39e017ad1.js": { + "sha256": "b75ec9e8e58297341494a01cb136719ad2ade2ef581dce65dce3fcd4d22e5b74", + "bytes": 15104 + }, + "/frontend_latest/2066.619086da7335e894.js": { + "sha256": "9fa71dd59b3d55070ecd5e1a54d20cff4662f77d3216403e2288738647fcd517", + "bytes": 14652 + }, + "/frontend_latest/17332.cfc44d92e55e41b1.js": { + "sha256": "e4774bb25ac5042926b065e281949267503b1764d88f2a96218a5209f9006948", + "bytes": 14891 + }, + "/frontend_latest/4274.9a41952ea24b0c35.js": { + "sha256": "44379e6950a12f261bb118e88bc81694308ea6e807965acd8a68552da0bf8886", + "bytes": 14848 + }, + "/frontend_latest/65819.c67beedb2569fde2.js": { + "sha256": "3b849b691fc05ffcf8b0275bacafb417d9ca2df774638d431a6022c3617fb78b", + "bytes": 14389 + }, + "/frontend_latest/38402.e30322de1fd7e232.js": { + "sha256": "a04e3e4608e892f4b2dc44e2a4c3279170c94c352523764546fb1b9aa4268634", + "bytes": 20205 + }, + "/frontend_latest/90488.1801cdc1bce0d252.js": { + "sha256": "4b42a382c681c8045a19d4f004ce9e508ea709fe9b27ef2845cbfcd103a8e43a", + "bytes": 19522 + }, + "/frontend_latest/56327.669df9212b1bbd57.js": { + "sha256": "379f817c3ef286f94fa228adea8bf2a3abbe7e9ca115a8eab9772bee1697e35b", + "bytes": 23575 + }, + "/frontend_latest/11164.4007f39963ca53fe.js": { + "sha256": "cbe80d4a20c692baac50bcd2f4f25a11532722be4f3a2bc74afc36fc0e87d251", + "bytes": 13671 + }, + "/frontend_latest/63105.5db3fbaa75461e58.js": { + "sha256": "ff7a67cfa7f9a8262c33e13ba9bb54ac0e38727ff88eb464d93d620aa6a97b4d", + "bytes": 13739 + }, + "/frontend_latest/4556.3b8bc343b186ac7f.js": { + "sha256": "ab338cdf594607256a05dec14798f81914c38c1009d5f718824be3ea22ee5702", + "bytes": 28448 + }, + "/frontend_latest/89316.4c8a52fd9476e18d.js": { + "sha256": "4a7a2d0a04ec62c54234bfbe575f3c90334f5be8dadb992271c1d4d04e5cb91b", + "bytes": 18823 + }, + "/frontend_latest/59392.7c213f7ec058e53a.js": { + "sha256": "ac168d5e749cde3f0f858b13765766f769b336f375a5296b37f3898c789db167", + "bytes": 13547 + }, + "/frontend_latest/79358.df250c7f378eb741.js": { + "sha256": "47504e1e798d1299996a11832d08c73b4ac5508d3f7cc54671f1f376ec227ea8", + "bytes": 20790 + }, + "/frontend_latest/61346.23c39a21bb727e57.js": { + "sha256": "e3bca0f2e4b1159beead5846f8dc8cac5def8038251be7509268450cb127fa6f", + "bytes": 35839 + }, + "/frontend_latest/37877.3e4fcac2e2136e85.js": { + "sha256": "acda63df1944dadb1d1021f10aa1667f88439c8d3df2185ac4167b2364e9218b", + "bytes": 12199 + }, + "/frontend_latest/58068.496636f152f989b6.js": { + "sha256": "2f60fa77098d87558e7c2ad463eb98261ec35fcf3a830030131d98c4689a5554", + "bytes": 14843 + }, + "/frontend_latest/78918.284a9604258fe27b.js": { + "sha256": "d9136df59278b2364da59b5ae4be98b6f83017ce94bcfc6f9879aae7c07a4bd0", + "bytes": 10950 + }, + "/frontend_latest/1027.26a15473845250e8.js": { + "sha256": "06f76e762bfb07360abae7abe3b1dc1ab239472c8445f131b9c41fa234366208", + "bytes": 14240 + }, + "/frontend_latest/4558.e20b3760d07801a7.js": { + "sha256": "43fa2969e6ba2676d21e0e5ae9a887e05a4857d7640c4537faaaf3a6793897a5", + "bytes": 48720 + }, + "/frontend_latest/97769.cb1c5172b385ed95.js": { + "sha256": "56d7d415776d66dda6b00c284eecb8d5284374ec43147e986fde88e3f52ce1a6", + "bytes": 12926 + }, + "/frontend_latest/64334.af08239c2ebb5f72.js": { + "sha256": "8a9bb136f5a75989c0249652d2437f71c95c56c5e57c552423bd7634ded28592", + "bytes": 62089 + }, + "/frontend_latest/89437.7a0c267598dbedf7.js": { + "sha256": "93b97f57d2103714bd6b000d84d66a6e5eb1abcb0e3d70ced5b68a778574452e", + "bytes": 31196 + }, + "/frontend_latest/84656.b37270a3ef77878d.js": { + "sha256": "b5520eaac50bef5c56bf9c34f78248bfffe859d2660b69a0c2bb092401972047", + "bytes": 35511 + }, + "/frontend_latest/30295.44550b6ede673685.js": { + "sha256": "c05dd5e1a5fadc0e367a1fdd726ba106f9b7ec2f2e9141b5f9278a34ec61d295", + "bytes": 18250 + }, + "/frontend_latest/75312.5646a5160728e6b0.js": { + "sha256": "487b478ae0fd9a627d755b3e0ebff32d4fd389db2f3e790fbe1ba7f8922d7a12", + "bytes": 13589 + }, + "/frontend_latest/8885.0d1314825734b9ba.js": { + "sha256": "f96524fc829f4ca06a65671dfb65343fc4ac5fc3a0775fc9fcdda4ec9b31ef1f", + "bytes": 10824 + }, + "/frontend_latest/84962.17ced8e504bf6331.js": { + "sha256": "c672f4824f9a91b1a349f85f1960ded234e32349dc48916ee32e3a2b1eb7b6f3", + "bytes": 12868 + }, + "/frontend_latest/50560.8660644d0f8ae049.js": { + "sha256": "8988a5ade0606c481a3febf6a572a4bd54848a7f8f03be75813e3a7b6c70fb5d", + "bytes": 26364 + }, + "/frontend_latest/38416.72b67af26ef89a66.js": { + "sha256": "b0acadf75c26ae79ef27521207f5e625b98225f4cfd627211b9054339ed3ca41", + "bytes": 15700 + }, + "/frontend_latest/32425.69983054c1ddb489.js": { + "sha256": "7bcdf7b58c77c00baf193a8b30b012d08e031682f7cd8ddbacd16e7e3c3e9c94", + "bytes": 418581 + }, + "/frontend_latest/16507.a01c0a650d7bdf12.js": { + "sha256": "3cd1825b5822cc44025ba52b950bfcba634795ff078bc4ef7bd1867bd6c8a794", + "bytes": 39680 + }, + "/frontend_latest/84956.2ab0e4e5dfbc712c.js": { + "sha256": "e5c0f30aa9c533d4a6c98f08e290080e523844d9e83323a80f186d1cd90fb0f8", + "bytes": 14278 + }, + "/frontend_latest/92811.0f15037d3b10a2c3.js": { + "sha256": "cd7255a05902ce487ea9763a06b3d3a7a2dddcaf01a068415eb0b7239a0d30ed", + "bytes": 13267 + }, + "/frontend_latest/54537.f4833c5913c76cf2.js": { + "sha256": "097d10625d7cfefcf5f45646e1abe71e189870ac62677b8ff655189ffa818d52", + "bytes": 9818 + }, + "/frontend_latest/25481.23ddd5d2ec866816.js": { + "sha256": "eff9c4785b1b13110a6c8d2dd9d06d0abb5038e05f3ee78af0144ac5cda41b4f", + "bytes": 14691 + }, + "/frontend_latest/46565.e3d80a51d865ed5c.js": { + "sha256": "5f911bddaecb5761fb312d30ee6d5c54c0729681d67a6938510743a92461bdda", + "bytes": 12790 + }, + "/frontend_latest/94121.0e44a112e95ac8c8.js": { + "sha256": "b8867abd42ff8397dfb27af640d00be262547b6dc1476bdc3a9d907b520bf020", + "bytes": 14742 + }, + "/frontend_latest/58992.1d29f9136bc3c796.js": { + "sha256": "403801a586fc76ed2c42c7a246d318cf115f9f8dc3e6b51736770fb0d27eab0d", + "bytes": 20956 + }, + "/frontend_latest/28858.17df029135a17ae3.js": { + "sha256": "cb20a7108b88881b05d9cb192f6e668bbdd02be64b5d594d3ce0caeac7439ffd", + "bytes": 12216 + }, + "/frontend_latest/47578.fba66e0739297711.js": { + "sha256": "c8f7aa9acf22e7f4d9a18a32015ee5ad62b9f383a80a96144bda5005be7c0d60", + "bytes": 27140 + }, + "/frontend_latest/90012.9945d8238ffa5a3a.js": { + "sha256": "bf1e417679e1f11a69f523da19d45b7a286f69cfff3e17a1b715081b412cde7f", + "bytes": 32550 + }, + "/frontend_latest/14883.0a68bf6c727a2e22.js": { + "sha256": "10c72f142d4b19619a223e1d67cbe3b1e5e079605903afda730c5df1f96b9ffe", + "bytes": 38920 + }, + "/frontend_latest/5496.c0eba59802d17a07.js": { + "sha256": "6d9a293389b0632626eec6f452dabf8172953aa4238f70b111aa9b43088e777e", + "bytes": 9450 + }, + "/frontend_latest/49589.23a2870d61954701.js": { + "sha256": "2fda7fb7e84778e196807fa82ba3f657f14ce335e9f8f3795b551d485a6641eb", + "bytes": 13433 + }, + "/static/locale-data/intl-displaynames/en.json": { + "sha256": "de6876c5e48244c0a6ec4a189e0c27293674bfb8fda6fe4deae4083cf319937e", + "bytes": 43298 + }, + "/frontend_latest/38795.f1749be6c0cda8cf.js": { + "sha256": "26901b5d59ed1cf886e9b86dee00ad3c6c8b68f11df44cee56e0acdcc57871ee", + "bytes": 13159 + }, + "/frontend_latest/5751.67663409166dfa62.js": { + "sha256": "748b65369aada7ec3affb6b84e68191e8020859ce8d827033f78dee1c39f197e", + "bytes": 12876 + }, + "/frontend_latest/23691.384e50d3606469fd.js": { + "sha256": "777ba39bd750a21f91a9df8014b10c641e344bd80f55822c12350622214d4214", + "bytes": 12159 + }, + "/frontend_latest/37199.88f6bbd59e732a44.js": { + "sha256": "7fb0079d88f02a42240dc5b1376a94d383b084e44980becc39af611b8bb35d8c", + "bytes": 14158 + }, + "/frontend_latest/35413.b8d0d3ec3a3957a5.js": { + "sha256": "65d380d8575863f22bd002b58cf24d1385a3b8ec8098321863a7c3dd31105b1f", + "bytes": 16364 + }, + "/frontend_latest/55207.d583b44056999867.js": { + "sha256": "21f5a4f0a50bd7fbe8a053f54aed3e6dea06e0c148f37eb9cceb4dd489d59989", + "bytes": 20115 + } + }, + "fonts": { + "regular": "47107401d0adb375ab9aa167f9d62489a849d510e740a307b5a4db60e5db3562", + "medium": "96025fe9db6578d8bc7f4b8be739750b1490e07221c2b1f16acde2ea7669cedf" + }, + "themes": { + "light": { + "--ha-space-8": "32px", + "--wa-color-brand-on-normal": "#009ac7", + "--state-inactive-color": "#9e9e9e", + "--safe-width": "calc(100vw - 0px - 0px)", + "--success-color": "#43a047", + "--input-outlined-disabled-border-color": "#0000000f", + "--color-29": "#97ee3f", + "--purple-color": "#926bc7", + "--ha-color-fill-primary-normal-resting": "#dff3fc", + "--mdc-theme-background": "#fafafa", + "--mdc-theme-text-primary-on-background": "#141414", + "--ha-space-15": "60px", + "--state-binary_sensor-active-color": "#ffc107", + "--state-valve-active-color": "#2196f3", + "--mdc-text-field-fill-color": "#f5f5f5", + "--ha-font-family-code": "monospace", + "--wa-form-control-value-line-height": "1.2", + "--safe-height": "calc(100vh - 0px - 0px)", + "--state-weather-windy_variant-color": "#4caf50", + "--dark-primary-opacity": ".87", + "--state-binary_sensor-safety-on-color": "#f44336", + "--mdc-select-outlined-disabled-border-color": "#0000000f", + "--ha-font-size-s": "calc(12px * 1)", + "--ha-color-primary-30": "#006787", + "--state-sensor-battery-high-color": "#4caf50", + "--ha-color-red-60": "#f3676c", + "--ha-border-radius-pill": "9999px", + "--ha-color-form-background": "#f3f3f3", + "--mdc-text-field-disabled-ink-color": "#0000005e", + "--state-fan-active-color": "#00bcd4", + "--sidebar-selected-text-color": "#009ac7", + "--state-weather-hail-color": "#00bcd4", + "--ha-color-on-neutral-normal": "#5e5e5e", + "--ha-color-fill-disabled-loud-hover": "#b1b1b1", + "--md-list-item-supporting-text-font": "Roboto, Noto, sans-serif", + "--wa-color-warning-on-loud": "#fff", + "--state-weather-exceptional-color": "#f44336", + "--ha-color-shadow-scrollable-fade": "#00000014", + "--ha-color-orange-50": "#c94e00", + "--black-color": "#000", + "--wa-color-brand-border-quiet": "#dff3fc", + "--ha-color-fill-primary-quiet-active": "#eff9fe", + "--state-media_player-active-color": "#03a9f4", + "--cyan-color": "#00bcd4", + "--state-alarm_control_panel-disarming-color": "#ff9800", + "--mdc-text-field-label-ink-color": "#0009", + "--ha-color-white": "#fff", + "--wa-color-warning-fill-normal": "#ffe0c8", + "--margin-title-ltr": "0 0 0 24px", + "--ha-color-on-warning-loud": "#fff", + "--ha-color-red-70": "#fd8f90", + "--color-9": "#01ab63", + "--ha-color-border-danger-loud": "#b30532", + "--state-weather-rainy-color": "#2196f3", + "--wa-focus-ring-style": "solid", + "--input-idle-line-color": "#0000006b", + "--mdc-select-outlined-idle-border-color": "#00000061", + "--input-disabled-fill-color": "#fafafa", + "--ha-font-weight-heading": "700", + "--state-alarm_control_panel-armed_night-color": "#4caf50", + "--input-label-ink-color": "#0009", + "--ha-color-orange-05": "#280700", + "--rgb-accent-color": "255, 152, 0", + "--ha-font-weight-normal": "400", + "--color-28": "#927acc", + "--wa-color-surface-default": "#fff", + "--mdc-text-field-ink-color": "#000000de", + "--ha-space-9": "36px", + "--dark-divider-opacity": ".12", + "--ha-color-primary-60": "#37c8fd", + "--wa-form-control-height": "40px", + "--state-vacuum-error-color": "#f44336", + "--color-17": "#7599d1", + "--state-siren-active-color": "#f44336", + "--wa-color-brand-border-loud": "#009ac7", + "--wa-focus-ring-offset": "2px", + "--ha-border-width-sm": "1px", + "--wa-color-neutral-border-normal": "#989898", + "--wa-color-warning-on-quiet": "#c94e00", + "--state-climate-heat-color": "#ff6f22", + "--ha-border-width-md": "2px", + "--secondary-background-color": "#e5e5e5", + "--ha-color-green-80": "#93da98", + "--text-light-primary-color": "#212121", + "--ha-color-on-danger-quiet": "#dc3146", + "--ha-color-neutral-90": "#e6e6e6", + "--ha-border-width-lg": "3px", + "--color-46": "#c27eb6", + "--ha-color-fill-primary-normal-hover": "#b9e6fc", + "--ha-color-orange-60": "#f36d00", + "--wa-color-danger-on-loud": "#fff", + "--wa-color-surface-border": "#e6e6e6", + "--wa-form-control-border-radius": "12px", + "--wa-form-control-placeholder-color": "#5e5e5e", + "--wa-color-success-border-normal": "#5dc36f", + "--wa-form-control-border-color": "#989898", + "--state-climate-auto-color": "#4caf50", + "--dark-secondary-opacity": ".54", + "--ha-font-size-5xl": "calc(40px * 1)", + "--state-active-color": "#ffc107", + "--ha-color-green-20": "#0a3a1d", + "--ha-color-border-primary-normal": "#7bd4fb", + "--color-18": "#7a4c31", + "--outline-color": "#0000001f", + "--state-sensor-battery-medium-color": "#ff9800", + "--color-25": "#c884ff", + "--ha-color-focus": "#989898", + "--energy-battery-in-color": "#f06292", + "--safe-area-offset-right": "calc(max(0px - 0px, 0px) / 2)", + "--state-alarm_control_panel-arming-color": "#ff9800", + "--state-water_heater-eco-color": "#4caf50", + "--input-fill-color": "#f5f5f5", + "--ha-color-fill-neutral-quiet-hover": "#e6e6e6", + "--state-water_heater-heat_pump-color": "#ff9800", + "--ha-color-primary-70": "#7bd4fb", + "--light-primary-opacity": "1", + "--ha-color-fill-warning-loud-resting": "#ff9342", + "--ha-color-fill-primary-loud-active": "#009ac7", + "--color-2": "#f4bd4a", + "--ha-font-size-3xl": "calc(28px * 1)", + "--ha-assist-chip-filled-container-color": "rgba(33, 33, 33, .15)", + "--color-24": "#ffadda", + "--ha-font-size-xs": "calc(10px * 1)", + "--ha-animation-duration-normal": "1ms", + "--wa-color-danger-on-normal": "#b30532", + "--sidebar-text-color": "#141414", + "--mdc-theme-text-secondary-on-background": "#5e5e5e", + "--wa-form-control-border-width": "1px", + "--wa-color-neutral-on-normal": "#5e5e5e", + "--ha-border-radius-md": "8px", + "--energy-gas-color": "#8e021b", + "--color-15": "#d96895", + "--ha-color-surface-low-inverted": "#141414", + "--ha-color-on-disabled-loud": "#f3f3f3", + "--state-alarm_control_panel-armed_away-color": "#4caf50", + "--wa-focus-ring-width": "2px", + "--table-header-background-color": "#f5f5f5", + "--ha-color-neutral-80": "#ccc", + "--ha-color-orange-70": "#ff9342", + "--ha-font-weight-light": "300", + "--wa-color-warning-fill-quiet": "#ffe0c8", + "--wa-color-brand-fill-normal": "#dff3fc", + "--ha-color-on-primary-normal": "#009ac7", + "--color-32": "#f48758", + "--ha-line-height-expanded": "2", + "--wa-border-radius-pill": "9999px", + "--color-51": "#f48800", + "--ha-color-green-50": "#00883c", + "--state-weather-windy-color": "#4caf50", + "--ha-border-radius-5xl": "32px", + "--ha-border-radius-circle": "50%", + "--ha-color-primary-10": "#002e3e", + "--ha-color-text-disabled": "#989898", + "--scrollbar-thumb-color": "#c2c2c2", + "--mdc-theme-secondary": "#ff9800", + "--ha-color-fill-success-loud-resting": "#00883c", + "--mdc-select-ink-color": "#000000de", + "--ha-color-border-success-quiet": "#c2f2c1", + "--state-light-active-color": "#ffc107", + "--wa-border-radius-s": "4px", + "--label-badge-green": "#43a047", + "--state-binary_sensor-lock-on-color": "#f44336", + "--wa-color-neutral-on-quiet": "#7a7a7a", + "--wa-form-control-padding-inline": "12px", + "--mdc-text-field-disabled-fill-color": "#fafafa", + "--ha-color-on-success-loud": "#fff", + "--color-27": "#bf8b6d", + "--history-unknown-color": "#606060", + "--state-weather-cloudy-color": "#bdbdbd", + "--state-lock-open-color": "#f44336", + "--wa-color-brand-on-quiet": "#18bcf2", + "--state-water_heater-performance-color": "#ff6f22", + "--energy-grid-consumption-color": "#488fc2", + "--ha-color-fill-neutral-normal-resting": "#e6e6e6", + "--ha-color-fill-danger-quiet-hover": "#ffdedc", + "--wa-transition-easing": "ease", + "--wa-focus-ring": "solid 2px #989898", + "--wa-transition-normal": "1ms", + "--ha-font-size-scale": "1", + "--wa-color-neutral-fill-loud": "#5e5e5e", + "--ha-color-text-primary": "#141414", + "--ha-color-primary-95": "#eff9fe", + "--mdc-button-disabled-ink-color": "#bdbdbd", + "--table-row-background-color": "#fafafa", + "--ha-animation-duration-instant": "1ms", + "--wa-panel-border-width": "1px", + "--ha-box-shadow-l": "0 6px 12px -3px #0000001f, 0 16px 32px -6px #0003", + "--wa-form-control-required-content-offset": ".1rem", + "--mdc-radio-unchecked-color": "rgba(33, 33, 33, .54)", + "--wa-color-danger-border-quiet": "#ffdedc", + "--sidebar-selected-icon-color": "#009ac7", + "--ha-color-fill-warning-normal-resting": "#ffe0c8", + "--ha-color-fill-danger-quiet-active": "#fff0ef", + "--ha-color-on-primary-loud": "#fff", + "--ha-font-family-heading": "Roboto, Noto, sans-serif", + "--ha-color-orange-40": "#9d3800", + "--color-36": "#e43872", + "--state-climate-fan_only-color": "#00bcd4", + "--input-disabled-line-color": "#0000000f", + "--ha-space-20": "80px", + "--color-6": "#ff8ab7", + "--wa-space-xs": "8px", + "--ha-color-primary-20": "#004156", + "--mdc-select-label-ink-color": "#0009", + "--ha-space-6": "24px", + "--ha-color-fill-neutral-quiet-active": "#f3f3f3", + "--ha-color-fill-primary-quiet-resting": "#eff9fe", + "--ha-font-size-m": "calc(14px * 1)", + "--color-50": "#a49100", + "--float-end": "right", + "--wa-color-danger-border-normal": "#fd8f90", + "--ha-color-fill-danger-loud-resting": "#dc3146", + "--state-alarm_control_panel-pending-color": "#ff9800", + "--checked-icon-color": "#fff", + "--mdc-checkbox-unchecked-color": "rgba(33, 33, 33, .54)", + "--color-19": "#6989f4", + "--ha-space-19": "76px", + "--ha-font-family-body": "Roboto, Noto, sans-serif", + "--rgb-text-primary-color": "255, 255, 255", + "--ha-color-border-warning-normal": "#ff9342", + "--shadow-color": "#00000029", + "--state-icon-color": "#44739e", + "--ha-color-fill-warning-quiet-hover": "#ffe0c8", + "--ha-color-fill-primary-normal-active": "#dff3fc", + "--mdc-theme-primary": "#009ac7", + "--color-34": "#f2b94f", + "--ha-space-4": "16px", + "--mdc-dialog-heading-ink-color": "#141414", + "--disabled-color": "#bdbdbd", + "--state-plant-active-color": "#f44336", + "--ha-color-neutral-40": "#5e5e5e", + "--orange-color": "#ff9800", + "--energy-water-color": "#00bcd4", + "--ha-font-weight-body": "400", + "--wa-form-control-required-content": "\"*\"", + "--ha-color-fill-danger-normal-hover": "#ffb8b6", + "--wa-font-weight-body": "400", + "--color-45": "#fecddf", + "--color-4": "#6cc5b0", + "--wa-line-height-condensed": "1.2", + "--lime-color": "#cddc39", + "--wa-color-warning-border-normal": "#ff9342", + "--mdc-tab-text-label-color-default": "#141414", + "--mdc-select-disabled-fill-color": "#fafafa", + "--light-green-color": "#8bc34a", + "--wa-color-brand-border-normal": "#18bcf2", + "--wa-color-neutral-fill-normal": "#e6e6e6", + "--label-badge-red": "#db4437", + "--ha-color-on-danger-normal": "#b30532", + "--state-device_tracker-home-color": "#4caf50", + "--state-cover-active-color": "#926bc7", + "--state-binary_sensor-problem-on-color": "#f44336", + "--state-binary_sensor-sound-on-color": "#f44336", + "--ha-color-neutral-60": "#989898", + "--input-dropdown-icon-color": "#0000008a", + "--ha-color-fill-disabled-quiet-hover": "#e6e6e6", + "--app-header-border-bottom": "1px solid #0000001f", + "--blue-color": "#2196f3", + "--wa-color-danger-fill-quiet": "#ffdedc", + "--state-weather-lightning-color": "#ffeb3b", + "--color-8": "#97bbf5", + "--safe-area-inset-x": "calc(0px + 0px)", + "--color-42": "#009f82", + "--mdc-select-dropdown-icon-color": "#0000008a", + "--mdc-theme-text-disabled-on-light": "#bdbdbd", + "--wa-color-brand-fill-loud": "#009ac7", + "--ha-color-green-70": "#5dc36f", + "--state-weather-snowy_rainy-color": "#03a9f4", + "--mdc-text-field-outlined-disabled-border-color": "#0000000f", + "--darker-primary-color": "#016194", + "--ha-color-orange-20": "#5e1c00", + "--state-update-active-color": "#ff9800", + "--ha-color-on-neutral-quiet": "#7a7a7a", + "--wa-color-neutral-border-loud": "#5e5e5e", + "--state-lock-locking-color": "#ff9800", + "--mdc-text-field-hover-line-color": "#000000de", + "--ha-moz-osx-font-smoothing": "grayscale", + "--state-alarm_control_panel-triggered-color": "#f44336", + "--wa-color-surface-raised": "#fff", + "--safe-area-inset-top": "0px", + "--safe-area-offset-top": "calc(max(0px - 0px, 0px) / 2)", + "--ha-color-fill-danger-loud-active": "#dc3146", + "--mdc-text-field-idle-line-color": "#0000006b", + "--dark-disabled-opacity": ".38", + "--state-climate-dry-color": "#ff9800", + "--ha-space-14": "56px", + "--state-sensor-battery-low-color": "#f44336", + "--history-unavailable-color": "transparent", + "--color-44": "#cbe8ff", + "--ha-color-red-30": "#8a132c", + "--safe-area-inset-left": "0px", + "--wa-form-control-value-color": "#141414", + "--ha-font-size-2xl": "calc(24px * 1)", + "--ha-color-on-primary-quiet": "#18bcf2", + "--wa-color-warning-fill-loud": "#ff9342", + "--wa-font-size-s": "calc(12px * 1)", + "--table-row-alternative-background-color": "#e5e5e5", + "--ha-color-red-20": "#631323", + "--ha-color-fill-neutral-loud-active": "#5e5e5e", + "--color-10": "#094bad", + "--ha-color-on-disabled-quiet": "#ccc", + "--ha-color-on-warning-quiet": "#c94e00", + "--ha-color-text-secondary": "#5e5e5e", + "--state-water_heater-gas-color": "#ff9800", + "--ha-color-green-10": "#052310", + "--label-badge-background-color": "#fff", + "--ha-color-form-background-hover": "#e6e6e6", + "--ha-color-fill-danger-normal-active": "#ffdedc", + "--ha-color-border-primary-quiet": "#dff3fc", + "--ha-animation-duration-fast": "1ms", + "--state-lock-locked-color": "#4caf50", + "--wa-panel-border-style": "solid", + "--ha-space-16": "64px", + "--safe-area-inset-y": "calc(0px + 0px)", + "--ha-color-primary-80": "#b9e6fc", + "--deep-purple-color": "#6e41ab", + "--ha-color-neutral-05": "#141414", + "--light-blue-color": "#03a9f4", + "--ha-border-radius-6xl": "36px", + "--mdc-theme-surface": "#fff", + "--brown-color": "#795548", + "--ha-color-on-warning-normal": "#9d3800", + "--ha-color-primary-40": "#009ac7", + "--state-weather-sunny-color": "#ffc107", + "--ha-color-fill-warning-normal-hover": "#ffbb89", + "--slider-color": "#009ac7", + "--color-52": "#27d0df", + "--ha-color-border-warning-quiet": "#ffe0c8", + "--color-53": "#a04a9b", + "--state-weather-clear_night-color": "#6e41ab", + "--bar-box-shadow": "0 2px 12px #00000029", + "--rgb-warning-color": "255, 166, 0", + "--ha-color-neutral-95": "#f3f3f3", + "--ha-color-fill-success-normal-active": "#c2f2c1", + "--ha-border-radius-xl": "16px", + "--color-37": "#d9b100", + "--white-color": "#fff", + "--ha-color-fill-neutral-quiet-resting": "#f3f3f3", + "--header-height": "56px", + "--amber-color": "#ffc107", + "--state-water_heater-electric-color": "#ff9800", + "--state-person-home-color": "#4caf50", + "--energy-non-fossil-color": "#0f9d58", + "--wa-color-danger-border-loud": "#b30532", + "--wa-color-success-fill-normal": "#c2f2c1", + "--state-lock-unlocked-color": "#f44336", + "--green-color": "#4caf50", + "--state-lock-jammed-color": "#f44336", + "--scale-direction": "1", + "--ha-color-border-neutral-quiet": "#e6e6e6", + "--mdc-theme-on-secondary": "#fff", + "--safe-area-inset-bottom": "0px", + "--ha-color-fill-success-quiet-active": "#e3f9e3", + "--slider-secondary-color": "#b3e5fc", + "--wa-color-brand-on-loud": "#fff", + "--color-33": "#8caed6", + "--color-26": "#badeff", + "--color-11": "#c99000", + "--ha-color-fill-disabled-normal-hover": "#e6e6e6", + "--wa-panel-border-radius": "24px", + "--ha-color-neutral-30": "#4a4a4a", + "--ha-color-fill-primary-loud-resting": "#009ac7", + "--color-5": "#a463f2", + "--ha-border-radius-sm": "4px", + "--wa-color-neutral-fill-quiet": "#e6e6e6", + "--ha-color-fill-neutral-normal-active": "#e6e6e6", + "--ha-color-red-05": "#2a040b", + "--ha-space-7": "28px", + "--ha-line-height-normal": "1.6", + "--energy-solar-color": "#ff9800", + "--mdc-button-outline-color": "#0000001f", + "--disabled-text-color": "#bdbdbd", + "--ha-color-red-80": "#ffb8b6", + "--ha-color-fill-success-quiet-hover": "#c2f2c1", + "--light-grey-color": "#bdbdbd", + "--energy-grid-return-color": "#8353d1", + "--state-alert-on-color": "#f44336", + "--ha-border-radius-4xl": "28px", + "--state-humidifier-on-color": "#2196f3", + "--ha-font-size-4xl": "calc(32px * 1)", + "--ha-color-green-60": "#00ac49", + "--state-binary_sensor-battery-on-color": "#f44336", + "--state-water_heater-high_demand-color": "#ff6f22", + "--ha-color-fill-success-quiet-resting": "#e3f9e3", + "--input-disabled-ink-color": "#0000005e", + "--divider-color": "#0000001f", + "--checked-icon-scale": ".9", + "--ha-color-fill-success-loud-hover": "#036730", + "--ha-color-on-success-normal": "#036730", + "--ha-color-primary-05": "#001721", + "--ha-color-on-danger-loud": "#fff", + "--wa-color-warning-border-quiet": "#ffe0c8", + "--blue-grey-color": "#607d8b", + "--ha-border-radius-lg": "12px", + "--ha-color-fill-neutral-loud-resting": "#5e5e5e", + "--ha-color-text-secondary-inverted": "#363636", + "--mdc-select-disabled-dropdown-icon-color": "#0000005e", + "--ha-color-primary-50": "#18bcf2", + "--color-3": "#ff725c", + "--state-climate-heat-cool-color": "#ffc107", + "--wa-color-warning-border-loud": "#9d3800", + "--wa-color-text-quiet": "#5e5e5e", + "--state-switch-active-color": "#ffc107", + "--ha-color-green-30": "#0a5027", + "--ha-color-fill-warning-quiet-active": "#fff0e4", + "--ha-color-text-primary-inverted": "#fff", + "--ha-space-11": "44px", + "--ha-color-red-40": "#b30532", + "--mdc-dialog-content-ink-color": "#141414", + "--wa-color-neutral-border-quiet": "#e6e6e6", + "--sidebar-background-color": "#fff", + "--wa-form-control-value-font-weight": "400", + "--primary-color": "#009ac7", + "--color-35": "#eff26e", + "--ha-assist-chip-active-container-color": "rgba(0, 154, 199, .15)", + "--wa-color-success-on-loud": "#fff", + "--markdown-code-background-color": "#fafafa", + "--ha-space-10": "40px", + "--primary-background-color": "#fafafa", + "--wa-form-control-activated-color": "#009ac7", + "--ha-space-17": "68px", + "--label-badge-blue": "#039be5", + "--warning-color": "#ffa600", + "--ha-font-weight-action": "500", + "--wa-color-success-on-quiet": "#00883c", + "--input-outlined-idle-border-color": "#00000061", + "--wa-color-success-fill-quiet": "#c2f2c1", + "--ha-color-red-95": "#fff0ef", + "--ha-color-black": "#000", + "--ha-color-surface-lower-inverted": "#000", + "--ha-color-fill-success-normal-hover": "#93da98", + "--ha-space-13": "52px", + "--state-sun-below_horizon-color": "#3f51b5", + "--app-theme-color": "#fff", + "--color-47": "#8cd2ce", + "--wa-form-control-padding-block": ".75em", + "--ha-color-fill-success-normal-resting": "#c2f2c1", + "--wa-font-size-l": "calc(16px * 1)", + "--rgb-info-color": "3, 155, 229", + "--state-lawn_mower-active-color": "#009688", + "--ha-color-fill-success-loud-active": "#00883c", + "--ha-color-green-05": "#031608", + "--ha-color-neutral-20": "#363636", + "--ha-color-fill-warning-normal-active": "#ffe0c8", + "--rgb-secondary-text-color": "114, 114, 114", + "--state-binary_sensor-carbon_monoxide-on-color": "#f44336", + "--energy-battery-out-color": "#4db6ac", + "--sidebar-icon-color": "rgba(33, 33, 33, .6)", + "--color-41": "#d06800", + "--margin-title-rtl": "0 24px 0 0", + "--ha-color-border-success-loud": "#036730", + "--ha-color-fill-warning-loud-active": "#ff9342", + "--ha-color-fill-disabled-loud-resting": "#ccc", + "--ha-space-1": "4px", + "--mdc-checkbox-disabled-color": "#bdbdbd", + "--ha-space-3": "12px", + "--ha-color-neutral-50": "#7a7a7a", + "--state-binary_sensor-heat-on-color": "#f44336", + "--rgb-primary-color": "0, 154, 199", + "--red-color": "#f44336", + "--ha-color-green-95": "#e3f9e3", + "--state-alarm_control_panel-armed_custom_bypass-color": "#4caf50", + "--wa-color-text-normal": "#141414", + "--ha-space-5": "20px", + "--rgb-success-color": "67, 160, 71", + "--ha-color-orange-10": "#3b0f00", + "--color-30": "#bf3947", + "--state-weather-pouring-color": "#3f51b5", + "--ha-color-fill-neutral-loud-hover": "#4a4a4a", + "--state-unavailable-color": "#bdbdbd", + "--wa-color-brand-fill-quiet": "#dff3fc", + "--ha-color-orange-90": "#ffe0c8", + "--state-binary_sensor-tamper-on-color": "#f44336", + "--ha-color-fill-disabled-normal-resting": "#f3f3f3", + "--mdc-text-field-disabled-line-color": "#0000000f", + "--wa-space-m": "16px", + "--ha-line-height-condensed": "1.2", + "--wa-form-control-background-color": "", + "--state-device_tracker-active-color": "#2196f3", + "--input-hover-line-color": "#000000de", + "--ha-font-size-xl": "calc(20px * 1)", + "--ha-color-border-neutral-normal": "#989898", + "--wa-border-width-s": "1px", + "--color-49": "#f883b0", + "--wa-shadow-l": "0 6px 12px -3px #0000001f, 0 16px 32px -6px #0003", + "--wa-font-size-m": "calc(14px * 1)", + "--ha-font-weight-medium": "500", + "--state-vacuum-active-color": "#009688", + "--ha-color-fill-disabled-quiet-resting": "#f3f3f3", + "--mdc-text-field-outlined-idle-border-color": "#00000061", + "--ha-border-radius-3xl": "24px", + "--color-48": "#c4b8d9", + "--ha-color-border-danger-normal": "#fd8f90", + "--accent-color": "#ff9800", + "--outline-hover-color": "#0000003d", + "--ha-color-on-disabled-normal": "#b1b1b1", + "--ha-font-size-l": "calc(16px * 1)", + "--color-38": "#9d7a00", + "--state-weather-partlycloudy-color": "#607d8b", + "--ha-color-orange-80": "#ffbb89", + "--wa-border-radius-m": "8px", + "--state-binary_sensor-glass_break-on-color": "#f44336", + "--deep-orange-color": "#ff6f22", + "--ha-color-form-background-disabled": "#ccc", + "--wa-color-success-border-loud": "#036730", + "--ha-color-orange-95": "#fff0e4", + "--mdc-theme-error": "#db4437", + "--ha-color-primary-90": "#dff3fc", + "--ha-color-border-neutral-loud": "#5e5e5e", + "--state-weather-fog-color": "#9e9e9e", + "--color-40": "#00d27e", + "--wa-space-xl": "32px", + "--secondary-text-color": "#5e5e5e", + "--error-color": "#db4437", + "--mdc-dialog-scroll-divider-color": "#0000001f", + "--state-weather-snowy-color": "#c0e0ff", + "--ha-font-weight-bold": "700", + "--ha-space-12": "48px", + "--wa-border-radius-l": "12px", + "--wa-color-danger-fill-loud": "#dc3146", + "--color-16": "#8043ce", + "--color-22": "#8fe9d3", + "--ha-color-red-50": "#dc3146", + "--state-alarm_control_panel-armed_vacation-color": "#4caf50", + "--mdc-select-outlined-hover-border-color": "#000000de", + "--wa-border-style": "solid", + "--ha-color-surface-default": "#fff", + "--app-header-background-color": "#fff", + "--card-background-color": "#fff", + "--state-alert-off-color": "#ff9800", + "--mdc-theme-on-surface": "#141414", + "--ha-color-border-success-normal": "#5dc36f", + "--state-climate-cool-color": "#2196f3", + "--label-badge-text-color": "rgba(33, 33, 33, .8)", + "--state-binary_sensor-smoke-on-color": "#f44336", + "--wa-color-warning-on-normal": "#9d3800", + "--mdc-text-field-outlined-hover-border-color": "#000000de", + "--color-21": "#ff957c", + "--indigo-color": "#3f51b5", + "--wa-focus-ring-color": "#989898", + "--mdc-radio-disabled-color": "#bdbdbd", + "--color-13": "#49a28f", + "--state-alarm_control_panel-armed_home-color": "#4caf50", + "--ha-color-text-link": "#009ac7", + "--mdc-select-fill-color": "#f5f5f5", + "--ha-color-fill-primary-quiet-hover": "#dff3fc", + "--ha-color-fill-danger-quiet-resting": "#fff0ef", + "--label-badge-grey": "#9e9e9e", + "--wa-transition-fast": "1ms", + "--label-badge-yellow": "#ffa600", + "--data-table-background-color": "#fff", + "--state-icon-error-color": "#db4437", + "--color-39": "#698cff", + "--ha-box-shadow-s": "0 1px 2px 0 #00000014, 0 1px 3px 0 #0000001f", + "--ha-border-radius-2xl": "20px", + "--wa-shadow-m": "0 3px 6px -1px #0000001a, 0 8px 16px -2px #00000026", + "--ha-color-surface-low": "#f3f3f3", + "--ha-animation-duration-slow": "1ms", + "--color-31": "#9f5b00", + "--ha-font-smoothing": "antialiased", + "--color-14": "#048732", + "--color-20": "#ffd444", + "--ha-color-fill-warning-quiet-resting": "#fff0e4", + "--wa-border-width-m": "2px", + "--ha-color-green-90": "#c2f2c1", + "--state-lawn_mower-error-color": "#f44336", + "--mdc-select-idle-line-color": "#0000006b", + "--color-23": "#62cc71", + "--mdc-select-hover-line-color": "#000000de", + "--ha-dialog-scrim-backdrop-filter": "brightness(68%)", + "--safe-area-inset-right": "0px", + "--clear-background-color": "#fff", + "--state-sun-above_horizon-color": "#ffc107", + "--state-lock-unlocking-color": "#ff9800", + "--ha-animation-duration-none": "1ms", + "--light-primary-color": "#b3e5fc", + "--state-lock-opening-color": "#ff9800", + "--color-7": "#9c6b4e", + "--wa-form-control-toggle-size": "20px", + "--ha-color-fill-danger-normal-resting": "#ffdedc", + "--mdc-theme-on-primary": "#fff", + "--input-outlined-hover-border-color": "#000000de", + "--chip-background-color": "rgba(33, 33, 33, .15)", + "--ha-color-on-success-quiet": "#00883c", + "--ha-color-on-surface-default": "#141414", + "--md-list-item-label-text-font": "Roboto, Noto, sans-serif", + "--ha-color-red-90": "#ffdedc", + "--input-ink-color": "#000000de", + "--direction": "ltr", + "--rgb-card-background-color": "255, 255, 255", + "--float-start": "left", + "--light-secondary-opacity": ".7", + "--ha-space-2": "8px", + "--ha-color-fill-primary-loud-hover": "#006787", + "--slider-track-color": "#c2c2c2", + "--md-list-item-trailing-supporting-text-font": "Roboto, Noto, sans-serif", + "--ha-color-red-10": "#3e0913", + "--safe-area-offset-left": "calc(max(0px - 0px, 0px) / 2)", + "--wa-color-neutral-on-loud": "#fff", + "--text-primary-color": "#fff", + "--ha-color-surface-lower": "#e6e6e6", + "--ha-font-family-longform": "ui-sans-serif, system-ui, sans-serif", + "--light-divider-opacity": ".12", + "--state-weather-lightning_rainy-color": "#cddc39", + "--ha-border-radius-square": "0", + "--safe-area-offset-bottom": "calc(max(0px - 0px, 0px) / 2)", + "--wa-font-weight-action": "500", + "--ha-color-on-neutral-loud": "#fff", + "--wa-color-success-fill-loud": "#00883c", + "--primary-text-color": "#141414", + "--info-color": "#039be5", + "--color-54": "#4269d0", + "--teal-color": "#009688", + "--ha-color-fill-warning-loud-hover": "#c94e00", + "--color-12": "#d84f3e", + "--pink-color": "#e91e63", + "--wa-form-control-border-style": "solid", + "--ha-color-border-warning-loud": "#9d3800", + "--light-disabled-opacity": ".3", + "--mdc-select-disabled-ink-color": "#0000005e", + "--mdc-theme-text-icon-on-background": "#5e5e5e", + "--wa-color-success-border-quiet": "#c2f2c1", + "--wa-color-success-on-normal": "#036730", + "--ha-space-18": "72px", + "--wa-space-l": "24px", + "--rgb-primary-text-color": "33, 33, 33", + "--wa-border-width-l": "3px", + "--ha-color-neutral-10": "#202020", + "--state-person-active-color": "#2196f3", + "--ha-box-shadow-m": "0 3px 6px -1px #0000001a, 0 8px 16px -2px #00000026", + "--ha-color-border-danger-quiet": "#ffdedc", + "--app-header-text-color": "#141414", + "--ha-color-orange-30": "#7e2900", + "--ha-color-surface-default-inverted": "#202020", + "--ha-color-fill-danger-loud-hover": "#b30532", + "--ha-color-neutral-70": "#b1b1b1", + "--wa-shadow-s": "0 1px 2px 0 #00000014, 0 1px 3px 0 #0000001f", + "--color-43": "#c49200", + "--dark-primary-color": "#0288d1", + "--ha-color-green-40": "#036730", + "--color-1": "#4269d0", + "--dark-grey-color": "#606060", + "--rgb-error-color": "219, 68, 55", + "--ha-color-fill-neutral-normal-hover": "#ccc", + "--ha-color-border-primary-loud": "#009ac7", + "--wa-color-danger-on-quiet": "#dc3146", + "--state-binary_sensor-gas-on-color": "#f44336", + "--grey-color": "#9e9e9e", + "--mdc-theme-text-hint-on-background": "#5e5e5e", + "--wa-color-danger-fill-normal": "#ffdedc", + "--state-binary_sensor-moisture-on-color": "#f44336", + "--yellow-color": "#ffeb3b" + }, + "dark": { + "--ha-space-8": "32px", + "--wa-color-brand-on-normal": "#37c8fd", + "--state-inactive-color": "#9e9e9e", + "--codemirror-type": "#decb6b", + "--safe-width": "calc(100vw - 0px - 0px)", + "--success-color": "#43a047", + "--input-outlined-disabled-border-color": "#ffffff0f", + "--color-29": "#97ee3f", + "--purple-color": "#926bc7", + "--ha-color-fill-primary-normal-resting": "#002e3e", + "--mdc-theme-background": "#111", + "--ha-space-15": "60px", + "--mdc-theme-text-primary-on-background": "#e1e1e1", + "--state-binary_sensor-active-color": "#ffc107", + "--state-valve-active-color": "#2196f3", + "--mdc-text-field-fill-color": "#ffffff0d", + "--ha-font-family-code": "monospace", + "--wa-form-control-value-line-height": "1.2", + "--safe-height": "calc(100vh - 0px - 0px)", + "--state-weather-windy_variant-color": "#4caf50", + "--dark-primary-opacity": ".87", + "--state-binary_sensor-safety-on-color": "#f44336", + "--mdc-select-outlined-disabled-border-color": "#ffffff0f", + "--ha-font-size-s": "calc(12px * 1)", + "--rgb-ha-button-warning-light-color": "145,123,84", + "--ha-color-primary-30": "#006787", + "--state-sensor-battery-high-color": "#4caf50", + "--ha-color-red-60": "#f3676c", + "--ha-border-radius-pill": "9999px", + "--ha-color-form-background": "#363636", + "--mdc-text-field-disabled-ink-color": "#ffffff5e", + "--state-fan-active-color": "#00bcd4", + "--rgb-disabled-text-color": "111,111,111", + "--sidebar-selected-text-color": "#009ac7", + "--state-weather-hail-color": "#00bcd4", + "--ha-color-fill-disabled-loud-hover": "#5e5e5e", + "--ha-color-on-neutral-normal": "#989898", + "--md-list-item-supporting-text-font": "Roboto, Noto, sans-serif", + "--wa-color-warning-on-loud": "#fff", + "--ha-color-shadow-scrollable-fade": "#00000014", + "--state-weather-exceptional-color": "#f44336", + "--ha-color-orange-50": "#c94e00", + "--black-color": "#000", + "--wa-color-brand-border-quiet": "#dff3fc", + "--ha-color-fill-primary-quiet-active": "#001721", + "--state-media_player-active-color": "#03a9f4", + "--cyan-color": "#00bcd4", + "--state-alarm_control_panel-disarming-color": "#ff9800", + "--ha-color-white": "#fff", + "--mdc-text-field-label-ink-color": "#fff9", + "--wa-color-warning-fill-normal": "#3b0f00", + "--margin-title-ltr": "0 0 0 24px", + "--ha-color-on-warning-loud": "#fff", + "--ha-color-red-70": "#fd8f90", + "--rgb-clear-background-color": "17,17,17", + "--codemirror-variable": "#f07178", + "--color-9": "#01ab63", + "--map-filter": "invert(.9) hue-rotate(170deg) brightness(1.5) contrast(1.2) saturate(.3)", + "--ha-color-border-danger-loud": "#dc3146", + "--state-weather-rainy-color": "#2196f3", + "--wa-focus-ring-style": "solid", + "--input-idle-line-color": "#ffffff6b", + "--mdc-select-outlined-idle-border-color": "#ffffff61", + "--input-disabled-fill-color": "#ffffff05", + "--ha-font-weight-heading": "700", + "--state-alarm_control_panel-armed_night-color": "#4caf50", + "--input-label-ink-color": "#fff9", + "--ha-color-orange-05": "#280700", + "--rgb-accent-color": "255, 152, 0", + "--ha-font-weight-normal": "400", + "--color-28": "#927acc", + "--wa-color-surface-default": "#1c1c1c", + "--ha-color-primary-60": "#37c8fd", + "--ha-space-9": "36px", + "--dark-divider-opacity": ".12", + "--mdc-text-field-ink-color": "#ffffffde", + "--wa-form-control-height": "40px", + "--state-vacuum-error-color": "#f44336", + "--color-17": "#7599d1", + "--state-siren-active-color": "#f44336", + "--wa-focus-ring-offset": "2px", + "--wa-color-brand-border-loud": "#009ac7", + "--ha-border-width-sm": "1px", + "--wa-color-neutral-border-normal": "#7a7a7a", + "--wa-color-warning-on-quiet": "#ff9342", + "--ha-border-width-md": "2px", + "--state-climate-heat-color": "#ff6f22", + "--secondary-background-color": "#282828", + "--ha-color-green-80": "#93da98", + "--text-light-primary-color": "#212121", + "--color-46": "#c27eb6", + "--ha-color-neutral-90": "#e6e6e6", + "--ha-border-width-lg": "3px", + "--ha-color-fill-primary-normal-hover": "#004156", + "--ha-color-on-danger-quiet": "#fd8f90", + "--ha-color-orange-60": "#f36d00", + "--wa-color-danger-on-loud": "#fff", + "--wa-color-surface-border": "#5e5e5e", + "--wa-form-control-border-radius": "12px", + "--wa-form-control-placeholder-color": "#ccc", + "--wa-color-success-border-normal": "#5dc36f", + "--wa-form-control-border-color": "#7a7a7a", + "--state-climate-auto-color": "#4caf50", + "--ha-color-green-20": "#0a3a1d", + "--ha-font-size-5xl": "calc(40px * 1)", + "--ha-color-border-primary-normal": "#7bd4fb", + "--dark-secondary-opacity": ".54", + "--outline-color": "#e1e1e11f", + "--state-active-color": "#ffc107", + "--color-18": "#7a4c31", + "--state-sensor-battery-medium-color": "#ff9800", + "--color-25": "#c884ff", + "--ha-color-focus": "#989898", + "--energy-battery-in-color": "#f06292", + "--safe-area-offset-right": "calc(max(0px - 0px, 0px) / 2)", + "--state-alarm_control_panel-arming-color": "#ff9800", + "--state-water_heater-eco-color": "#4caf50", + "--input-fill-color": "#ffffff0d", + "--codemirror-qualifier": "#decb6b", + "--ha-color-fill-neutral-quiet-hover": "#202020", + "--state-water_heater-heat_pump-color": "#ff9800", + "--ha-color-primary-70": "#7bd4fb", + "--light-primary-opacity": "1", + "--ha-color-fill-warning-loud-resting": "#9d3800", + "--ha-color-fill-primary-loud-active": "#009ac7", + "--color-2": "#f4bd4a", + "--rgb-primary-background-color": "17,17,17", + "--ha-font-size-3xl": "calc(28px * 1)", + "--ha-assist-chip-filled-container-color": "rgba(225,225,225, .15)", + "--color-24": "#ffadda", + "--ha-font-size-xs": "calc(10px * 1)", + "--ha-animation-duration-normal": "1ms", + "--wa-color-danger-on-normal": "#f3676c", + "--sidebar-text-color": "#e1e1e1", + "--color-15": "#d96895", + "--wa-form-control-border-width": "1px", + "--wa-color-neutral-on-normal": "#989898", + "--ha-border-radius-md": "8px", + "--energy-gas-color": "#8e021b", + "--mdc-theme-text-secondary-on-background": "#9b9b9b", + "--ha-color-surface-low-inverted": "#f3f3f3", + "--ha-color-on-disabled-loud": "#7a7a7a", + "--state-alarm_control_panel-armed_away-color": "#4caf50", + "--rgb-input-ink-color": "255,255,255", + "--codemirror-variable-2": "#eff", + "--wa-focus-ring-width": "2px", + "--table-header-background-color": "#ffffff0d", + "--ha-color-neutral-80": "#ccc", + "--ha-color-orange-70": "#ff9342", + "--wa-color-brand-fill-normal": "#002e3e", + "--wa-color-warning-fill-quiet": "#3b0f00", + "--codemirror-comment": "#545454", + "--ha-font-weight-light": "300", + "--ha-color-on-primary-normal": "#37c8fd", + "--ha-line-height-expanded": "2", + "--color-32": "#f48758", + "--wa-border-radius-pill": "9999px", + "--color-51": "#f48800", + "--ha-color-green-50": "#00883c", + "--rgb-input-disabled-ink-color": "255,255,255", + "--state-weather-windy-color": "#4caf50", + "--ha-border-radius-5xl": "32px", + "--ha-border-radius-circle": "50%", + "--ha-color-primary-10": "#002e3e", + "--ha-color-text-disabled": "#989898", + "--scrollbar-thumb-color": "#6e6e6e", + "--mdc-theme-secondary": "#ff9800", + "--ha-color-fill-success-loud-resting": "#036730", + "--ha-color-border-success-quiet": "#c2f2c1", + "--mdc-select-ink-color": "#ffffffde", + "--state-light-active-color": "#ffc107", + "--wa-border-radius-s": "4px", + "--ha-color-on-success-loud": "#fff", + "--state-binary_sensor-lock-on-color": "#f44336", + "--label-badge-green": "#43a047", + "--wa-color-neutral-on-quiet": "#b1b1b1", + "--rgb-codemirror-operator": "137,221,255", + "--mdc-text-field-disabled-fill-color": "#ffffff05", + "--wa-form-control-padding-inline": "12px@layer wa-utilities{@supports (scrollbar-gutter", + "--color-27": "#bf8b6d", + "--history-unknown-color": "#606060", + "--state-weather-cloudy-color": "#bdbdbd", + "--state-lock-open-color": "#f44336", + "--wa-color-brand-on-quiet": "#7bd4fb", + "--state-water_heater-performance-color": "#ff6f22", + "--energy-grid-consumption-color": "#488fc2", + "--ha-color-fill-danger-quiet-hover": "#3e0913", + "--ha-button-neutral-light-color": "#6a7081", + "--wa-transition-easing": "ease", + "--wa-focus-ring": "solid 2px #989898", + "--ha-color-fill-neutral-normal-resting": "#202020", + "--wa-transition-normal": "1ms", + "--ha-font-size-scale": "1", + "--ha-color-text-primary": "#fff", + "--wa-color-neutral-fill-loud": "#989898", + "--ha-color-primary-95": "#eff9fe", + "--mdc-button-disabled-ink-color": "#6f6f6f", + "--table-row-background-color": "#111", + "--rgb-codemirror-comment": "84,84,84", + "--ha-button-primary-light-color": "#4082a040", + "--ha-animation-duration-instant": "1ms", + "--wa-panel-border-width": "1px", + "--ha-box-shadow-l": "0 6px 12px -3px #0006, 0 16px 32px -6px #0000008c", + "--rgb-input-dropdown-icon-color": "255,255,255", + "--wa-form-control-required-content-offset": ".1rem", + "--mdc-radio-unchecked-color": "rgba(225,225,225, .54)", + "--wa-color-danger-border-quiet": "#ffdedc", + "--sidebar-selected-icon-color": "#009ac7", + "--ha-color-fill-warning-normal-resting": "#3b0f00", + "--ha-color-fill-danger-quiet-active": "#2a040b", + "--ha-color-on-primary-loud": "#fff", + "--ha-font-family-heading": "Roboto, Noto, sans-serif", + "--ha-color-orange-40": "#9d3800", + "--color-36": "#e43872", + "--state-climate-fan_only-color": "#00bcd4", + "--input-disabled-line-color": "#ffffff0f", + "--ha-space-20": "80px", + "--color-6": "#ff8ab7", + "--wa-space-xs": "8px", + "--ha-color-primary-20": "#004156", + "--mdc-select-label-ink-color": "#fff9", + "--ha-space-6": "24px", + "--ha-color-fill-neutral-quiet-active": "", + "--ha-color-fill-primary-quiet-resting": "#001721", + "--rgb-codemirror-atom": "247,140,108", + "--ha-font-size-m": "calc(14px * 1)", + "--color-50": "#a49100", + "--float-end": "right", + "--rgb-disabled-color": "70,70,70", + "--ha-color-fill-danger-loud-resting": "#b30532", + "--wa-color-danger-border-normal": "#dc3146", + "--state-alarm_control_panel-pending-color": "#ff9800", + "--checked-icon-color": "#fff", + "--mdc-checkbox-unchecked-color": "rgba(225,225,225, .54)", + "--color-19": "#6989f4", + "--ha-space-19": "76px", + "--ha-font-family-body": "Roboto, Noto, sans-serif", + "--rgb-text-primary-color": "255, 255, 255", + "--ha-color-border-warning-normal": "#c94e00", + "--shadow-color": "#0000007a", + "--state-icon-color": "#44739e", + "--rgb-ha-button-neutral-color": "217,218,224", + "--ha-color-fill-warning-quiet-hover": "#3b0f00", + "--rgb-outline-hover-color": "225,225,225", + "--ha-color-fill-primary-normal-active": "#002e3e", + "--mdc-theme-primary": "#009ac7", + "--color-34": "#f2b94f", + "--rgb-input-outlined-idle-border-color": "255,255,255", + "--mdc-dialog-heading-ink-color": "#e1e1e1", + "--disabled-color": "#464646", + "--ha-space-4": "16px", + "--state-plant-active-color": "#f44336", + "--ha-color-neutral-40": "#5e5e5e", + "--energy-water-color": "#00bcd4", + "--orange-color": "#ff9800", + "--ha-font-weight-body": "400", + "--wa-form-control-required-content": "\"*\"", + "--ha-color-fill-danger-normal-hover": "#631323", + "--wa-font-weight-body": "400", + "--color-45": "#fecddf", + "--color-4": "#6cc5b0", + "--wa-line-height-condensed": "1.2", + "--lime-color": "#cddc39", + "--wa-color-warning-border-normal": "#c94e00", + "--mdc-tab-text-label-color-default": "#e1e1e1", + "--mdc-select-disabled-fill-color": "#ffffff05", + "--rgb-codemirror-variable-2": "238,255,255", + "--light-green-color": "#8bc34a", + "--wa-color-brand-border-normal": "#18bcf2", + "--wa-color-neutral-fill-normal": "#202020", + "--ha-color-on-danger-normal": "#f3676c", + "--label-badge-red": "#db4437", + "--state-device_tracker-home-color": "#4caf50", + "--state-cover-active-color": "#926bc7", + "--state-binary_sensor-problem-on-color": "#f44336", + "--state-binary_sensor-sound-on-color": "#f44336", + "--ha-color-neutral-60": "#989898", + "--input-dropdown-icon-color": "#ffffff8a", + "--ha-color-fill-disabled-quiet-hover": "#363636", + "--app-header-border-bottom": "1px solid #e1e1e11f", + "--blue-color": "#2196f3", + "--wa-color-danger-fill-quiet": "#3e0913", + "--state-weather-lightning-color": "#ffeb3b", + "--color-8": "#97bbf5", + "--rgb-codemirror-number": "255,83,112", + "--safe-area-inset-x": "calc(0px + 0px)", + "--color-42": "#009f82", + "--mdc-select-dropdown-icon-color": "#ffffff8a", + "--ha-button-warning-light-color": "#917b54c1", + "--mdc-theme-text-disabled-on-light": "#6f6f6f", + "--wa-color-brand-fill-loud": "#009ac7", + "--ha-color-green-70": "#5dc36f", + "--mdc-text-field-outlined-disabled-border-color": "#ffffff0f", + "--state-weather-snowy_rainy-color": "#03a9f4", + "--darker-primary-color": "#016194", + "--ha-color-orange-20": "#5e1c00", + "--state-update-active-color": "#ff9800", + "--ha-color-on-neutral-quiet": "#b1b1b1", + "--wa-color-neutral-border-loud": "#b1b1b1", + "--state-lock-locking-color": "#ff9800", + "--rgb-codemirror-variable-3": "222,203,107", + "--mdc-text-field-hover-line-color": "#ffffffde", + "--ha-moz-osx-font-smoothing": "grayscale", + "--codemirror-number": "#ff5370", + "--state-alarm_control_panel-triggered-color": "#f44336", + "--wa-color-surface-raised": "#1c1c1c", + "--safe-area-inset-top": "0px", + "--safe-area-offset-top": "calc(max(0px - 0px, 0px) / 2)", + "--ha-color-fill-danger-loud-active": "#b30532", + "--mdc-text-field-idle-line-color": "#ffffff6b", + "--dark-disabled-opacity": ".38", + "--state-climate-dry-color": "#ff9800", + "--codemirror-attribute": "#c792ea", + "--ha-space-14": "56px", + "--mdc-linear-progress-buffer-color": "#ffffff1a", + "--state-sensor-battery-low-color": "#f44336", + "--history-unavailable-color": "transparent", + "--color-44": "#cbe8ff", + "--ha-color-red-30": "#8a132c", + "--safe-area-inset-left": "0px", + "--wa-form-control-value-color": "#e1e1e1", + "--ha-font-size-2xl": "calc(24px * 1)", + "--ha-color-on-primary-quiet": "#7bd4fb", + "--wa-color-warning-fill-loud": "#9d3800", + "--wa-font-size-s": "calc(12px * 1)", + "--table-row-alternative-background-color": "#282828", + "--ha-color-red-20": "#631323", + "--ha-color-fill-neutral-loud-active": "#989898", + "--rgb-input-outlined-hover-border-color": "255,255,255", + "--color-10": "#094bad", + "--ha-color-on-disabled-quiet": "#5e5e5e", + "--ha-color-on-warning-quiet": "#ff9342", + "--ha-color-text-secondary": "#ccc", + "--state-water_heater-gas-color": "#ff9800", + "--ha-color-green-10": "#052310", + "--label-badge-background-color": "#1c1c1c", + "--ha-color-form-background-hover": "#4a4a4a", + "--ha-color-fill-danger-normal-active": "#3e0913", + "--ha-color-border-primary-quiet": "#dff3fc", + "--ha-animation-duration-fast": "1ms", + "--state-lock-locked-color": "#4caf50", + "--wa-panel-border-style": "solid", + "--ha-space-16": "64px", + "--safe-area-inset-y": "calc(0px + 0px)", + "--ha-color-primary-80": "#b9e6fc", + "--deep-purple-color": "#6e41ab", + "--ha-color-neutral-05": "#141414", + "--rgb-input-disabled-line-color": "255,255,255", + "--light-blue-color": "#03a9f4", + "--ha-border-radius-6xl": "36px", + "--mdc-theme-surface": "#1c1c1c", + "--state-weather-sunny-color": "#ffc107", + "--brown-color": "#795548", + "--ha-color-on-warning-normal": "#f36d00", + "--ha-color-primary-40": "#009ac7", + "--ha-color-fill-warning-normal-hover": "#5e1c00", + "--rgb-codemirror-meta": "255,203,107", + "--slider-color": "#009ac7", + "--color-52": "#27d0df", + "--ha-color-border-warning-quiet": "#ffe0c8", + "--codemirror-tag": "#ff5370", + "--color-53": "#a04a9b", + "--state-weather-clear_night-color": "#6e41ab", + "--bar-box-shadow": "0 2px 12px #0000007a", + "--rgb-mdc-ripple-color": "170,170,170", + "--rgb-input-outlined-disabled-border-color": "255,255,255", + "--rgb-warning-color": "255, 166, 0", + "--ha-color-fill-success-normal-active": "#052310", + "--ha-color-neutral-95": "#f3f3f3", + "--ha-border-radius-xl": "16px", + "--color-37": "#d9b100", + "--white-color": "#fff", + "--ha-color-fill-neutral-quiet-resting": "#141414", + "--codemirror-variable-3": "#decb6b", + "--header-height": "56px", + "--amber-color": "#ffc107", + "--state-water_heater-electric-color": "#ff9800", + "--rgb-ha-button-primary-light-color": "64,130,160", + "--state-person-home-color": "#4caf50", + "--energy-non-fossil-color": "#0f9d58", + "--wa-color-danger-border-loud": "#dc3146", + "--wa-color-success-fill-normal": "#052310", + "--scale-direction": "1", + "--state-lock-unlocked-color": "#f44336", + "--state-lock-jammed-color": "#f44336", + "--green-color": "#4caf50", + "--ha-color-border-neutral-quiet": "#5e5e5e", + "--mdc-theme-on-secondary": "#fff", + "--safe-area-inset-bottom": "0px", + "--codemirror-atom": "#f78c6c", + "--rgb-ha-button-neutral-light-color": "106,112,129", + "--slider-secondary-color": "#b3e5fc", + "--wa-color-brand-on-loud": "#fff", + "--color-33": "#8caed6", + "--color-26": "#badeff", + "--color-11": "#c99000", + "--rgb-divider-color": "225,225,225", + "--ha-color-fill-disabled-normal-hover": "#4a4a4a", + "--color-5": "#a463f2", + "--ha-color-neutral-30": "#4a4a4a", + "--ha-color-fill-primary-loud-resting": "#009ac7", + "--wa-panel-border-radius": "24px", + "--ha-border-radius-sm": "4px", + "--wa-color-neutral-fill-quiet": "#202020", + "--ha-color-fill-neutral-normal-active": "#202020", + "--ha-color-fill-success-quiet-active": "#031608", + "--ha-color-red-05": "#2a040b", + "--ha-space-7": "28px", + "--mdc-button-outline-color": "#e1e1e11f", + "--energy-solar-color": "#ff9800", + "--disabled-text-color": "#6f6f6f", + "--ha-line-height-normal": "1.6", + "--codemirror-builtin": "#ffcb6b", + "--ha-color-red-80": "#ffb8b6", + "--ha-color-fill-success-quiet-hover": "#052310", + "--light-grey-color": "#bdbdbd", + "--rgb-codemirror-property": "199,146,234", + "--energy-grid-return-color": "#a280db", + "--state-alert-on-color": "#f44336", + "--ha-border-radius-4xl": "28px", + "--state-humidifier-on-color": "#2196f3", + "--ha-font-size-4xl": "calc(32px * 1)", + "--state-binary_sensor-battery-on-color": "#f44336", + "--ha-color-green-60": "#00ac49", + "--codemirror-string": "#c3e88d", + "--ha-color-fill-success-quiet-resting": "#031608", + "--divider-color": "#e1e1e11f", + "--ha-color-on-danger-loud": "#fff", + "--input-disabled-ink-color": "#ffffff5e", + "--codemirror-meta": "#ffcb6b", + "--ha-color-fill-success-loud-hover": "#0a5027", + "--checked-icon-scale": ".9", + "--rgb-energy-grid-return-color": "162,128,219", + "--ha-color-on-success-normal": "#00ac49", + "--ha-color-border-normal": "#18bcf2", + "--wa-color-warning-border-quiet": "#ffe0c8", + "--rgb-codemirror-qualifier": "222,203,107", + "--ha-color-primary-05": "#001721", + "--blue-grey-color": "#607d8b", + "--state-water_heater-high_demand-color": "#ff6f22", + "--ha-border-radius-lg": "12px", + "--ha-color-fill-neutral-loud-resting": "#989898", + "--ha-color-text-secondary-inverted": "#5e5e5e", + "--mdc-select-disabled-dropdown-icon-color": "#ffffff5e", + "--ha-color-primary-50": "#18bcf2", + "--color-3": "#ff725c", + "--state-climate-heat-cool-color": "#ffc107", + "--codemirror-def": "#82aaff", + "--rgb-mdc-linear-progress-buffer-color": "255,255,255", + "--wa-color-warning-border-loud": "#c94e00", + "--mdc-ripple-color": "#aaa", + "--wa-color-text-quiet": "#ccc", + "--state-switch-active-color": "#ffc107", + "--rgb-codemirror-variable": "240,113,120", + "--ha-color-green-30": "#0a5027", + "--ha-color-fill-warning-quiet-active": "#280700", + "--ha-color-text-primary-inverted": "#000", + "--ha-space-11": "44px", + "--ha-color-red-40": "#b30532", + "--mdc-dialog-content-ink-color": "#e1e1e1", + "--wa-color-neutral-border-quiet": "#5e5e5e", + "--sidebar-background-color": "#1c1c1c", + "--wa-form-control-value-font-weight": "400", + "--primary-color": "#009ac7", + "--color-35": "#eff26e", + "--ha-assist-chip-active-container-color": "rgba(0, 154, 199, .15)", + "--codemirror-operator": "#89ddff", + "--wa-color-success-on-loud": "#fff", + "--markdown-code-background-color": "#111", + "--ha-space-10": "40px", + "--primary-background-color": "#111", + "--wa-form-control-activated-color": "#009ac7", + "--ha-space-17": "68px", + "--label-badge-blue": "#039be5", + "--warning-color": "#ffa600", + "--ha-font-weight-action": "500", + "--ha-color-red-95": "#fff0ef", + "--wa-color-success-on-quiet": "#5dc36f", + "--input-outlined-idle-border-color": "#ffffff61", + "--wa-color-success-fill-quiet": "#052310", + "--codemirror-property": "#c792ea", + "--ha-color-black": "#000", + "--rgb-codemirror-attribute": "199,146,234", + "--ha-color-surface-lower-inverted": "", + "--ha-color-fill-success-normal-hover": "#0a3a1d", + "--ha-space-13": "52px", + "--state-sun-below_horizon-color": "#3f51b5", + "--app-theme-color": "#1c1c1c", + "--color-47": "#8cd2ce", + "--wa-form-control-padding-block": ".75em", + "--ha-color-fill-success-normal-resting": "#052310", + "--wa-font-size-l": "calc(16px * 1)", + "--rgb-info-color": "3, 155, 229", + "--state-lawn_mower-active-color": "#009688", + "--ha-color-fill-success-loud-active": "#036730", + "--codemirror-keyword": "#c792ea", + "--ha-color-green-05": "#031608", + "--ha-color-neutral-20": "#363636", + "--rgb-codemirror-keyword": "199,146,234", + "--ha-color-fill-warning-normal-active": "#3b0f00", + "--rgb-input-fill-color": "255,255,255", + "--rgb-secondary-text-color": "155,155,155", + "--state-binary_sensor-carbon_monoxide-on-color": "#f44336", + "--sidebar-icon-color": "rgba(225,225,225, .6)", + "--energy-battery-out-color": "#4db6ac", + "--color-41": "#d06800", + "--margin-title-rtl": "0 24px 0 0", + "--ha-color-border-success-loud": "#036730", + "--ha-color-fill-warning-loud-active": "#9d3800", + "--ha-color-fill-disabled-loud-resting": "#4a4a4a", + "--ha-space-1": "4px", + "--mdc-checkbox-disabled-color": "#6f6f6f", + "--ha-space-3": "12px", + "--ha-color-neutral-50": "#7a7a7a", + "--state-binary_sensor-heat-on-color": "#f44336", + "--rgb-primary-color": "0, 154, 199", + "--red-color": "#f44336", + "--ha-color-green-95": "#e3f9e3", + "--state-alarm_control_panel-armed_custom_bypass-color": "#4caf50", + "--wa-color-text-normal": "#e1e1e1", + "--ha-space-5": "20px", + "--rgb-success-color": "67, 160, 71", + "--ha-color-orange-10": "#3b0f00", + "--color-30": "#bf3947", + "--state-weather-pouring-color": "#3f51b5", + "--ha-color-fill-neutral-loud-hover": "#b1b1b1", + "--state-unavailable-color": "#6f6f6f", + "--wa-color-brand-fill-quiet": "#002e3e", + "--ha-color-orange-90": "#ffe0c8", + "--state-binary_sensor-tamper-on-color": "#f44336", + "--ha-color-fill-disabled-normal-resting": "#363636", + "--mdc-text-field-disabled-line-color": "#ffffff0f", + "--wa-space-m": "16px", + "--ha-line-height-condensed": "1.2", + "--wa-form-control-background-color": "", + "--state-device_tracker-active-color": "#2196f3", + "--input-hover-line-color": "#ffffffde", + "--ha-font-size-xl": "calc(20px * 1)", + "--ha-color-border-neutral-normal": "#7a7a7a", + "--wa-border-width-s": "1px", + "--color-49": "#f883b0", + "--wa-shadow-l": "0 6px 12px -3px #0006, 0 16px 32px -6px #0000008c", + "--wa-font-size-m": "calc(14px * 1)", + "--ha-font-weight-medium": "500", + "--rgb-outline-color": "225,225,225", + "--state-vacuum-active-color": "#009688", + "--rgb-secondary-background-color": "40,40,40", + "--ha-color-fill-disabled-quiet-resting": "#202020", + "--mdc-text-field-outlined-idle-border-color": "#ffffff61", + "--ha-border-radius-3xl": "24px", + "--color-48": "#c4b8d9", + "--ha-color-border-danger-normal": "#dc3146", + "--accent-color": "#ff9800", + "--outline-hover-color": "#e1e1e13d", + "--ha-color-on-disabled-normal": "#7a7a7a", + "--ha-font-size-l": "calc(16px * 1)", + "--color-38": "#9d7a00", + "--state-weather-partlycloudy-color": "#607d8b", + "--ha-color-orange-80": "#ffbb89", + "--wa-border-radius-m": "8px", + "--state-binary_sensor-glass_break-on-color": "#f44336", + "--deep-orange-color": "#ff6f22", + "--codemirror-string-2": "#f07178", + "--ha-color-form-background-disabled": "#363636", + "--wa-color-success-border-loud": "#036730", + "--ha-color-orange-95": "#fff0e4", + "--rgb-scrollbar-thumb-color": "110,110,110", + "--mdc-theme-error": "#db4437", + "--ha-color-primary-90": "#dff3fc", + "--ha-color-border-neutral-loud": "#b1b1b1", + "--state-weather-fog-color": "#9e9e9e", + "--color-40": "#00d27e", + "--rgb-input-disabled-fill-color": "255,255,255", + "--wa-space-xl": "32px", + "--secondary-text-color": "#9b9b9b", + "--rgb-codemirror-tag": "255,83,112", + "--error-color": "#db4437", + "--state-weather-snowy-color": "#c0e0ff", + "--mdc-dialog-scroll-divider-color": "#e1e1e11f", + "--ha-font-weight-bold": "700", + "--ha-space-12": "48px", + "--wa-border-radius-l": "12px", + "--wa-color-danger-fill-loud": "#b30532", + "--state-alarm_control_panel-armed_vacation-color": "#4caf50", + "--color-22": "#8fe9d3", + "--color-16": "#8043ce", + "--rgb-codemirror-string-2": "240,113,120", + "--ha-color-red-50": "#dc3146", + "--mdc-select-outlined-hover-border-color": "#ffffffde", + "--ha-color-surface-default": "#202020", + "--wa-border-style": "solid", + "--app-header-background-color": "#1c1c1c", + "--card-background-color": "#1c1c1c", + "--state-alert-off-color": "#ff9800", + "--mdc-theme-on-surface": "#e1e1e1", + "--ha-color-border-success-normal": "#5dc36f", + "--state-binary_sensor-smoke-on-color": "#f44336", + "--label-badge-text-color": "rgba(225,225,225, .8)", + "--state-climate-cool-color": "#2196f3", + "--wa-color-warning-on-normal": "#f36d00", + "--mdc-text-field-outlined-hover-border-color": "#ffffffde", + "--color-21": "#ff957c", + "--indigo-color": "#3f51b5", + "--wa-focus-ring-color": "#989898", + "--mdc-radio-disabled-color": "#6f6f6f", + "--color-13": "#49a28f", + "--state-alarm_control_panel-armed_home-color": "#4caf50", + "--ha-color-text-link": "#37c8fd", + "--ha-button-neutral-color": "#d9dae0", + "--rgb-codemirror-type": "222,203,107", + "--mdc-select-fill-color": "#ffffff0d", + "--ha-color-fill-primary-quiet-hover": "#002e3e", + "--ha-color-fill-danger-quiet-resting": "#2a040b", + "--label-badge-grey": "#9e9e9e", + "--wa-transition-fast": "1ms", + "--label-badge-yellow": "#ffa600", + "--data-table-background-color": "#1c1c1c", + "--state-icon-error-color": "#db4437", + "--color-39": "#698cff", + "--rgb-input-idle-line-color": "255,255,255", + "--ha-box-shadow-s": "0 1px 2px 0 #0006, 0 1px 3px 0 #00000080", + "--ha-border-radius-2xl": "20px", + "--wa-shadow-m": "0 3px 6px -1px #00000059, 0 8px 16px -2px #00000073", + "--color-14": "#048732", + "--color-31": "#9f5b00", + "--ha-animation-duration-slow": "1ms", + "--ha-font-smoothing": "antialiased", + "--ha-color-surface-low": "#141414", + "--color-20": "#ffd444", + "--ha-color-fill-warning-quiet-resting": "#280700", + "--wa-border-width-m": "2px", + "--ha-color-green-90": "#c2f2c1", + "--state-lawn_mower-error-color": "#f44336", + "--mdc-select-idle-line-color": "#ffffff6b", + "--color-23": "#62cc71", + "--mdc-select-hover-line-color": "#ffffffde", + "--ha-dialog-scrim-backdrop-filter": "brightness(68%)", + "--safe-area-inset-right": "0px", + "--clear-background-color": "#111", + "--state-lock-unlocking-color": "#ff9800", + "--state-sun-above_horizon-color": "#ffc107", + "--ha-animation-duration-none": "1ms", + "--color-7": "#9c6b4e", + "--light-primary-color": "#b3e5fc", + "--state-lock-opening-color": "#ff9800", + "--wa-form-control-toggle-size": "20px", + "--ha-color-fill-danger-normal-resting": "#3e0913", + "--mdc-theme-on-primary": "#fff", + "--input-outlined-hover-border-color": "#ffffffde", + "--chip-background-color": "rgba(225,225,225, .15)", + "--rgb-shadow-color": "0,0,0", + "--ha-color-on-surface-default": "#f3f3f3", + "--ha-color-on-success-quiet": "#5dc36f", + "--md-list-item-label-text-font": "Roboto, Noto, sans-serif", + "--ha-color-red-90": "#ffdedc", + "--rgb-input-label-ink-color": "255,255,255", + "--input-ink-color": "#ffffffde", + "--direction": "ltr", + "--rgb-card-background-color": "28,28,28", + "--float-start": "left", + "--light-secondary-opacity": ".7", + "--ha-space-2": "8px", + "--ha-color-fill-primary-loud-hover": "#006787", + "--md-list-item-trailing-supporting-text-font": "Roboto, Noto, sans-serif", + "--slider-track-color": "#6e6e6e", + "--ha-color-red-10": "#3e0913", + "--safe-area-offset-left": "calc(max(0px - 0px, 0px) / 2)", + "--wa-color-neutral-on-loud": "#fff", + "--ha-color-surface-lower": "#000", + "--text-primary-color": "#fff", + "--ha-font-family-longform": "ui-sans-serif, system-ui, sans-serif", + "--light-divider-opacity": ".12", + "--state-weather-lightning_rainy-color": "#cddc39", + "--ha-border-radius-square": "0", + "--safe-area-offset-bottom": "calc(max(0px - 0px, 0px) / 2)", + "--wa-font-weight-action": "500", + "--ha-color-on-neutral-loud": "#fff", + "--wa-color-success-fill-loud": "#036730", + "--primary-text-color": "#e1e1e1", + "--info-color": "#039be5", + "--color-54": "#4269d0", + "--teal-color": "#009688", + "--color-12": "#d84f3e", + "--ha-color-fill-warning-loud-hover": "#7e2900", + "--pink-color": "#e91e63", + "--wa-form-control-border-style": "solid", + "--ha-color-border-warning-loud": "#c94e00", + "--light-disabled-opacity": ".3", + "--mdc-select-disabled-ink-color": "#ffffff5e", + "--mdc-theme-text-icon-on-background": "#9b9b9b", + "--wa-color-success-border-quiet": "#c2f2c1", + "--wa-color-success-on-normal": "#00ac49", + "--wa-space-l": "24px", + "--ha-space-18": "72px", + "--rgb-primary-text-color": "225,225,225", + "--wa-border-width-l": "3px", + "--ha-color-neutral-10": "#202020", + "--state-person-active-color": "#2196f3", + "--ha-box-shadow-m": "0 3px 6px -1px #00000059, 0 8px 16px -2px #00000073", + "--ha-color-border-danger-quiet": "#ffdedc", + "--app-header-text-color": "#e1e1e1", + "--ha-color-orange-30": "#7e2900", + "--ha-color-surface-default-inverted": "#fff", + "--ha-color-fill-danger-loud-hover": "#8a132c", + "--wa-shadow-s": "0 1px 2px 0 #0006, 0 1px 3px 0 #00000080", + "--ha-color-neutral-70": "#b1b1b1", + "--color-43": "#c49200", + "--dark-primary-color": "#0288d1", + "--rgb-input-hover-line-color": "255,255,255", + "--ha-color-green-40": "#036730", + "--color-1": "#4269d0", + "--dark-grey-color": "#606060", + "--rgb-error-color": "219, 68, 55", + "--ha-color-fill-neutral-normal-hover": "#363636", + "--rgb-codemirror-def": "130,170,255", + "--rgb-codemirror-string": "195,232,141", + "--rgb-codemirror-builtin": "255,203,107", + "--ha-color-border-primary-loud": "#009ac7", + "--wa-color-danger-on-quiet": "#fd8f90", + "--state-binary_sensor-gas-on-color": "#f44336", + "--grey-color": "#9e9e9e", + "--mdc-theme-text-hint-on-background": "#9b9b9b", + "--wa-color-danger-fill-normal": "#3e0913", + "--state-binary_sensor-moisture-on-color": "#f44336", + "--yellow-color": "#ffeb3b" + } + }, + "viewport": { + "width": 1280, + "height": 900 + }, + "capturePolicy": "Fresh document per state; original module functions unchanged; same fictional public inputs and actual pointer/keyboard actions. Eight settled computed frames plus at least three raw PNG captures and two consecutive identical frames. Original PNG bytes are copied unchanged only after independent repeat equality.", + "semantics": "Original wrapper uses selected chips plus an inline modal search popup. Authored accessible names, focus semantics and typed controlled form policy require separate candidate tests. Disabled chips are mapped through their original public disabled property because the observed wrapper does not forward it; all original multiple options are enabled because its item mapping drops per-option disabled flags. Candidate behavior must preserve its own validated disabled-option policy.", + "campaigns": [ + { + "platform": "macos", + "original": "capture-macos-settled", + "repeat": "capture-macos-repeat", + "states": 30, + "unchangedOriginalImagesAgree": true, + "browser": "156.0.8078.4", + "rawRepeatArchiveSha256": "03c385fee5bacccfb213c31ba676372a98aa9a78c3afda8fd2eb51ffcdcf9cda", + "rawRepeatArchiveEntry": "research/capture-macos-repeat/reference.json", + "architecture": "arm64" + }, + { + "platform": "linux", + "original": "capture-linux", + "repeat": "capture-linux-repeat", + "states": 30, + "unchangedOriginalImagesAgree": true, + "browser": "156.0.8078.80", + "rawRepeatArchiveSha256": "03c385fee5bacccfb213c31ba676372a98aa9a78c3afda8fd2eb51ffcdcf9cda", + "rawRepeatArchiveEntry": "research/capture-linux-repeat/reference.json", + "architecture": "arm64", + "additionalExplicitArchitectureRepeat": { + "original": "original-linux-arm64-current", + "repeat": "original-linux-arm64-current-repeat", + "all30MatchExistingOriginalPNGs": true, + "officialImageARM64": "sha256:f609973e8fd93f38a5ddfd706a65805294247dae8d81b2541c0afe2787746197", + "network": "none" + } + }, + { + "platform": "linux", + "architecture": "x64", + "original": "original-linux-x64", + "repeat": "original-linux-x64-repeat", + "states": 30, + "unchangedOriginalImagesAgree": true, + "browser": "156.0.8078.4", + "network": "none", + "officialImageAMD64": "sha256:ee15712262f017b8157421b212b12099146645f44b1bc5c0514cbbe6a229b1d0", + "exactCIBrowser": { + "version": "156.0.8078.4", + "archive": "Chrome for Testing chrome-headless-shell linux64", + "archiveSha256": "c3e50596aef52c58f8fda3c6b3411c33d34c88b177b3ed1c2243359fd3b8ba20", + "archiveBytes": 125797539, + "verifiedExtractedFiles": 287 + } + } + ], + "referenceRepeatsComplete": true, + "states": [ + { + "platform": "macos", + "theme": "light", + "name": "multiple-empty", + "configuration": { + "name": "multiple-empty", + "multiple": true, + "label": "Category", + "value": [], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 64 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": null, + "chips": [], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 106.65625, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(223, 243, 252)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 53, + "y": 21, + "width": 56.65625, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": null, + "searchBox": null, + "searchInput": null, + "rows": [], + "rowLabels": [], + "message": null, + "helper": null, + "iconPaths": [ + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/macos/light-multiple-empty.png", + "sha256": "40b0b71638c2cb11c512165fb3db4096eed55140a2f180ad5d2180cebec2a20d" + }, + "architecture": "arm64" + }, + { + "platform": "macos", + "theme": "light", + "name": "multiple-filled", + "configuration": { + "name": "multiple-filled", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 112 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 80 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 16, + "y": 24, + "width": 130.765625, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 16, + "y": 24, + "width": 130.765625, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 32, + "y": 26, + "width": 80.765625, + "height": 28 + }, + "glyph": { + "x": 32, + "y": 32, + "width": 80.765625, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 112.765625, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 120.765625, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 154.765625, + "y": 24, + "width": 84.078125, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 154.765625, + "y": 24, + "width": 84.078125, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 170.765625, + "y": 26, + "width": 34.078125, + "height": 28 + }, + "glyph": { + "x": 170.765625, + "y": 32, + "width": 34.078125, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 204.84375, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 212.84375, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 16, + "y": 64, + "width": 106.65625, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(223, 243, 252)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 53, + "y": 69, + "width": 56.65625, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": null, + "searchBox": null, + "searchInput": null, + "rows": [], + "rowLabels": [], + "message": null, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/macos/light-multiple-filled.png", + "sha256": "2eae8f7686fc99b793571114d422e3fb6e86e8bdf70314ffc1c8b075cc294aa9" + }, + "architecture": "arm64" + }, + { + "platform": "macos", + "theme": "light", + "name": "multiple-remove-hover", + "configuration": { + "name": "multiple-remove-hover", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "interaction": "remove-hover", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 112 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 80 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 16, + "y": 24, + "width": 130.765625, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 16, + "y": 24, + "width": 130.765625, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 32, + "y": 26, + "width": 80.765625, + "height": 28 + }, + "glyph": { + "x": 32, + "y": 32, + "width": 80.765625, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 112.765625, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "color(srgb 0.0784314 0.0784314 0.0784314 / 0.08)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 120.765625, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 154.765625, + "y": 24, + "width": 84.078125, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 154.765625, + "y": 24, + "width": 84.078125, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 170.765625, + "y": 26, + "width": 34.078125, + "height": 28 + }, + "glyph": { + "x": 170.765625, + "y": 32, + "width": 34.078125, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 204.84375, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 212.84375, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 16, + "y": 64, + "width": 106.65625, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(223, 243, 252)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 53, + "y": 69, + "width": 56.65625, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": null, + "searchBox": null, + "searchInput": null, + "rows": [], + "rowLabels": [], + "message": null, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/macos/light-multiple-remove-hover.png", + "sha256": "e26c925fff793b62dd4e6cf3ba6536085f200b52e5fa8c8f85990b166f42b532" + }, + "architecture": "arm64" + }, + { + "platform": "macos", + "theme": "light", + "name": "multiple-remove-focus", + "configuration": { + "name": "multiple-remove-focus", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "interaction": "remove-focus", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 112 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 80 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 16, + "y": 24, + "width": 130.765625, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 16, + "y": 24, + "width": 130.765625, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 32, + "y": 26, + "width": 80.765625, + "height": 28 + }, + "glyph": { + "x": 32, + "y": 32, + "width": 80.765625, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 112.765625, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": true, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "2px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 120.765625, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 154.765625, + "y": 24, + "width": 84.078125, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 154.765625, + "y": 24, + "width": 84.078125, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 170.765625, + "y": 26, + "width": 34.078125, + "height": 28 + }, + "glyph": { + "x": 170.765625, + "y": 32, + "width": 34.078125, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 204.84375, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 212.84375, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 16, + "y": 64, + "width": 106.65625, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(223, 243, 252)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 53, + "y": 69, + "width": 56.65625, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": null, + "searchBox": null, + "searchInput": null, + "rows": [], + "rowLabels": [], + "message": null, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/macos/light-multiple-remove-focus.png", + "sha256": "60aa8986294f115086456fbf82cc87004dc1ae4804a25aa3ab4999480d1b02be" + }, + "architecture": "arm64" + }, + { + "platform": "macos", + "theme": "light", + "name": "multiple-disabled", + "configuration": { + "name": "multiple-disabled", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "ltr", + "disabled": true, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [ + "Public nested ha-input-chip.disabled; original selector wrapper does not forward its disabled input to chips." + ], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 112 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 80 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 16, + "y": 24, + "width": 130.765625, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": true, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 16, + "y": 24, + "width": 130.765625, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 32, + "y": 26, + "width": 80.765625, + "height": 28 + }, + "glyph": { + "x": 32, + "y": 32, + "width": 80.765625, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "0.38", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": "button remove trailing action disabled", + "role": null, + "text": null, + "box": { + "x": 112.765625, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(204, 204, 204)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(204, 204, 204)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 120.765625, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "0.38", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 154.765625, + "y": 24, + "width": 84.078125, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": true, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 154.765625, + "y": 24, + "width": 84.078125, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 170.765625, + "y": 26, + "width": 34.078125, + "height": 28 + }, + "glyph": { + "x": 170.765625, + "y": 32, + "width": 34.078125, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "0.38", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": "button remove trailing action disabled", + "role": null, + "text": null, + "box": { + "x": 204.84375, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(204, 204, 204)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(204, 204, 204)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 212.84375, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "0.38", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button disabled has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 16, + "y": 64, + "width": 106.65625, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(177, 177, 177)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(177, 177, 177) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 53, + "y": 69, + "width": 56.65625, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(177, 177, 177)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(177, 177, 177) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": null, + "searchBox": null, + "searchInput": null, + "rows": [], + "rowLabels": [], + "message": null, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/macos/light-multiple-disabled.png", + "sha256": "f04ca919cd36554847371a4066b3bd48326afb2fde303155ed70fb7a4b8d7b3c" + }, + "architecture": "arm64" + }, + { + "platform": "macos", + "theme": "light", + "name": "multiple-required", + "configuration": { + "name": "multiple-required", + "multiple": true, + "label": "Category", + "value": [], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": true, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 64 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": null, + "chips": [], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 106.65625, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(223, 243, 252)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 53, + "y": 21, + "width": 56.65625, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": null, + "searchBox": null, + "searchInput": null, + "rows": [], + "rowLabels": [], + "message": null, + "helper": null, + "iconPaths": [ + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/macos/light-multiple-required.png", + "sha256": "40b0b71638c2cb11c512165fb3db4096eed55140a2f180ad5d2180cebec2a20d" + }, + "architecture": "arm64" + }, + { + "platform": "macos", + "theme": "light", + "name": "multiple-narrow", + "configuration": { + "name": "multiple-narrow", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 180, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 212, + "height": 152 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 120 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 88 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 16, + "y": 24, + "width": 130.765625, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 16, + "y": 24, + "width": 130.765625, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 32, + "y": 26, + "width": 80.765625, + "height": 28 + }, + "glyph": { + "x": 32, + "y": 32, + "width": 80.765625, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 112.765625, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 120.765625, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 16, + "y": 64, + "width": 84.078125, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 16, + "y": 64, + "width": 84.078125, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 32, + "y": 66, + "width": 34.078125, + "height": 28 + }, + "glyph": { + "x": 32, + "y": 72, + "width": 34.078125, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 66.078125, + "y": 64, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 74.078125, + "y": 71, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 16, + "y": 104, + "width": 106.65625, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(223, 243, 252)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 53, + "y": 109, + "width": 56.65625, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": null, + "searchBox": null, + "searchInput": null, + "rows": [], + "rowLabels": [], + "message": null, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/macos/light-multiple-narrow.png", + "sha256": "671663930bc34e90809447ddad37e656a06cef06ffbd8dbee824803a3ac33a5c" + }, + "architecture": "arm64" + }, + { + "platform": "macos", + "theme": "light", + "name": "multiple-rtl", + "configuration": { + "name": "multiple-rtl", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "rtl", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 112 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 80 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 205.234375, + "y": 24, + "width": 130.765625, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 205.234375, + "y": 24, + "width": 130.765625, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 239.234375, + "y": 26, + "width": 80.765625, + "height": 28 + }, + "glyph": { + "x": 239.234375, + "y": 32, + "width": 80.765625, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 205.234375, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "16px 0px 0px 16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 213.234375, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 113.15625, + "y": 24, + "width": 84.078125, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 113.15625, + "y": 24, + "width": 84.078125, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 147.15625, + "y": 26, + "width": 34.078125, + "height": 28 + }, + "glyph": { + "x": 147.15625, + "y": 32, + "width": 34.078125, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 113.15625, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "16px 0px 0px 16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 121.15625, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 229.34375, + "y": 64, + "width": 106.65625, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 8px 0px 12px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(223, 243, 252)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 242.34375, + "y": 69, + "width": 56.65625, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": null, + "searchBox": null, + "searchInput": null, + "rows": [], + "rowLabels": [], + "message": null, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/macos/light-multiple-rtl.png", + "sha256": "428c7c565524cd538c36ebd95a01dd53be84dcb34eedd7cb7ce907a47dff2361" + }, + "architecture": "arm64" + }, + { + "platform": "macos", + "theme": "light", + "name": "multiple-helper", + "configuration": { + "name": "multiple-helper", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "Choose categories.", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 134 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 102 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 16, + "y": 24, + "width": 130.765625, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 16, + "y": 24, + "width": 130.765625, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 32, + "y": 26, + "width": 80.765625, + "height": 28 + }, + "glyph": { + "x": 32, + "y": 32, + "width": 80.765625, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 112.765625, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 120.765625, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 154.765625, + "y": 24, + "width": 84.078125, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 154.765625, + "y": 24, + "width": 84.078125, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 170.765625, + "y": 26, + "width": 34.078125, + "height": 28 + }, + "glyph": { + "x": 170.765625, + "y": 32, + "width": 34.078125, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 204.84375, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 212.84375, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 16, + "y": 64, + "width": 106.65625, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(223, 243, 252)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 53, + "y": 69, + "width": 56.65625, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": null, + "searchBox": null, + "searchInput": null, + "rows": [], + "rowLabels": [], + "message": null, + "helper": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-helper-text", + "part": null, + "class": null, + "role": null, + "text": "Choose categories.", + "box": { + "x": 16, + "y": 104, + "width": 320, + "height": 14 + }, + "glyph": { + "x": 32, + "y": 104, + "width": 110.171875, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "0.4px", + "padding": "0px 16px", + "margin": "8px 0px 0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/macos/light-multiple-helper.png", + "sha256": "6de26f7b927b4d97628eb2e40d8c1060a0f3f9849da3c4b0bb8ecd2f3839daae" + }, + "architecture": "arm64" + }, + { + "platform": "macos", + "theme": "light", + "name": "multiple-search", + "configuration": { + "name": "multiple-search", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": true, + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 24, + "y": 32, + "width": 368, + "height": 286 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 80 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 24, + "y": 24, + "width": 130.765625, + "height": 32 + }, + "glyph": { + "x": -24, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 24, + "y": 24, + "width": 130.765625, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 40, + "y": 26, + "width": 80.765625, + "height": 28 + }, + "glyph": { + "x": 40, + "y": 32, + "width": 80.765625, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 120.765625, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 128.765625, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 162.765625, + "y": 24, + "width": 84.078125, + "height": 32 + }, + "glyph": { + "x": -24, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 162.765625, + "y": 24, + "width": 84.078125, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 178.765625, + "y": 26, + "width": 34.078125, + "height": 28 + }, + "glyph": { + "x": 178.765625, + "y": 32, + "width": 34.078125, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 212.84375, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 220.84375, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 24, + "y": 64, + "width": 106.65625, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(223, 243, 252)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 61, + "y": 69, + "width": 56.65625, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "body", + "class": "body", + "role": null, + "text": null, + "box": { + "x": 24, + "y": 96, + "width": 320, + "height": 166 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px 16px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgb(230, 230, 230)", + "borderRadius": "8px", + "boxShadow": "rgba(0, 0, 0, 0.1) 0px 3px 6px -1px, rgba(0, 0, 0, 0.15) 0px 8px 16px -2px", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "column", + "maxWidth": "320px", + "maxHeight": "400px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchBox": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "base", + "class": "text-field", + "role": null, + "text": null, + "box": { + "x": 37, + "y": 113, + "width": 294, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 8px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgb(0, 154, 199)", + "borderRadius": "8px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "stretch", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "2px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchInput": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "input", + "part": "input", + "class": "control", + "role": null, + "text": null, + "box": { + "x": 64, + "y": 114, + "width": 258, + "height": 38 + }, + "glyph": null, + "focusVisible": true, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 0px 0px 4px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(118, 118, 118, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "clip", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "rows": [ + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": "combo-box-row ", + "role": null, + "text": null, + "box": { + "x": 25, + "y": 165, + "width": 318, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": "combo-box-row ", + "role": null, + "text": null, + "box": { + "x": 25, + "y": 213, + "width": 318, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + ], + "rowLabels": [ + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": null, + "role": null, + "text": "Shopping", + "box": { + "x": 41, + "y": 177.796875, + "width": 286, + "height": 22.390625 + }, + "glyph": { + "x": 41, + "y": 180.796875, + "width": 58.6875, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": null, + "role": null, + "text": "Archived", + "box": { + "x": 41, + "y": 225.796875, + "width": 286, + "height": 22.390625 + }, + "glyph": { + "x": 41, + "y": 228.796875, + "width": 54.1875, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + } + ], + "message": null, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z", + "M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/macos/light-multiple-search.png", + "sha256": "e240e39769c780278e831bf76d8e70c2d656f2dd16d64b95ba8af9daef5db0cc" + }, + "architecture": "arm64" + }, + { + "platform": "macos", + "theme": "light", + "name": "multiple-filtered", + "configuration": { + "name": "multiple-filtered", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": true, + "interaction": "resting", + "search": "shop" + }, + "fixtureMapping": [], + "frame": { + "x": 24, + "y": 32, + "width": 368, + "height": 286 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 80 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 24, + "y": 24, + "width": 130.765625, + "height": 32 + }, + "glyph": { + "x": -24, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 24, + "y": 24, + "width": 130.765625, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 40, + "y": 26, + "width": 80.765625, + "height": 28 + }, + "glyph": { + "x": 40, + "y": 32, + "width": 80.765625, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 120.765625, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 128.765625, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 162.765625, + "y": 24, + "width": 84.078125, + "height": 32 + }, + "glyph": { + "x": -24, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 162.765625, + "y": 24, + "width": 84.078125, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 178.765625, + "y": 26, + "width": 34.078125, + "height": 28 + }, + "glyph": { + "x": 178.765625, + "y": 32, + "width": 34.078125, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 212.84375, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 220.84375, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 24, + "y": 64, + "width": 106.65625, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(223, 243, 252)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 61, + "y": 69, + "width": 56.65625, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "body", + "class": "body", + "role": null, + "text": null, + "box": { + "x": 24, + "y": 96, + "width": 320, + "height": 166 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px 16px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgb(230, 230, 230)", + "borderRadius": "8px", + "boxShadow": "rgba(0, 0, 0, 0.1) 0px 3px 6px -1px, rgba(0, 0, 0, 0.15) 0px 8px 16px -2px", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "column", + "maxWidth": "320px", + "maxHeight": "400px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchBox": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "base", + "class": "text-field", + "role": null, + "text": null, + "box": { + "x": 37, + "y": 113, + "width": 294, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 8px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgb(0, 154, 199)", + "borderRadius": "8px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "stretch", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "2px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchInput": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "input", + "part": "input", + "class": "control", + "role": null, + "text": null, + "box": { + "x": 64, + "y": 114, + "width": 234, + "height": 38 + }, + "glyph": null, + "focusVisible": true, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 0px 0px 4px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(118, 118, 118, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "clip", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "rows": [ + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": "combo-box-row ", + "role": null, + "text": null, + "box": { + "x": 25, + "y": 165, + "width": 318, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + ], + "rowLabels": [ + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": null, + "role": null, + "text": "Shopping", + "box": { + "x": 41, + "y": 177.796875, + "width": 286, + "height": 22.390625 + }, + "glyph": { + "x": 41, + "y": 180.796875, + "width": 58.6875, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + } + ], + "message": null, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z", + "M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/macos/light-multiple-filtered.png", + "sha256": "3b22305ae7d56aa74b51014472a486e8fa36ef944cfc8dc779c632875d2d7a9d" + }, + "architecture": "arm64" + }, + { + "platform": "macos", + "theme": "light", + "name": "multiple-no-matches", + "configuration": { + "name": "multiple-no-matches", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": true, + "interaction": "resting", + "search": "unmatched" + }, + "fixtureMapping": [], + "frame": { + "x": 24, + "y": 32, + "width": 368, + "height": 286 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 80 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 24, + "y": 24, + "width": 130.765625, + "height": 32 + }, + "glyph": { + "x": -24, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 24, + "y": 24, + "width": 130.765625, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 40, + "y": 26, + "width": 80.765625, + "height": 28 + }, + "glyph": { + "x": 40, + "y": 32, + "width": 80.765625, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 120.765625, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 128.765625, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 162.765625, + "y": 24, + "width": 84.078125, + "height": 32 + }, + "glyph": { + "x": -24, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 162.765625, + "y": 24, + "width": 84.078125, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 178.765625, + "y": 26, + "width": 34.078125, + "height": 28 + }, + "glyph": { + "x": 178.765625, + "y": 32, + "width": 34.078125, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 212.84375, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 220.84375, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 24, + "y": 64, + "width": 106.65625, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(223, 243, 252)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 61, + "y": 69, + "width": 56.65625, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "body", + "class": "body", + "role": null, + "text": null, + "box": { + "x": 24, + "y": 96, + "width": 320, + "height": 166 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px 16px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgb(230, 230, 230)", + "borderRadius": "8px", + "boxShadow": "rgba(0, 0, 0, 0.1) 0px 3px 6px -1px, rgba(0, 0, 0, 0.15) 0px 8px 16px -2px", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "column", + "maxWidth": "320px", + "maxHeight": "400px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchBox": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "base", + "class": "text-field", + "role": null, + "text": null, + "box": { + "x": 37, + "y": 113, + "width": 294, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 8px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgb(0, 154, 199)", + "borderRadius": "8px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "stretch", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "2px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchInput": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "input", + "part": "input", + "class": "control", + "role": null, + "text": null, + "box": { + "x": 64, + "y": 114, + "width": 234, + "height": 38 + }, + "glyph": null, + "focusVisible": true, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 0px 0px 4px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(118, 118, 118, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "clip", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "rows": [ + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": "combo-box-row", + "role": null, + "text": null, + "box": { + "x": 25, + "y": 165, + "width": 318, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + ], + "rowLabels": [], + "message": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": null, + "role": null, + "text": "No matching options.", + "box": { + "x": 81, + "y": 177.796875, + "width": 246, + "height": 22.390625 + }, + "glyph": { + "x": 81, + "y": 180.796875, + "width": 133.796875, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z", + "M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/macos/light-multiple-no-matches.png", + "sha256": "f51507e1f785fb6c8d46558789f61341fec4e5a37fe6e5b6ec54156f3e4dd677" + }, + "architecture": "arm64" + }, + { + "platform": "macos", + "theme": "light", + "name": "multiple-search-keyboard", + "configuration": { + "name": "multiple-search-keyboard", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": true, + "interaction": "option-keyboard", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 24, + "y": 32, + "width": 368, + "height": 286 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 80 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 24, + "y": 24, + "width": 130.765625, + "height": 32 + }, + "glyph": { + "x": -24, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 24, + "y": 24, + "width": 130.765625, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 40, + "y": 26, + "width": 80.765625, + "height": 28 + }, + "glyph": { + "x": 40, + "y": 32, + "width": 80.765625, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 120.765625, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 128.765625, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 162.765625, + "y": 24, + "width": 84.078125, + "height": 32 + }, + "glyph": { + "x": -24, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 162.765625, + "y": 24, + "width": 84.078125, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 178.765625, + "y": 26, + "width": 34.078125, + "height": 28 + }, + "glyph": { + "x": 178.765625, + "y": 32, + "width": 34.078125, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 212.84375, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 220.84375, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 24, + "y": 64, + "width": 106.65625, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(223, 243, 252)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 61, + "y": 69, + "width": 56.65625, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "body", + "class": "body", + "role": null, + "text": null, + "box": { + "x": 24, + "y": 96, + "width": 320, + "height": 166 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px 16px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgb(230, 230, 230)", + "borderRadius": "8px", + "boxShadow": "rgba(0, 0, 0, 0.1) 0px 3px 6px -1px, rgba(0, 0, 0, 0.15) 0px 8px 16px -2px", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "column", + "maxWidth": "320px", + "maxHeight": "400px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchBox": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "base", + "class": "text-field", + "role": null, + "text": null, + "box": { + "x": 37, + "y": 113, + "width": 294, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 8px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgb(0, 154, 199)", + "borderRadius": "8px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "stretch", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "2px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchInput": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "input", + "part": "input", + "class": "control", + "role": null, + "text": null, + "box": { + "x": 64, + "y": 114, + "width": 258, + "height": 38 + }, + "glyph": null, + "focusVisible": true, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 0px 0px 4px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(118, 118, 118, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "clip", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "rows": [ + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": "combo-box-row selected", + "role": null, + "text": null, + "box": { + "x": 25, + "y": 165, + "width": 318, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(230, 230, 230)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": "combo-box-row ", + "role": null, + "text": null, + "box": { + "x": 25, + "y": 213, + "width": 318, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + ], + "rowLabels": [ + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": null, + "role": null, + "text": "Shopping", + "box": { + "x": 41, + "y": 177.796875, + "width": 286, + "height": 22.390625 + }, + "glyph": { + "x": 41, + "y": 180.796875, + "width": 58.6875, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": null, + "role": null, + "text": "Archived", + "box": { + "x": 41, + "y": 225.796875, + "width": 286, + "height": 22.390625 + }, + "glyph": { + "x": 41, + "y": 228.796875, + "width": 54.1875, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + } + ], + "message": null, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z", + "M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/macos/light-multiple-search-keyboard.png", + "sha256": "a56d60697f50a50528fc041b82747bcd818bdb3629a0635175484b60413510f4" + }, + "architecture": "arm64" + }, + { + "platform": "macos", + "theme": "light", + "name": "multiple-search-rtl", + "configuration": { + "name": "multiple-search-rtl", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "rtl", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": true, + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 24, + "y": 32, + "width": 368, + "height": 286 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 80 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 213.234375, + "y": 24, + "width": 130.765625, + "height": 32 + }, + "glyph": { + "x": -24, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 213.234375, + "y": 24, + "width": 130.765625, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 247.234375, + "y": 26, + "width": 80.765625, + "height": 28 + }, + "glyph": { + "x": 247.234375, + "y": 32, + "width": 80.765625, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 213.234375, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "16px 0px 0px 16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 221.234375, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 121.15625, + "y": 24, + "width": 84.078125, + "height": 32 + }, + "glyph": { + "x": -24, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 121.15625, + "y": 24, + "width": 84.078125, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 155.15625, + "y": 26, + "width": 34.078125, + "height": 28 + }, + "glyph": { + "x": 155.15625, + "y": 32, + "width": 34.078125, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 121.15625, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "16px 0px 0px 16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 129.15625, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 237.34375, + "y": 64, + "width": 106.65625, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 8px 0px 12px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(223, 243, 252)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 250.34375, + "y": 69, + "width": 56.65625, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "body", + "class": "body", + "role": null, + "text": null, + "box": { + "x": 24, + "y": 96, + "width": 320, + "height": 166 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px 16px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgb(230, 230, 230)", + "borderRadius": "8px", + "boxShadow": "rgba(0, 0, 0, 0.1) 0px 3px 6px -1px, rgba(0, 0, 0, 0.15) 0px 8px 16px -2px", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "column", + "maxWidth": "320px", + "maxHeight": "400px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchBox": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "base", + "class": "text-field", + "role": null, + "text": null, + "box": { + "x": 37, + "y": 113, + "width": 294, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 8px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgb(0, 154, 199)", + "borderRadius": "8px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "stretch", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "2px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchInput": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "input", + "part": "input", + "class": "control", + "role": null, + "text": null, + "box": { + "x": 46, + "y": 114, + "width": 258, + "height": 38 + }, + "glyph": null, + "focusVisible": true, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 4px 0px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(118, 118, 118, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "clip", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "rows": [ + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": "combo-box-row ", + "role": null, + "text": null, + "box": { + "x": 25, + "y": 165, + "width": 318, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": "combo-box-row ", + "role": null, + "text": null, + "box": { + "x": 25, + "y": 213, + "width": 318, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + ], + "rowLabels": [ + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": null, + "role": null, + "text": "Shopping", + "box": { + "x": 41, + "y": 177.796875, + "width": 286, + "height": 22.390625 + }, + "glyph": { + "x": 268.3125, + "y": 180.796875, + "width": 58.6875, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": null, + "role": null, + "text": "Archived", + "box": { + "x": 41, + "y": 225.796875, + "width": 286, + "height": 22.390625 + }, + "glyph": { + "x": 272.8125, + "y": 228.796875, + "width": 54.1875, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + } + ], + "message": null, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z", + "M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/macos/light-multiple-search-rtl.png", + "sha256": "a8f564df61303f11dbda96cc0ffdd48b7651b96975b23f0c426d28683029f448" + }, + "architecture": "arm64" + }, + { + "platform": "macos", + "theme": "light", + "name": "multiple-search-narrow", + "configuration": { + "name": "multiple-search-narrow", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 180, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": true, + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 0, + "y": 32, + "width": 290, + "height": 326 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 48, + "y": 16, + "width": 180, + "height": 120 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 48, + "y": 16, + "width": 180, + "height": 88 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 48, + "y": 24, + "width": 130.765625, + "height": 32 + }, + "glyph": { + "x": 0, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 48, + "y": 24, + "width": 130.765625, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 64, + "y": 26, + "width": 80.765625, + "height": 28 + }, + "glyph": { + "x": 64, + "y": 32, + "width": 80.765625, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 144.765625, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 152.765625, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 48, + "y": 64, + "width": 84.078125, + "height": 32 + }, + "glyph": { + "x": 0, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 48, + "y": 64, + "width": 84.078125, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 64, + "y": 66, + "width": 34.078125, + "height": 28 + }, + "glyph": { + "x": 64, + "y": 72, + "width": 34.078125, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 98.078125, + "y": 64, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 106.078125, + "y": 71, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 48, + "y": 104, + "width": 106.65625, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(223, 243, 252)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 85, + "y": 109, + "width": 56.65625, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "body", + "class": "body", + "role": null, + "text": null, + "box": { + "x": 16, + "y": 136, + "width": 250, + "height": 166 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px 16px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgb(230, 230, 230)", + "borderRadius": "8px", + "boxShadow": "rgba(0, 0, 0, 0.1) 0px 3px 6px -1px, rgba(0, 0, 0, 0.15) 0px 8px 16px -2px", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "column", + "maxWidth": "250px", + "maxHeight": "400px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchBox": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "base", + "class": "text-field", + "role": null, + "text": null, + "box": { + "x": 29, + "y": 153, + "width": 224, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 8px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgb(0, 154, 199)", + "borderRadius": "8px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "stretch", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "2px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchInput": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "input", + "part": "input", + "class": "control", + "role": null, + "text": null, + "box": { + "x": 56, + "y": 154, + "width": 188, + "height": 38 + }, + "glyph": null, + "focusVisible": true, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 0px 0px 4px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(118, 118, 118, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "clip", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "rows": [ + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": "combo-box-row ", + "role": null, + "text": null, + "box": { + "x": 17, + "y": 205, + "width": 248, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": "combo-box-row ", + "role": null, + "text": null, + "box": { + "x": 17, + "y": 253, + "width": 248, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + ], + "rowLabels": [ + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": null, + "role": null, + "text": "Shopping", + "box": { + "x": 33, + "y": 217.796875, + "width": 216, + "height": 22.390625 + }, + "glyph": { + "x": 33, + "y": 220.796875, + "width": 58.6875, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": null, + "role": null, + "text": "Archived", + "box": { + "x": 33, + "y": 265.796875, + "width": 216, + "height": 22.390625 + }, + "glyph": { + "x": 33, + "y": 268.796875, + "width": 54.1875, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + } + ], + "message": null, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z", + "M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/macos/light-multiple-search-narrow.png", + "sha256": "80268a942f4b36f75dc663fa6affb50e61399ae4148a9bbd8fb8209fa11546d7" + }, + "architecture": "arm64" + }, + { + "platform": "macos", + "theme": "dark", + "name": "multiple-empty", + "configuration": { + "name": "multiple-empty", + "multiple": true, + "label": "Category", + "value": [], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 64 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": null, + "chips": [], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 106.65625, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgb(0, 46, 62)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 53, + "y": 21, + "width": 56.65625, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(55, 200, 253)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": null, + "searchBox": null, + "searchInput": null, + "rows": [], + "rowLabels": [], + "message": null, + "helper": null, + "iconPaths": [ + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/macos/dark-multiple-empty.png", + "sha256": "97358ae2cd5a4e7e8125cc8b9d48171555596322cd35065fec950f6e1e13968c" + }, + "architecture": "arm64" + }, + { + "platform": "macos", + "theme": "dark", + "name": "multiple-filled", + "configuration": { + "name": "multiple-filled", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 112 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 80 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 16, + "y": 24, + "width": 130.765625, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 16, + "y": 24, + "width": 130.765625, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 32, + "y": 26, + "width": 80.765625, + "height": 28 + }, + "glyph": { + "x": 32, + "y": 32, + "width": 80.765625, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 112.765625, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 120.765625, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 154.765625, + "y": 24, + "width": 84.078125, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 154.765625, + "y": 24, + "width": 84.078125, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 170.765625, + "y": 26, + "width": 34.078125, + "height": 28 + }, + "glyph": { + "x": 170.765625, + "y": 32, + "width": 34.078125, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 204.84375, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 212.84375, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 16, + "y": 64, + "width": 106.65625, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgb(0, 46, 62)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 53, + "y": 69, + "width": 56.65625, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(55, 200, 253)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": null, + "searchBox": null, + "searchInput": null, + "rows": [], + "rowLabels": [], + "message": null, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/macos/dark-multiple-filled.png", + "sha256": "a29b92a8e0e6adb6cf2af803056c1b7f06912b23abb0b69992777725ca62a111" + }, + "architecture": "arm64" + }, + { + "platform": "macos", + "theme": "dark", + "name": "multiple-remove-hover", + "configuration": { + "name": "multiple-remove-hover", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "interaction": "remove-hover", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 112 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 80 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 16, + "y": 24, + "width": 130.765625, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 16, + "y": 24, + "width": 130.765625, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 32, + "y": 26, + "width": 80.765625, + "height": 28 + }, + "glyph": { + "x": 32, + "y": 32, + "width": 80.765625, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 112.765625, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "color(srgb 0.882353 0.882353 0.882353 / 0.08)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 120.765625, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 154.765625, + "y": 24, + "width": 84.078125, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 154.765625, + "y": 24, + "width": 84.078125, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 170.765625, + "y": 26, + "width": 34.078125, + "height": 28 + }, + "glyph": { + "x": 170.765625, + "y": 32, + "width": 34.078125, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 204.84375, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 212.84375, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 16, + "y": 64, + "width": 106.65625, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgb(0, 46, 62)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 53, + "y": 69, + "width": 56.65625, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(55, 200, 253)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": null, + "searchBox": null, + "searchInput": null, + "rows": [], + "rowLabels": [], + "message": null, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/macos/dark-multiple-remove-hover.png", + "sha256": "e3f7fe70f6a8f20a6a447b8c252f1ddc3264f3a93caed4c6b26bad90dcbf1372" + }, + "architecture": "arm64" + }, + { + "platform": "macos", + "theme": "dark", + "name": "multiple-remove-focus", + "configuration": { + "name": "multiple-remove-focus", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "interaction": "remove-focus", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 112 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 80 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 16, + "y": 24, + "width": 130.765625, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 16, + "y": 24, + "width": 130.765625, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 32, + "y": 26, + "width": 80.765625, + "height": 28 + }, + "glyph": { + "x": 32, + "y": 32, + "width": 80.765625, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 112.765625, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": true, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "2px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 120.765625, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 154.765625, + "y": 24, + "width": 84.078125, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 154.765625, + "y": 24, + "width": 84.078125, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 170.765625, + "y": 26, + "width": 34.078125, + "height": 28 + }, + "glyph": { + "x": 170.765625, + "y": 32, + "width": 34.078125, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 204.84375, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 212.84375, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 16, + "y": 64, + "width": 106.65625, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgb(0, 46, 62)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 53, + "y": 69, + "width": 56.65625, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(55, 200, 253)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": null, + "searchBox": null, + "searchInput": null, + "rows": [], + "rowLabels": [], + "message": null, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/macos/dark-multiple-remove-focus.png", + "sha256": "8459faaa874282f1c9276eb975551045a70152ceb151724c539f81ec270060b5" + }, + "architecture": "arm64" + }, + { + "platform": "macos", + "theme": "dark", + "name": "multiple-disabled", + "configuration": { + "name": "multiple-disabled", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "ltr", + "disabled": true, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [ + "Public nested ha-input-chip.disabled; original selector wrapper does not forward its disabled input to chips." + ], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 112 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 80 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 16, + "y": 24, + "width": 130.765625, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": true, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 16, + "y": 24, + "width": 130.765625, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 32, + "y": 26, + "width": 80.765625, + "height": 28 + }, + "glyph": { + "x": 32, + "y": 32, + "width": 80.765625, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "0.38", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": "button remove trailing action disabled", + "role": null, + "text": null, + "box": { + "x": 112.765625, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 120.765625, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "0.38", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 154.765625, + "y": 24, + "width": 84.078125, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": true, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 154.765625, + "y": 24, + "width": 84.078125, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 170.765625, + "y": 26, + "width": 34.078125, + "height": 28 + }, + "glyph": { + "x": 170.765625, + "y": 32, + "width": 34.078125, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "0.38", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": "button remove trailing action disabled", + "role": null, + "text": null, + "box": { + "x": 204.84375, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 212.84375, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "0.38", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button disabled has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 16, + "y": 64, + "width": 106.65625, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(122, 122, 122)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(122, 122, 122) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 53, + "y": 69, + "width": 56.65625, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(122, 122, 122)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(122, 122, 122)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(122, 122, 122) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": null, + "searchBox": null, + "searchInput": null, + "rows": [], + "rowLabels": [], + "message": null, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/macos/dark-multiple-disabled.png", + "sha256": "4b06ba9e6d28b140544d7645912d9ac24af2c8b96afc580a4510775ad3f2e6f6" + }, + "architecture": "arm64" + }, + { + "platform": "macos", + "theme": "dark", + "name": "multiple-required", + "configuration": { + "name": "multiple-required", + "multiple": true, + "label": "Category", + "value": [], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": true, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 64 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": null, + "chips": [], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 106.65625, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgb(0, 46, 62)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 53, + "y": 21, + "width": 56.65625, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(55, 200, 253)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": null, + "searchBox": null, + "searchInput": null, + "rows": [], + "rowLabels": [], + "message": null, + "helper": null, + "iconPaths": [ + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/macos/dark-multiple-required.png", + "sha256": "97358ae2cd5a4e7e8125cc8b9d48171555596322cd35065fec950f6e1e13968c" + }, + "architecture": "arm64" + }, + { + "platform": "macos", + "theme": "dark", + "name": "multiple-narrow", + "configuration": { + "name": "multiple-narrow", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 180, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 212, + "height": 152 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 120 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 88 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 16, + "y": 24, + "width": 130.765625, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 16, + "y": 24, + "width": 130.765625, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 32, + "y": 26, + "width": 80.765625, + "height": 28 + }, + "glyph": { + "x": 32, + "y": 32, + "width": 80.765625, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 112.765625, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 120.765625, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 16, + "y": 64, + "width": 84.078125, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 16, + "y": 64, + "width": 84.078125, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 32, + "y": 66, + "width": 34.078125, + "height": 28 + }, + "glyph": { + "x": 32, + "y": 72, + "width": 34.078125, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 66.078125, + "y": 64, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 74.078125, + "y": 71, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 16, + "y": 104, + "width": 106.65625, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgb(0, 46, 62)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 53, + "y": 109, + "width": 56.65625, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(55, 200, 253)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": null, + "searchBox": null, + "searchInput": null, + "rows": [], + "rowLabels": [], + "message": null, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/macos/dark-multiple-narrow.png", + "sha256": "7ad1ebd7344b89099955c11213d8754c34cab5c3d7b6a37da221d81135a3ae38" + }, + "architecture": "arm64" + }, + { + "platform": "macos", + "theme": "dark", + "name": "multiple-rtl", + "configuration": { + "name": "multiple-rtl", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "rtl", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 112 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 80 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 205.234375, + "y": 24, + "width": 130.765625, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 205.234375, + "y": 24, + "width": 130.765625, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 239.234375, + "y": 26, + "width": 80.765625, + "height": 28 + }, + "glyph": { + "x": 239.234375, + "y": 32, + "width": 80.765625, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 205.234375, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "16px 0px 0px 16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 213.234375, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 113.15625, + "y": 24, + "width": 84.078125, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 113.15625, + "y": 24, + "width": 84.078125, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 147.15625, + "y": 26, + "width": 34.078125, + "height": 28 + }, + "glyph": { + "x": 147.15625, + "y": 32, + "width": 34.078125, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 113.15625, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "16px 0px 0px 16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 121.15625, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 229.34375, + "y": 64, + "width": 106.65625, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 8px 0px 12px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgb(0, 46, 62)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 242.34375, + "y": 69, + "width": 56.65625, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(55, 200, 253)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": null, + "searchBox": null, + "searchInput": null, + "rows": [], + "rowLabels": [], + "message": null, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/macos/dark-multiple-rtl.png", + "sha256": "871479c32cdbeca78591057f1e0bbb453c1d5eafb580b0caaaa1299dd7ae3e68" + }, + "architecture": "arm64" + }, + { + "platform": "macos", + "theme": "dark", + "name": "multiple-helper", + "configuration": { + "name": "multiple-helper", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "Choose categories.", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 134 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 102 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 16, + "y": 24, + "width": 130.765625, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 16, + "y": 24, + "width": 130.765625, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 32, + "y": 26, + "width": 80.765625, + "height": 28 + }, + "glyph": { + "x": 32, + "y": 32, + "width": 80.765625, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 112.765625, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 120.765625, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 154.765625, + "y": 24, + "width": 84.078125, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 154.765625, + "y": 24, + "width": 84.078125, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 170.765625, + "y": 26, + "width": 34.078125, + "height": 28 + }, + "glyph": { + "x": 170.765625, + "y": 32, + "width": 34.078125, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 204.84375, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 212.84375, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 16, + "y": 64, + "width": 106.65625, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgb(0, 46, 62)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 53, + "y": 69, + "width": 56.65625, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(55, 200, 253)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": null, + "searchBox": null, + "searchInput": null, + "rows": [], + "rowLabels": [], + "message": null, + "helper": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-helper-text", + "part": null, + "class": null, + "role": null, + "text": "Choose categories.", + "box": { + "x": 16, + "y": 104, + "width": 320, + "height": 14 + }, + "glyph": { + "x": 32, + "y": 104, + "width": 110.171875, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "0.4px", + "padding": "0px 16px", + "margin": "8px 0px 0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/macos/dark-multiple-helper.png", + "sha256": "70ceb733d349b91dedddb66245061ee67707d6213e8422306366be745e6a7f91" + }, + "architecture": "arm64" + }, + { + "platform": "macos", + "theme": "dark", + "name": "multiple-search", + "configuration": { + "name": "multiple-search", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": true, + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 24, + "y": 32, + "width": 368, + "height": 286 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 80 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 24, + "y": 24, + "width": 130.765625, + "height": 32 + }, + "glyph": { + "x": -24, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 24, + "y": 24, + "width": 130.765625, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 40, + "y": 26, + "width": 80.765625, + "height": 28 + }, + "glyph": { + "x": 40, + "y": 32, + "width": 80.765625, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 120.765625, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 128.765625, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 162.765625, + "y": 24, + "width": 84.078125, + "height": 32 + }, + "glyph": { + "x": -24, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 162.765625, + "y": 24, + "width": 84.078125, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 178.765625, + "y": 26, + "width": 34.078125, + "height": 28 + }, + "glyph": { + "x": 178.765625, + "y": 32, + "width": 34.078125, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 212.84375, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 220.84375, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 24, + "y": 64, + "width": 106.65625, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgb(0, 46, 62)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 61, + "y": 69, + "width": 56.65625, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(55, 200, 253)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "body", + "class": "body", + "role": null, + "text": null, + "box": { + "x": 24, + "y": 96, + "width": 320, + "height": 166 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px 16px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgb(94, 94, 94)", + "borderRadius": "8px", + "boxShadow": "rgba(0, 0, 0, 0.35) 0px 3px 6px -1px, rgba(0, 0, 0, 0.45) 0px 8px 16px -2px", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "column", + "maxWidth": "320px", + "maxHeight": "400px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchBox": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "base", + "class": "text-field", + "role": null, + "text": null, + "box": { + "x": 37, + "y": 113, + "width": 294, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 8px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgb(0, 154, 199)", + "borderRadius": "8px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "stretch", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "2px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchInput": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "input", + "part": "input", + "class": "control", + "role": null, + "text": null, + "box": { + "x": 64, + "y": 114, + "width": 258, + "height": 38 + }, + "glyph": null, + "focusVisible": true, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 0px 0px 4px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(118, 118, 118, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "clip", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "rows": [ + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": "combo-box-row ", + "role": null, + "text": null, + "box": { + "x": 25, + "y": 165, + "width": 318, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": "combo-box-row ", + "role": null, + "text": null, + "box": { + "x": 25, + "y": 213, + "width": 318, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + ], + "rowLabels": [ + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": null, + "role": null, + "text": "Shopping", + "box": { + "x": 41, + "y": 177.796875, + "width": 286, + "height": 22.390625 + }, + "glyph": { + "x": 41, + "y": 180.796875, + "width": 58.6875, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": null, + "role": null, + "text": "Archived", + "box": { + "x": 41, + "y": 225.796875, + "width": 286, + "height": 22.390625 + }, + "glyph": { + "x": 41, + "y": 228.796875, + "width": 54.1875, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + } + ], + "message": null, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z", + "M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/macos/dark-multiple-search.png", + "sha256": "e13b5691a740d6f283a660cb03560e1847b56005417304b90f035c5d722364ee" + }, + "architecture": "arm64" + }, + { + "platform": "macos", + "theme": "dark", + "name": "multiple-filtered", + "configuration": { + "name": "multiple-filtered", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": true, + "interaction": "resting", + "search": "shop" + }, + "fixtureMapping": [], + "frame": { + "x": 24, + "y": 32, + "width": 368, + "height": 286 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 80 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 24, + "y": 24, + "width": 130.765625, + "height": 32 + }, + "glyph": { + "x": -24, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 24, + "y": 24, + "width": 130.765625, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 40, + "y": 26, + "width": 80.765625, + "height": 28 + }, + "glyph": { + "x": 40, + "y": 32, + "width": 80.765625, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 120.765625, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 128.765625, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 162.765625, + "y": 24, + "width": 84.078125, + "height": 32 + }, + "glyph": { + "x": -24, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 162.765625, + "y": 24, + "width": 84.078125, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 178.765625, + "y": 26, + "width": 34.078125, + "height": 28 + }, + "glyph": { + "x": 178.765625, + "y": 32, + "width": 34.078125, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 212.84375, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 220.84375, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 24, + "y": 64, + "width": 106.65625, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgb(0, 46, 62)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 61, + "y": 69, + "width": 56.65625, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(55, 200, 253)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "body", + "class": "body", + "role": null, + "text": null, + "box": { + "x": 24, + "y": 96, + "width": 320, + "height": 166 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px 16px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgb(94, 94, 94)", + "borderRadius": "8px", + "boxShadow": "rgba(0, 0, 0, 0.35) 0px 3px 6px -1px, rgba(0, 0, 0, 0.45) 0px 8px 16px -2px", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "column", + "maxWidth": "320px", + "maxHeight": "400px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchBox": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "base", + "class": "text-field", + "role": null, + "text": null, + "box": { + "x": 37, + "y": 113, + "width": 294, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 8px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgb(0, 154, 199)", + "borderRadius": "8px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "stretch", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "2px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchInput": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "input", + "part": "input", + "class": "control", + "role": null, + "text": null, + "box": { + "x": 64, + "y": 114, + "width": 234, + "height": 38 + }, + "glyph": null, + "focusVisible": true, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 0px 0px 4px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(118, 118, 118, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "clip", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "rows": [ + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": "combo-box-row ", + "role": null, + "text": null, + "box": { + "x": 25, + "y": 165, + "width": 318, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + ], + "rowLabels": [ + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": null, + "role": null, + "text": "Shopping", + "box": { + "x": 41, + "y": 177.796875, + "width": 286, + "height": 22.390625 + }, + "glyph": { + "x": 41, + "y": 180.796875, + "width": 58.6875, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + } + ], + "message": null, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z", + "M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/macos/dark-multiple-filtered.png", + "sha256": "5393adb6287e76107420a77a462ca23bb817d9cce97a0bf7f32547a1d2597262" + }, + "architecture": "arm64" + }, + { + "platform": "macos", + "theme": "dark", + "name": "multiple-no-matches", + "configuration": { + "name": "multiple-no-matches", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": true, + "interaction": "resting", + "search": "unmatched" + }, + "fixtureMapping": [], + "frame": { + "x": 24, + "y": 32, + "width": 368, + "height": 286 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 80 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 24, + "y": 24, + "width": 130.765625, + "height": 32 + }, + "glyph": { + "x": -24, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 24, + "y": 24, + "width": 130.765625, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 40, + "y": 26, + "width": 80.765625, + "height": 28 + }, + "glyph": { + "x": 40, + "y": 32, + "width": 80.765625, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 120.765625, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 128.765625, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 162.765625, + "y": 24, + "width": 84.078125, + "height": 32 + }, + "glyph": { + "x": -24, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 162.765625, + "y": 24, + "width": 84.078125, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 178.765625, + "y": 26, + "width": 34.078125, + "height": 28 + }, + "glyph": { + "x": 178.765625, + "y": 32, + "width": 34.078125, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 212.84375, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 220.84375, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 24, + "y": 64, + "width": 106.65625, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgb(0, 46, 62)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 61, + "y": 69, + "width": 56.65625, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(55, 200, 253)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "body", + "class": "body", + "role": null, + "text": null, + "box": { + "x": 24, + "y": 96, + "width": 320, + "height": 166 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px 16px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgb(94, 94, 94)", + "borderRadius": "8px", + "boxShadow": "rgba(0, 0, 0, 0.35) 0px 3px 6px -1px, rgba(0, 0, 0, 0.45) 0px 8px 16px -2px", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "column", + "maxWidth": "320px", + "maxHeight": "400px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchBox": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "base", + "class": "text-field", + "role": null, + "text": null, + "box": { + "x": 37, + "y": 113, + "width": 294, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 8px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgb(0, 154, 199)", + "borderRadius": "8px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "stretch", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "2px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchInput": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "input", + "part": "input", + "class": "control", + "role": null, + "text": null, + "box": { + "x": 64, + "y": 114, + "width": 234, + "height": 38 + }, + "glyph": null, + "focusVisible": true, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 0px 0px 4px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(118, 118, 118, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "clip", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "rows": [ + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": "combo-box-row", + "role": null, + "text": null, + "box": { + "x": 25, + "y": 165, + "width": 318, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + ], + "rowLabels": [], + "message": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": null, + "role": null, + "text": "No matching options.", + "box": { + "x": 81, + "y": 177.796875, + "width": 246, + "height": 22.390625 + }, + "glyph": { + "x": 81, + "y": 180.796875, + "width": 133.796875, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z", + "M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/macos/dark-multiple-no-matches.png", + "sha256": "9e01a9a39c3e032905ca2c9ebfeaabaa261d25446707e686db3d2b333e899058" + }, + "architecture": "arm64" + }, + { + "platform": "macos", + "theme": "dark", + "name": "multiple-search-keyboard", + "configuration": { + "name": "multiple-search-keyboard", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": true, + "interaction": "option-keyboard", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 24, + "y": 32, + "width": 368, + "height": 286 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 80 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 24, + "y": 24, + "width": 130.765625, + "height": 32 + }, + "glyph": { + "x": -24, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 24, + "y": 24, + "width": 130.765625, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 40, + "y": 26, + "width": 80.765625, + "height": 28 + }, + "glyph": { + "x": 40, + "y": 32, + "width": 80.765625, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 120.765625, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 128.765625, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 162.765625, + "y": 24, + "width": 84.078125, + "height": 32 + }, + "glyph": { + "x": -24, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 162.765625, + "y": 24, + "width": 84.078125, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 178.765625, + "y": 26, + "width": 34.078125, + "height": 28 + }, + "glyph": { + "x": 178.765625, + "y": 32, + "width": 34.078125, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 212.84375, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 220.84375, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 24, + "y": 64, + "width": 106.65625, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgb(0, 46, 62)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 61, + "y": 69, + "width": 56.65625, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(55, 200, 253)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "body", + "class": "body", + "role": null, + "text": null, + "box": { + "x": 24, + "y": 96, + "width": 320, + "height": 166 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px 16px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgb(94, 94, 94)", + "borderRadius": "8px", + "boxShadow": "rgba(0, 0, 0, 0.35) 0px 3px 6px -1px, rgba(0, 0, 0, 0.45) 0px 8px 16px -2px", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "column", + "maxWidth": "320px", + "maxHeight": "400px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchBox": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "base", + "class": "text-field", + "role": null, + "text": null, + "box": { + "x": 37, + "y": 113, + "width": 294, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 8px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgb(0, 154, 199)", + "borderRadius": "8px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "stretch", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "2px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchInput": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "input", + "part": "input", + "class": "control", + "role": null, + "text": null, + "box": { + "x": 64, + "y": 114, + "width": 258, + "height": 38 + }, + "glyph": null, + "focusVisible": true, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 0px 0px 4px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(118, 118, 118, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "clip", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "rows": [ + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": "combo-box-row selected", + "role": null, + "text": null, + "box": { + "x": 25, + "y": 165, + "width": 318, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(32, 32, 32)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": "combo-box-row ", + "role": null, + "text": null, + "box": { + "x": 25, + "y": 213, + "width": 318, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + ], + "rowLabels": [ + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": null, + "role": null, + "text": "Shopping", + "box": { + "x": 41, + "y": 177.796875, + "width": 286, + "height": 22.390625 + }, + "glyph": { + "x": 41, + "y": 180.796875, + "width": 58.6875, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": null, + "role": null, + "text": "Archived", + "box": { + "x": 41, + "y": 225.796875, + "width": 286, + "height": 22.390625 + }, + "glyph": { + "x": 41, + "y": 228.796875, + "width": 54.1875, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + } + ], + "message": null, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z", + "M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/macos/dark-multiple-search-keyboard.png", + "sha256": "4d01719bc090179913952e2d27160c722075f087943fc62632913c02cf7e2834" + }, + "architecture": "arm64" + }, + { + "platform": "macos", + "theme": "dark", + "name": "multiple-search-rtl", + "configuration": { + "name": "multiple-search-rtl", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "rtl", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": true, + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 24, + "y": 32, + "width": 368, + "height": 286 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 80 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 213.234375, + "y": 24, + "width": 130.765625, + "height": 32 + }, + "glyph": { + "x": -24, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 213.234375, + "y": 24, + "width": 130.765625, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 247.234375, + "y": 26, + "width": 80.765625, + "height": 28 + }, + "glyph": { + "x": 247.234375, + "y": 32, + "width": 80.765625, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 213.234375, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "16px 0px 0px 16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 221.234375, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 121.15625, + "y": 24, + "width": 84.078125, + "height": 32 + }, + "glyph": { + "x": -24, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 121.15625, + "y": 24, + "width": 84.078125, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 155.15625, + "y": 26, + "width": 34.078125, + "height": 28 + }, + "glyph": { + "x": 155.15625, + "y": 32, + "width": 34.078125, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 121.15625, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "16px 0px 0px 16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 129.15625, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 237.34375, + "y": 64, + "width": 106.65625, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 8px 0px 12px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgb(0, 46, 62)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 250.34375, + "y": 69, + "width": 56.65625, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(55, 200, 253)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "body", + "class": "body", + "role": null, + "text": null, + "box": { + "x": 24, + "y": 96, + "width": 320, + "height": 166 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px 16px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgb(94, 94, 94)", + "borderRadius": "8px", + "boxShadow": "rgba(0, 0, 0, 0.35) 0px 3px 6px -1px, rgba(0, 0, 0, 0.45) 0px 8px 16px -2px", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "column", + "maxWidth": "320px", + "maxHeight": "400px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchBox": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "base", + "class": "text-field", + "role": null, + "text": null, + "box": { + "x": 37, + "y": 113, + "width": 294, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 8px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgb(0, 154, 199)", + "borderRadius": "8px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "stretch", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "2px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchInput": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "input", + "part": "input", + "class": "control", + "role": null, + "text": null, + "box": { + "x": 46, + "y": 114, + "width": 258, + "height": 38 + }, + "glyph": null, + "focusVisible": true, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 4px 0px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(118, 118, 118, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "clip", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "rows": [ + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": "combo-box-row ", + "role": null, + "text": null, + "box": { + "x": 25, + "y": 165, + "width": 318, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": "combo-box-row ", + "role": null, + "text": null, + "box": { + "x": 25, + "y": 213, + "width": 318, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + ], + "rowLabels": [ + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": null, + "role": null, + "text": "Shopping", + "box": { + "x": 41, + "y": 177.796875, + "width": 286, + "height": 22.390625 + }, + "glyph": { + "x": 268.3125, + "y": 180.796875, + "width": 58.6875, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": null, + "role": null, + "text": "Archived", + "box": { + "x": 41, + "y": 225.796875, + "width": 286, + "height": 22.390625 + }, + "glyph": { + "x": 272.8125, + "y": 228.796875, + "width": 54.1875, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + } + ], + "message": null, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z", + "M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/macos/dark-multiple-search-rtl.png", + "sha256": "fdbd311e93a6d67ee4e3450988c4df090bbfbe697335cb12e0be0db68a48edab" + }, + "architecture": "arm64" + }, + { + "platform": "macos", + "theme": "dark", + "name": "multiple-search-narrow", + "configuration": { + "name": "multiple-search-narrow", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 180, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": true, + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 0, + "y": 32, + "width": 290, + "height": 326 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 48, + "y": 16, + "width": 180, + "height": 120 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 48, + "y": 16, + "width": 180, + "height": 88 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 48, + "y": 24, + "width": 130.765625, + "height": 32 + }, + "glyph": { + "x": 0, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 48, + "y": 24, + "width": 130.765625, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 64, + "y": 26, + "width": 80.765625, + "height": 28 + }, + "glyph": { + "x": 64, + "y": 32, + "width": 80.765625, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 144.765625, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 152.765625, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 48, + "y": 64, + "width": 84.078125, + "height": 32 + }, + "glyph": { + "x": 0, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 48, + "y": 64, + "width": 84.078125, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 64, + "y": 66, + "width": 34.078125, + "height": 28 + }, + "glyph": { + "x": 64, + "y": 72, + "width": 34.078125, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 98.078125, + "y": 64, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 106.078125, + "y": 71, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 48, + "y": 104, + "width": 106.65625, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgb(0, 46, 62)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 85, + "y": 109, + "width": 56.65625, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(55, 200, 253)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "body", + "class": "body", + "role": null, + "text": null, + "box": { + "x": 16, + "y": 136, + "width": 250, + "height": 166 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px 16px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgb(94, 94, 94)", + "borderRadius": "8px", + "boxShadow": "rgba(0, 0, 0, 0.35) 0px 3px 6px -1px, rgba(0, 0, 0, 0.45) 0px 8px 16px -2px", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "column", + "maxWidth": "250px", + "maxHeight": "400px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchBox": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "base", + "class": "text-field", + "role": null, + "text": null, + "box": { + "x": 29, + "y": 153, + "width": 224, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 8px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgb(0, 154, 199)", + "borderRadius": "8px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "stretch", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "2px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchInput": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "input", + "part": "input", + "class": "control", + "role": null, + "text": null, + "box": { + "x": 56, + "y": 154, + "width": 188, + "height": 38 + }, + "glyph": null, + "focusVisible": true, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 0px 0px 4px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(118, 118, 118, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "clip", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "rows": [ + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": "combo-box-row ", + "role": null, + "text": null, + "box": { + "x": 17, + "y": 205, + "width": 248, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": "combo-box-row ", + "role": null, + "text": null, + "box": { + "x": 17, + "y": 253, + "width": 248, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + ], + "rowLabels": [ + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": null, + "role": null, + "text": "Shopping", + "box": { + "x": 33, + "y": 217.796875, + "width": 216, + "height": 22.390625 + }, + "glyph": { + "x": 33, + "y": 220.796875, + "width": 58.6875, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": null, + "role": null, + "text": "Archived", + "box": { + "x": 33, + "y": 265.796875, + "width": 216, + "height": 22.390625 + }, + "glyph": { + "x": 33, + "y": 268.796875, + "width": 54.1875, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + } + ], + "message": null, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z", + "M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/macos/dark-multiple-search-narrow.png", + "sha256": "e909ef91c15fe5ea3a5311ba173f33f02b646368b9ca7e0954c32b99d1dc5126" + }, + "architecture": "arm64" + }, + { + "platform": "linux", + "theme": "light", + "name": "multiple-empty", + "configuration": { + "name": "multiple-empty", + "multiple": true, + "label": "Category", + "value": [], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 64 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": null, + "chips": [], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 108, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(223, 243, 252)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 53, + "y": 21, + "width": 58, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": null, + "searchBox": null, + "searchInput": null, + "rows": [], + "rowLabels": [], + "message": null, + "helper": null, + "iconPaths": [ + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/linux/light-multiple-empty.png", + "sha256": "4f50df69f5c12244810664fa754429bb37b2cd4cf376d5fc091ed1d86a2559a7" + }, + "architecture": "arm64" + }, + { + "platform": "linux", + "theme": "light", + "name": "multiple-filled", + "configuration": { + "name": "multiple-filled", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 112 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 80 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 16, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 16, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 32, + "y": 26, + "width": 81, + "height": 28 + }, + "glyph": { + "x": 32, + "y": 32, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 113, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 121, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 155, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 155, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 171, + "y": 26, + "width": 35, + "height": 28 + }, + "glyph": { + "x": 171, + "y": 32, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 206, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 214, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 16, + "y": 64, + "width": 108, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(223, 243, 252)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 53, + "y": 69, + "width": 58, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": null, + "searchBox": null, + "searchInput": null, + "rows": [], + "rowLabels": [], + "message": null, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/linux/light-multiple-filled.png", + "sha256": "f61b85bead5d2ce3c6e9582b5f35349bbb77b0537b1944b8947dc3256bc223fb" + }, + "architecture": "arm64" + }, + { + "platform": "linux", + "theme": "light", + "name": "multiple-remove-hover", + "configuration": { + "name": "multiple-remove-hover", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "interaction": "remove-hover", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 112 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 80 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 16, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 16, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 32, + "y": 26, + "width": 81, + "height": 28 + }, + "glyph": { + "x": 32, + "y": 32, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 113, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "color(srgb 0.0784314 0.0784314 0.0784314 / 0.08)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 121, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 155, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 155, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 171, + "y": 26, + "width": 35, + "height": 28 + }, + "glyph": { + "x": 171, + "y": 32, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 206, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 214, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 16, + "y": 64, + "width": 108, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(223, 243, 252)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 53, + "y": 69, + "width": 58, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": null, + "searchBox": null, + "searchInput": null, + "rows": [], + "rowLabels": [], + "message": null, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/linux/light-multiple-remove-hover.png", + "sha256": "e487c11f58ca6e1989a74acfb797c2cb7d0198c97ae536c25460c1574bb7f5c0" + }, + "architecture": "arm64" + }, + { + "platform": "linux", + "theme": "light", + "name": "multiple-remove-focus", + "configuration": { + "name": "multiple-remove-focus", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "interaction": "remove-focus", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 112 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 80 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 16, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 16, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 32, + "y": 26, + "width": 81, + "height": 28 + }, + "glyph": { + "x": 32, + "y": 32, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 113, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": true, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "2px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 121, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 155, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 155, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 171, + "y": 26, + "width": 35, + "height": 28 + }, + "glyph": { + "x": 171, + "y": 32, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 206, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 214, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 16, + "y": 64, + "width": 108, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(223, 243, 252)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 53, + "y": 69, + "width": 58, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": null, + "searchBox": null, + "searchInput": null, + "rows": [], + "rowLabels": [], + "message": null, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/linux/light-multiple-remove-focus.png", + "sha256": "7bed19654047bf57404aedcf95f2681137d308d13939a9fe21ef461235e02b17" + }, + "architecture": "arm64" + }, + { + "platform": "linux", + "theme": "light", + "name": "multiple-disabled", + "configuration": { + "name": "multiple-disabled", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "ltr", + "disabled": true, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [ + "Public nested ha-input-chip.disabled; original selector wrapper does not forward its disabled input to chips." + ], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 112 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 80 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 16, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": true, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 16, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 32, + "y": 26, + "width": 81, + "height": 28 + }, + "glyph": { + "x": 32, + "y": 32, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "0.38", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": "button remove trailing action disabled", + "role": null, + "text": null, + "box": { + "x": 113, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(204, 204, 204)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(204, 204, 204)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 121, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "0.38", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 155, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": true, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 155, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 171, + "y": 26, + "width": 35, + "height": 28 + }, + "glyph": { + "x": 171, + "y": 32, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "0.38", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": "button remove trailing action disabled", + "role": null, + "text": null, + "box": { + "x": 206, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(204, 204, 204)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(204, 204, 204)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 214, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "0.38", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button disabled has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 16, + "y": 64, + "width": 108, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(177, 177, 177)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(177, 177, 177) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 53, + "y": 69, + "width": 58, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(177, 177, 177)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(177, 177, 177) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": null, + "searchBox": null, + "searchInput": null, + "rows": [], + "rowLabels": [], + "message": null, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/linux/light-multiple-disabled.png", + "sha256": "87c6e1dacdb57c3d7188994898f6828e2c7a8da1c398ee3f5bc8e598f3d8f890" + }, + "architecture": "arm64" + }, + { + "platform": "linux", + "theme": "light", + "name": "multiple-required", + "configuration": { + "name": "multiple-required", + "multiple": true, + "label": "Category", + "value": [], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": true, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 64 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": null, + "chips": [], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 108, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(223, 243, 252)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 53, + "y": 21, + "width": 58, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": null, + "searchBox": null, + "searchInput": null, + "rows": [], + "rowLabels": [], + "message": null, + "helper": null, + "iconPaths": [ + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/linux/light-multiple-required.png", + "sha256": "4f50df69f5c12244810664fa754429bb37b2cd4cf376d5fc091ed1d86a2559a7" + }, + "architecture": "arm64" + }, + { + "platform": "linux", + "theme": "light", + "name": "multiple-narrow", + "configuration": { + "name": "multiple-narrow", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 180, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 212, + "height": 152 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 120 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 88 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 16, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 16, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 32, + "y": 26, + "width": 81, + "height": 28 + }, + "glyph": { + "x": 32, + "y": 32, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 113, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 121, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 16, + "y": 64, + "width": 85, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 16, + "y": 64, + "width": 85, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 32, + "y": 66, + "width": 35, + "height": 28 + }, + "glyph": { + "x": 32, + "y": 72, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 67, + "y": 64, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 75, + "y": 71, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 16, + "y": 104, + "width": 108, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(223, 243, 252)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 53, + "y": 109, + "width": 58, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": null, + "searchBox": null, + "searchInput": null, + "rows": [], + "rowLabels": [], + "message": null, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/linux/light-multiple-narrow.png", + "sha256": "c9500fb96ffde18a20b6ff7b9f2c4693d4c0de07c35e38dee7b7c2b89cc16f47" + }, + "architecture": "arm64" + }, + { + "platform": "linux", + "theme": "light", + "name": "multiple-rtl", + "configuration": { + "name": "multiple-rtl", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "rtl", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 112 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 80 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 205, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 205, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 239, + "y": 26, + "width": 81, + "height": 28 + }, + "glyph": { + "x": 239, + "y": 32, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 205, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "16px 0px 0px 16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 213, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 112, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 112, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 146, + "y": 26, + "width": 35, + "height": 28 + }, + "glyph": { + "x": 146, + "y": 32, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 112, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "16px 0px 0px 16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 120, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 228, + "y": 64, + "width": 108, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 8px 0px 12px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(223, 243, 252)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 241, + "y": 69, + "width": 58, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": null, + "searchBox": null, + "searchInput": null, + "rows": [], + "rowLabels": [], + "message": null, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/linux/light-multiple-rtl.png", + "sha256": "0ab1585f15d8a31f5bbb6855c2acf6e6da4784cc13607ce9a878cb532d31395d" + }, + "architecture": "arm64" + }, + { + "platform": "linux", + "theme": "light", + "name": "multiple-helper", + "configuration": { + "name": "multiple-helper", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "Choose categories.", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 134 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 102 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 16, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 16, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 32, + "y": 26, + "width": 81, + "height": 28 + }, + "glyph": { + "x": 32, + "y": 32, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 113, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 121, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 155, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 155, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 171, + "y": 26, + "width": 35, + "height": 28 + }, + "glyph": { + "x": 171, + "y": 32, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 206, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 214, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 16, + "y": 64, + "width": 108, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(223, 243, 252)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 53, + "y": 69, + "width": 58, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": null, + "searchBox": null, + "searchInput": null, + "rows": [], + "rowLabels": [], + "message": null, + "helper": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-helper-text", + "part": null, + "class": null, + "role": null, + "text": "Choose categories.", + "box": { + "x": 16, + "y": 104, + "width": 320, + "height": 14 + }, + "glyph": { + "x": 32, + "y": 104, + "width": 110.203125, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "0.4px", + "padding": "0px 16px", + "margin": "8px 0px 0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/linux/light-multiple-helper.png", + "sha256": "d53264fa146e5eb78cd9f2bbe4fd9b4c0a0602e3826621d7e17e9e2defd7b0a6" + }, + "architecture": "arm64" + }, + { + "platform": "linux", + "theme": "light", + "name": "multiple-search", + "configuration": { + "name": "multiple-search", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": true, + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 24, + "y": 32, + "width": 368, + "height": 286 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 80 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 24, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": { + "x": -24, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 24, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 40, + "y": 26, + "width": 81, + "height": 28 + }, + "glyph": { + "x": 40, + "y": 32, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 121, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 129, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 163, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": { + "x": -24, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 163, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 179, + "y": 26, + "width": 35, + "height": 28 + }, + "glyph": { + "x": 179, + "y": 32, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 214, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 222, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 24, + "y": 64, + "width": 108, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(223, 243, 252)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 61, + "y": 69, + "width": 58, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "body", + "class": "body", + "role": null, + "text": null, + "box": { + "x": 24, + "y": 96, + "width": 320, + "height": 166 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px 16px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgb(230, 230, 230)", + "borderRadius": "8px", + "boxShadow": "rgba(0, 0, 0, 0.1) 0px 3px 6px -1px, rgba(0, 0, 0, 0.15) 0px 8px 16px -2px", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "column", + "maxWidth": "320px", + "maxHeight": "400px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchBox": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "base", + "class": "text-field", + "role": null, + "text": null, + "box": { + "x": 37, + "y": 113, + "width": 294, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 8px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgb(0, 154, 199)", + "borderRadius": "8px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "stretch", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "2px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchInput": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "input", + "part": "input", + "class": "control", + "role": null, + "text": null, + "box": { + "x": 64, + "y": 114, + "width": 258, + "height": 38 + }, + "glyph": null, + "focusVisible": true, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 0px 0px 4px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(118, 118, 118, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "clip", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "rows": [ + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": "combo-box-row ", + "role": null, + "text": null, + "box": { + "x": 25, + "y": 165, + "width": 318, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": "combo-box-row ", + "role": null, + "text": null, + "box": { + "x": 25, + "y": 213, + "width": 318, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + ], + "rowLabels": [ + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": null, + "role": null, + "text": "Shopping", + "box": { + "x": 41, + "y": 177.796875, + "width": 286, + "height": 22.390625 + }, + "glyph": { + "x": 41, + "y": 180.796875, + "width": 59, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": null, + "role": null, + "text": "Archived", + "box": { + "x": 41, + "y": 225.796875, + "width": 286, + "height": 22.390625 + }, + "glyph": { + "x": 41, + "y": 228.796875, + "width": 54, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + } + ], + "message": null, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z", + "M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/linux/light-multiple-search.png", + "sha256": "d5ba01e52a5995f39e9ca32ea6ce4a413fd7b4b8a0202650f3776867256f0133" + }, + "architecture": "arm64" + }, + { + "platform": "linux", + "theme": "light", + "name": "multiple-filtered", + "configuration": { + "name": "multiple-filtered", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": true, + "interaction": "resting", + "search": "shop" + }, + "fixtureMapping": [], + "frame": { + "x": 24, + "y": 32, + "width": 368, + "height": 286 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 80 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 24, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": { + "x": -24, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 24, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 40, + "y": 26, + "width": 81, + "height": 28 + }, + "glyph": { + "x": 40, + "y": 32, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 121, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 129, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 163, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": { + "x": -24, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 163, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 179, + "y": 26, + "width": 35, + "height": 28 + }, + "glyph": { + "x": 179, + "y": 32, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 214, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 222, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 24, + "y": 64, + "width": 108, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(223, 243, 252)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 61, + "y": 69, + "width": 58, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "body", + "class": "body", + "role": null, + "text": null, + "box": { + "x": 24, + "y": 96, + "width": 320, + "height": 166 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px 16px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgb(230, 230, 230)", + "borderRadius": "8px", + "boxShadow": "rgba(0, 0, 0, 0.1) 0px 3px 6px -1px, rgba(0, 0, 0, 0.15) 0px 8px 16px -2px", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "column", + "maxWidth": "320px", + "maxHeight": "400px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchBox": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "base", + "class": "text-field", + "role": null, + "text": null, + "box": { + "x": 37, + "y": 113, + "width": 294, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 8px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgb(0, 154, 199)", + "borderRadius": "8px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "stretch", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "2px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchInput": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "input", + "part": "input", + "class": "control", + "role": null, + "text": null, + "box": { + "x": 64, + "y": 114, + "width": 234, + "height": 38 + }, + "glyph": null, + "focusVisible": true, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 0px 0px 4px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(118, 118, 118, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "clip", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "rows": [ + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": "combo-box-row ", + "role": null, + "text": null, + "box": { + "x": 25, + "y": 165, + "width": 318, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + ], + "rowLabels": [ + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": null, + "role": null, + "text": "Shopping", + "box": { + "x": 41, + "y": 177.796875, + "width": 286, + "height": 22.390625 + }, + "glyph": { + "x": 41, + "y": 180.796875, + "width": 59, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + } + ], + "message": null, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z", + "M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/linux/light-multiple-filtered.png", + "sha256": "2557550d3140492ad2f1e426ea5581dd0bcec7b8fd83b455fec4a00e36ae9504" + }, + "architecture": "arm64" + }, + { + "platform": "linux", + "theme": "light", + "name": "multiple-no-matches", + "configuration": { + "name": "multiple-no-matches", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": true, + "interaction": "resting", + "search": "unmatched" + }, + "fixtureMapping": [], + "frame": { + "x": 24, + "y": 32, + "width": 368, + "height": 286 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 80 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 24, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": { + "x": -24, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 24, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 40, + "y": 26, + "width": 81, + "height": 28 + }, + "glyph": { + "x": 40, + "y": 32, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 121, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 129, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 163, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": { + "x": -24, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 163, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 179, + "y": 26, + "width": 35, + "height": 28 + }, + "glyph": { + "x": 179, + "y": 32, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 214, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 222, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 24, + "y": 64, + "width": 108, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(223, 243, 252)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 61, + "y": 69, + "width": 58, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "body", + "class": "body", + "role": null, + "text": null, + "box": { + "x": 24, + "y": 96, + "width": 320, + "height": 166 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px 16px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgb(230, 230, 230)", + "borderRadius": "8px", + "boxShadow": "rgba(0, 0, 0, 0.1) 0px 3px 6px -1px, rgba(0, 0, 0, 0.15) 0px 8px 16px -2px", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "column", + "maxWidth": "320px", + "maxHeight": "400px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchBox": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "base", + "class": "text-field", + "role": null, + "text": null, + "box": { + "x": 37, + "y": 113, + "width": 294, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 8px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgb(0, 154, 199)", + "borderRadius": "8px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "stretch", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "2px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchInput": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "input", + "part": "input", + "class": "control", + "role": null, + "text": null, + "box": { + "x": 64, + "y": 114, + "width": 234, + "height": 38 + }, + "glyph": null, + "focusVisible": true, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 0px 0px 4px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(118, 118, 118, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "clip", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "rows": [ + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": "combo-box-row", + "role": null, + "text": null, + "box": { + "x": 25, + "y": 165, + "width": 318, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + ], + "rowLabels": [], + "message": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": null, + "role": null, + "text": "No matching options.", + "box": { + "x": 81, + "y": 177.796875, + "width": 246, + "height": 22.390625 + }, + "glyph": { + "x": 81, + "y": 180.796875, + "width": 134, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z", + "M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/linux/light-multiple-no-matches.png", + "sha256": "05985e2ba6ff58a1c05065c17a85e214ecb1873bea40c0002d8739b43b2942e0" + }, + "architecture": "arm64" + }, + { + "platform": "linux", + "theme": "light", + "name": "multiple-search-keyboard", + "configuration": { + "name": "multiple-search-keyboard", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": true, + "interaction": "option-keyboard", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 24, + "y": 32, + "width": 368, + "height": 286 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 80 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 24, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": { + "x": -24, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 24, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 40, + "y": 26, + "width": 81, + "height": 28 + }, + "glyph": { + "x": 40, + "y": 32, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 121, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 129, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 163, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": { + "x": -24, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 163, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 179, + "y": 26, + "width": 35, + "height": 28 + }, + "glyph": { + "x": 179, + "y": 32, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 214, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 222, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 24, + "y": 64, + "width": 108, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(223, 243, 252)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 61, + "y": 69, + "width": 58, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "body", + "class": "body", + "role": null, + "text": null, + "box": { + "x": 24, + "y": 96, + "width": 320, + "height": 166 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px 16px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgb(230, 230, 230)", + "borderRadius": "8px", + "boxShadow": "rgba(0, 0, 0, 0.1) 0px 3px 6px -1px, rgba(0, 0, 0, 0.15) 0px 8px 16px -2px", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "column", + "maxWidth": "320px", + "maxHeight": "400px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchBox": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "base", + "class": "text-field", + "role": null, + "text": null, + "box": { + "x": 37, + "y": 113, + "width": 294, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 8px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgb(0, 154, 199)", + "borderRadius": "8px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "stretch", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "2px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchInput": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "input", + "part": "input", + "class": "control", + "role": null, + "text": null, + "box": { + "x": 64, + "y": 114, + "width": 258, + "height": 38 + }, + "glyph": null, + "focusVisible": true, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 0px 0px 4px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(118, 118, 118, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "clip", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "rows": [ + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": "combo-box-row selected", + "role": null, + "text": null, + "box": { + "x": 25, + "y": 165, + "width": 318, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(230, 230, 230)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": "combo-box-row ", + "role": null, + "text": null, + "box": { + "x": 25, + "y": 213, + "width": 318, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + ], + "rowLabels": [ + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": null, + "role": null, + "text": "Shopping", + "box": { + "x": 41, + "y": 177.796875, + "width": 286, + "height": 22.390625 + }, + "glyph": { + "x": 41, + "y": 180.796875, + "width": 59, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": null, + "role": null, + "text": "Archived", + "box": { + "x": 41, + "y": 225.796875, + "width": 286, + "height": 22.390625 + }, + "glyph": { + "x": 41, + "y": 228.796875, + "width": 54, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + } + ], + "message": null, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z", + "M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/linux/light-multiple-search-keyboard.png", + "sha256": "a78a4c3f8b28a70959610a566da2b67308b15f53295fd44caa24afd5e4f694ee" + }, + "architecture": "arm64" + }, + { + "platform": "linux", + "theme": "light", + "name": "multiple-search-rtl", + "configuration": { + "name": "multiple-search-rtl", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "rtl", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": true, + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 24, + "y": 32, + "width": 368, + "height": 286 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 80 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 213, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": { + "x": -24, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 213, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 247, + "y": 26, + "width": 81, + "height": 28 + }, + "glyph": { + "x": 247, + "y": 32, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 213, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "16px 0px 0px 16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 221, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 120, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": { + "x": -24, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 120, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 154, + "y": 26, + "width": 35, + "height": 28 + }, + "glyph": { + "x": 154, + "y": 32, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 120, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "16px 0px 0px 16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 128, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 236, + "y": 64, + "width": 108, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 8px 0px 12px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(223, 243, 252)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 249, + "y": 69, + "width": 58, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "body", + "class": "body", + "role": null, + "text": null, + "box": { + "x": 24, + "y": 96, + "width": 320, + "height": 166 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px 16px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgb(230, 230, 230)", + "borderRadius": "8px", + "boxShadow": "rgba(0, 0, 0, 0.1) 0px 3px 6px -1px, rgba(0, 0, 0, 0.15) 0px 8px 16px -2px", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "column", + "maxWidth": "320px", + "maxHeight": "400px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchBox": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "base", + "class": "text-field", + "role": null, + "text": null, + "box": { + "x": 37, + "y": 113, + "width": 294, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 8px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgb(0, 154, 199)", + "borderRadius": "8px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "stretch", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "2px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchInput": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "input", + "part": "input", + "class": "control", + "role": null, + "text": null, + "box": { + "x": 46, + "y": 114, + "width": 258, + "height": 38 + }, + "glyph": null, + "focusVisible": true, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 4px 0px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(118, 118, 118, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "clip", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "rows": [ + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": "combo-box-row ", + "role": null, + "text": null, + "box": { + "x": 25, + "y": 165, + "width": 318, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": "combo-box-row ", + "role": null, + "text": null, + "box": { + "x": 25, + "y": 213, + "width": 318, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + ], + "rowLabels": [ + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": null, + "role": null, + "text": "Shopping", + "box": { + "x": 41, + "y": 177.796875, + "width": 286, + "height": 22.390625 + }, + "glyph": { + "x": 268, + "y": 180.796875, + "width": 59, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": null, + "role": null, + "text": "Archived", + "box": { + "x": 41, + "y": 225.796875, + "width": 286, + "height": 22.390625 + }, + "glyph": { + "x": 273, + "y": 228.796875, + "width": 54, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + } + ], + "message": null, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z", + "M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/linux/light-multiple-search-rtl.png", + "sha256": "c2982319928af8e792c738771879985ca9d678c50d931aec9094ec689fb2c783" + }, + "architecture": "arm64" + }, + { + "platform": "linux", + "theme": "light", + "name": "multiple-search-narrow", + "configuration": { + "name": "multiple-search-narrow", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 180, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": true, + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 0, + "y": 32, + "width": 290, + "height": 326 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 48, + "y": 16, + "width": 180, + "height": 120 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 48, + "y": 16, + "width": 180, + "height": 88 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 48, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": { + "x": 0, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 48, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 64, + "y": 26, + "width": 81, + "height": 28 + }, + "glyph": { + "x": 64, + "y": 32, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 145, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 153, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 48, + "y": 64, + "width": 85, + "height": 32 + }, + "glyph": { + "x": 0, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 48, + "y": 64, + "width": 85, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 64, + "y": 66, + "width": 35, + "height": 28 + }, + "glyph": { + "x": 64, + "y": 72, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 99, + "y": 64, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 107, + "y": 71, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 48, + "y": 104, + "width": 108, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(223, 243, 252)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 85, + "y": 109, + "width": 58, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "body", + "class": "body", + "role": null, + "text": null, + "box": { + "x": 16, + "y": 136, + "width": 250, + "height": 166 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px 16px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgb(230, 230, 230)", + "borderRadius": "8px", + "boxShadow": "rgba(0, 0, 0, 0.1) 0px 3px 6px -1px, rgba(0, 0, 0, 0.15) 0px 8px 16px -2px", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "column", + "maxWidth": "250px", + "maxHeight": "400px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchBox": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "base", + "class": "text-field", + "role": null, + "text": null, + "box": { + "x": 29, + "y": 153, + "width": 224, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 8px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgb(0, 154, 199)", + "borderRadius": "8px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "stretch", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "2px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchInput": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "input", + "part": "input", + "class": "control", + "role": null, + "text": null, + "box": { + "x": 56, + "y": 154, + "width": 188, + "height": 38 + }, + "glyph": null, + "focusVisible": true, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 0px 0px 4px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(118, 118, 118, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "clip", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "rows": [ + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": "combo-box-row ", + "role": null, + "text": null, + "box": { + "x": 17, + "y": 205, + "width": 248, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": "combo-box-row ", + "role": null, + "text": null, + "box": { + "x": 17, + "y": 253, + "width": 248, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + ], + "rowLabels": [ + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": null, + "role": null, + "text": "Shopping", + "box": { + "x": 33, + "y": 217.796875, + "width": 216, + "height": 22.390625 + }, + "glyph": { + "x": 33, + "y": 220.796875, + "width": 59, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": null, + "role": null, + "text": "Archived", + "box": { + "x": 33, + "y": 265.796875, + "width": 216, + "height": 22.390625 + }, + "glyph": { + "x": 33, + "y": 268.796875, + "width": 54, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + } + ], + "message": null, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z", + "M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/linux/light-multiple-search-narrow.png", + "sha256": "6a54020d26995bbea523a766d8f6436140db74770f0be2df1da63d70fdff2192" + }, + "architecture": "arm64" + }, + { + "platform": "linux", + "theme": "dark", + "name": "multiple-empty", + "configuration": { + "name": "multiple-empty", + "multiple": true, + "label": "Category", + "value": [], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 64 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": null, + "chips": [], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 108, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgb(0, 46, 62)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 53, + "y": 21, + "width": 58, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(55, 200, 253)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": null, + "searchBox": null, + "searchInput": null, + "rows": [], + "rowLabels": [], + "message": null, + "helper": null, + "iconPaths": [ + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/linux/dark-multiple-empty.png", + "sha256": "5661af645483c1ac64ad8128281f4c8f451c4d01329e1a781ffa667a40c38e23" + }, + "architecture": "arm64" + }, + { + "platform": "linux", + "theme": "dark", + "name": "multiple-filled", + "configuration": { + "name": "multiple-filled", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 112 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 80 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 16, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 16, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 32, + "y": 26, + "width": 81, + "height": 28 + }, + "glyph": { + "x": 32, + "y": 32, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 113, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 121, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 155, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 155, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 171, + "y": 26, + "width": 35, + "height": 28 + }, + "glyph": { + "x": 171, + "y": 32, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 206, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 214, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 16, + "y": 64, + "width": 108, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgb(0, 46, 62)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 53, + "y": 69, + "width": 58, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(55, 200, 253)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": null, + "searchBox": null, + "searchInput": null, + "rows": [], + "rowLabels": [], + "message": null, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/linux/dark-multiple-filled.png", + "sha256": "950d7a24a0a38ae1d53855c1e55dec6d2ec1cc7df2048c128a10173b991146ff" + }, + "architecture": "arm64" + }, + { + "platform": "linux", + "theme": "dark", + "name": "multiple-remove-hover", + "configuration": { + "name": "multiple-remove-hover", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "interaction": "remove-hover", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 112 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 80 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 16, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 16, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 32, + "y": 26, + "width": 81, + "height": 28 + }, + "glyph": { + "x": 32, + "y": 32, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 113, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "color(srgb 0.882353 0.882353 0.882353 / 0.08)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 121, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 155, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 155, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 171, + "y": 26, + "width": 35, + "height": 28 + }, + "glyph": { + "x": 171, + "y": 32, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 206, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 214, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 16, + "y": 64, + "width": 108, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgb(0, 46, 62)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 53, + "y": 69, + "width": 58, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(55, 200, 253)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": null, + "searchBox": null, + "searchInput": null, + "rows": [], + "rowLabels": [], + "message": null, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/linux/dark-multiple-remove-hover.png", + "sha256": "e31e0b60d3659bf002acdaf8f7cf7bb8fb35135c27f3c281d1e166fef2646772" + }, + "architecture": "arm64" + }, + { + "platform": "linux", + "theme": "dark", + "name": "multiple-remove-focus", + "configuration": { + "name": "multiple-remove-focus", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "interaction": "remove-focus", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 112 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 80 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 16, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 16, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 32, + "y": 26, + "width": 81, + "height": 28 + }, + "glyph": { + "x": 32, + "y": 32, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 113, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": true, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "2px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 121, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 155, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 155, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 171, + "y": 26, + "width": 35, + "height": 28 + }, + "glyph": { + "x": 171, + "y": 32, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 206, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 214, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 16, + "y": 64, + "width": 108, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgb(0, 46, 62)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 53, + "y": 69, + "width": 58, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(55, 200, 253)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": null, + "searchBox": null, + "searchInput": null, + "rows": [], + "rowLabels": [], + "message": null, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/linux/dark-multiple-remove-focus.png", + "sha256": "e88f25ef7137c7ab5f2ab128e15038fb6ecd0576eba13c1c580e8b515a8e016b" + }, + "architecture": "arm64" + }, + { + "platform": "linux", + "theme": "dark", + "name": "multiple-disabled", + "configuration": { + "name": "multiple-disabled", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "ltr", + "disabled": true, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [ + "Public nested ha-input-chip.disabled; original selector wrapper does not forward its disabled input to chips." + ], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 112 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 80 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 16, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": true, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 16, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 32, + "y": 26, + "width": 81, + "height": 28 + }, + "glyph": { + "x": 32, + "y": 32, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "0.38", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": "button remove trailing action disabled", + "role": null, + "text": null, + "box": { + "x": 113, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 121, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "0.38", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 155, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": true, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 155, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 171, + "y": 26, + "width": 35, + "height": 28 + }, + "glyph": { + "x": 171, + "y": 32, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "0.38", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": "button remove trailing action disabled", + "role": null, + "text": null, + "box": { + "x": 206, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 214, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "0.38", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button disabled has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 16, + "y": 64, + "width": 108, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(122, 122, 122)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(122, 122, 122) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 53, + "y": 69, + "width": 58, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(122, 122, 122)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(122, 122, 122)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(122, 122, 122) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": null, + "searchBox": null, + "searchInput": null, + "rows": [], + "rowLabels": [], + "message": null, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/linux/dark-multiple-disabled.png", + "sha256": "67e514a8dfe4f0f8c56ee4903734d5279aeefd06932eb5b0027e96e091f23247" + }, + "architecture": "arm64" + }, + { + "platform": "linux", + "theme": "dark", + "name": "multiple-required", + "configuration": { + "name": "multiple-required", + "multiple": true, + "label": "Category", + "value": [], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": true, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 64 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": null, + "chips": [], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 108, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgb(0, 46, 62)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 53, + "y": 21, + "width": 58, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(55, 200, 253)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": null, + "searchBox": null, + "searchInput": null, + "rows": [], + "rowLabels": [], + "message": null, + "helper": null, + "iconPaths": [ + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/linux/dark-multiple-required.png", + "sha256": "5661af645483c1ac64ad8128281f4c8f451c4d01329e1a781ffa667a40c38e23" + }, + "architecture": "arm64" + }, + { + "platform": "linux", + "theme": "dark", + "name": "multiple-narrow", + "configuration": { + "name": "multiple-narrow", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 180, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 212, + "height": 152 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 120 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 88 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 16, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 16, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 32, + "y": 26, + "width": 81, + "height": 28 + }, + "glyph": { + "x": 32, + "y": 32, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 113, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 121, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 16, + "y": 64, + "width": 85, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 16, + "y": 64, + "width": 85, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 32, + "y": 66, + "width": 35, + "height": 28 + }, + "glyph": { + "x": 32, + "y": 72, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 67, + "y": 64, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 75, + "y": 71, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 16, + "y": 104, + "width": 108, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgb(0, 46, 62)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 53, + "y": 109, + "width": 58, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(55, 200, 253)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": null, + "searchBox": null, + "searchInput": null, + "rows": [], + "rowLabels": [], + "message": null, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/linux/dark-multiple-narrow.png", + "sha256": "1318585c74bd2ab0bde3813f69885419575817658fbfc60c6b8030429f797911" + }, + "architecture": "arm64" + }, + { + "platform": "linux", + "theme": "dark", + "name": "multiple-rtl", + "configuration": { + "name": "multiple-rtl", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "rtl", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 112 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 80 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 205, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 205, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 239, + "y": 26, + "width": 81, + "height": 28 + }, + "glyph": { + "x": 239, + "y": 32, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 205, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "16px 0px 0px 16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 213, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 112, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 112, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 146, + "y": 26, + "width": 35, + "height": 28 + }, + "glyph": { + "x": 146, + "y": 32, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 112, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "16px 0px 0px 16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 120, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 228, + "y": 64, + "width": 108, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 8px 0px 12px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgb(0, 46, 62)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 241, + "y": 69, + "width": 58, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(55, 200, 253)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": null, + "searchBox": null, + "searchInput": null, + "rows": [], + "rowLabels": [], + "message": null, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/linux/dark-multiple-rtl.png", + "sha256": "dc697a03a3826ea9b62065974b26e974f4c412bdf9e607d54715195b9a6563dc" + }, + "architecture": "arm64" + }, + { + "platform": "linux", + "theme": "dark", + "name": "multiple-helper", + "configuration": { + "name": "multiple-helper", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "Choose categories.", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 134 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 102 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 16, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 16, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 32, + "y": 26, + "width": 81, + "height": 28 + }, + "glyph": { + "x": 32, + "y": 32, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 113, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 121, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 155, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 155, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 171, + "y": 26, + "width": 35, + "height": 28 + }, + "glyph": { + "x": 171, + "y": 32, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 206, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 214, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 16, + "y": 64, + "width": 108, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgb(0, 46, 62)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 53, + "y": 69, + "width": 58, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(55, 200, 253)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": null, + "searchBox": null, + "searchInput": null, + "rows": [], + "rowLabels": [], + "message": null, + "helper": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-helper-text", + "part": null, + "class": null, + "role": null, + "text": "Choose categories.", + "box": { + "x": 16, + "y": 104, + "width": 320, + "height": 14 + }, + "glyph": { + "x": 32, + "y": 104, + "width": 110.203125, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "0.4px", + "padding": "0px 16px", + "margin": "8px 0px 0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/linux/dark-multiple-helper.png", + "sha256": "935b3d5dea3d2f0143ccb8bb4684a66723c2c17db4ce0613cbfc0bcd9338c5c4" + }, + "architecture": "arm64" + }, + { + "platform": "linux", + "theme": "dark", + "name": "multiple-search", + "configuration": { + "name": "multiple-search", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": true, + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 24, + "y": 32, + "width": 368, + "height": 286 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 80 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 24, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": { + "x": -24, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 24, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 40, + "y": 26, + "width": 81, + "height": 28 + }, + "glyph": { + "x": 40, + "y": 32, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 121, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 129, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 163, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": { + "x": -24, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 163, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 179, + "y": 26, + "width": 35, + "height": 28 + }, + "glyph": { + "x": 179, + "y": 32, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 214, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 222, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 24, + "y": 64, + "width": 108, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgb(0, 46, 62)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 61, + "y": 69, + "width": 58, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(55, 200, 253)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "body", + "class": "body", + "role": null, + "text": null, + "box": { + "x": 24, + "y": 96, + "width": 320, + "height": 166 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px 16px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgb(94, 94, 94)", + "borderRadius": "8px", + "boxShadow": "rgba(0, 0, 0, 0.35) 0px 3px 6px -1px, rgba(0, 0, 0, 0.45) 0px 8px 16px -2px", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "column", + "maxWidth": "320px", + "maxHeight": "400px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchBox": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "base", + "class": "text-field", + "role": null, + "text": null, + "box": { + "x": 37, + "y": 113, + "width": 294, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 8px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgb(0, 154, 199)", + "borderRadius": "8px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "stretch", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "2px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchInput": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "input", + "part": "input", + "class": "control", + "role": null, + "text": null, + "box": { + "x": 64, + "y": 114, + "width": 258, + "height": 38 + }, + "glyph": null, + "focusVisible": true, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 0px 0px 4px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(118, 118, 118, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "clip", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "rows": [ + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": "combo-box-row ", + "role": null, + "text": null, + "box": { + "x": 25, + "y": 165, + "width": 318, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": "combo-box-row ", + "role": null, + "text": null, + "box": { + "x": 25, + "y": 213, + "width": 318, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + ], + "rowLabels": [ + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": null, + "role": null, + "text": "Shopping", + "box": { + "x": 41, + "y": 177.796875, + "width": 286, + "height": 22.390625 + }, + "glyph": { + "x": 41, + "y": 180.796875, + "width": 59, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": null, + "role": null, + "text": "Archived", + "box": { + "x": 41, + "y": 225.796875, + "width": 286, + "height": 22.390625 + }, + "glyph": { + "x": 41, + "y": 228.796875, + "width": 54, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + } + ], + "message": null, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z", + "M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/linux/dark-multiple-search.png", + "sha256": "0dce54522ad16d917b0e992bcd27fe63e2dba9031bb89a3530555bd97d2c2191" + }, + "architecture": "arm64" + }, + { + "platform": "linux", + "theme": "dark", + "name": "multiple-filtered", + "configuration": { + "name": "multiple-filtered", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": true, + "interaction": "resting", + "search": "shop" + }, + "fixtureMapping": [], + "frame": { + "x": 24, + "y": 32, + "width": 368, + "height": 286 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 80 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 24, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": { + "x": -24, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 24, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 40, + "y": 26, + "width": 81, + "height": 28 + }, + "glyph": { + "x": 40, + "y": 32, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 121, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 129, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 163, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": { + "x": -24, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 163, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 179, + "y": 26, + "width": 35, + "height": 28 + }, + "glyph": { + "x": 179, + "y": 32, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 214, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 222, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 24, + "y": 64, + "width": 108, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgb(0, 46, 62)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 61, + "y": 69, + "width": 58, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(55, 200, 253)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "body", + "class": "body", + "role": null, + "text": null, + "box": { + "x": 24, + "y": 96, + "width": 320, + "height": 166 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px 16px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgb(94, 94, 94)", + "borderRadius": "8px", + "boxShadow": "rgba(0, 0, 0, 0.35) 0px 3px 6px -1px, rgba(0, 0, 0, 0.45) 0px 8px 16px -2px", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "column", + "maxWidth": "320px", + "maxHeight": "400px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchBox": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "base", + "class": "text-field", + "role": null, + "text": null, + "box": { + "x": 37, + "y": 113, + "width": 294, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 8px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgb(0, 154, 199)", + "borderRadius": "8px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "stretch", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "2px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchInput": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "input", + "part": "input", + "class": "control", + "role": null, + "text": null, + "box": { + "x": 64, + "y": 114, + "width": 234, + "height": 38 + }, + "glyph": null, + "focusVisible": true, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 0px 0px 4px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(118, 118, 118, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "clip", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "rows": [ + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": "combo-box-row ", + "role": null, + "text": null, + "box": { + "x": 25, + "y": 165, + "width": 318, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + ], + "rowLabels": [ + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": null, + "role": null, + "text": "Shopping", + "box": { + "x": 41, + "y": 177.796875, + "width": 286, + "height": 22.390625 + }, + "glyph": { + "x": 41, + "y": 180.796875, + "width": 59, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + } + ], + "message": null, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z", + "M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/linux/dark-multiple-filtered.png", + "sha256": "af8e781758c2bd8d1aeca5b8f4cd4f7dea00af84323bf8db77e0ff859a4ca9cb" + }, + "architecture": "arm64" + }, + { + "platform": "linux", + "theme": "dark", + "name": "multiple-no-matches", + "configuration": { + "name": "multiple-no-matches", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": true, + "interaction": "resting", + "search": "unmatched" + }, + "fixtureMapping": [], + "frame": { + "x": 24, + "y": 32, + "width": 368, + "height": 286 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 80 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 24, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": { + "x": -24, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 24, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 40, + "y": 26, + "width": 81, + "height": 28 + }, + "glyph": { + "x": 40, + "y": 32, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 121, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 129, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 163, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": { + "x": -24, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 163, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 179, + "y": 26, + "width": 35, + "height": 28 + }, + "glyph": { + "x": 179, + "y": 32, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 214, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 222, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 24, + "y": 64, + "width": 108, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgb(0, 46, 62)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 61, + "y": 69, + "width": 58, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(55, 200, 253)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "body", + "class": "body", + "role": null, + "text": null, + "box": { + "x": 24, + "y": 96, + "width": 320, + "height": 166 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px 16px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgb(94, 94, 94)", + "borderRadius": "8px", + "boxShadow": "rgba(0, 0, 0, 0.35) 0px 3px 6px -1px, rgba(0, 0, 0, 0.45) 0px 8px 16px -2px", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "column", + "maxWidth": "320px", + "maxHeight": "400px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchBox": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "base", + "class": "text-field", + "role": null, + "text": null, + "box": { + "x": 37, + "y": 113, + "width": 294, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 8px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgb(0, 154, 199)", + "borderRadius": "8px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "stretch", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "2px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchInput": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "input", + "part": "input", + "class": "control", + "role": null, + "text": null, + "box": { + "x": 64, + "y": 114, + "width": 234, + "height": 38 + }, + "glyph": null, + "focusVisible": true, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 0px 0px 4px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(118, 118, 118, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "clip", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "rows": [ + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": "combo-box-row", + "role": null, + "text": null, + "box": { + "x": 25, + "y": 165, + "width": 318, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + ], + "rowLabels": [], + "message": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": null, + "role": null, + "text": "No matching options.", + "box": { + "x": 81, + "y": 177.796875, + "width": 246, + "height": 22.390625 + }, + "glyph": { + "x": 81, + "y": 180.796875, + "width": 134, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z", + "M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/linux/dark-multiple-no-matches.png", + "sha256": "f43562175dcd08c1462eb325774900444b9928d47eff76c32c2145c3e6cf5886" + }, + "architecture": "arm64" + }, + { + "platform": "linux", + "theme": "dark", + "name": "multiple-search-keyboard", + "configuration": { + "name": "multiple-search-keyboard", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": true, + "interaction": "option-keyboard", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 24, + "y": 32, + "width": 368, + "height": 286 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 80 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 24, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": { + "x": -24, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 24, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 40, + "y": 26, + "width": 81, + "height": 28 + }, + "glyph": { + "x": 40, + "y": 32, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 121, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 129, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 163, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": { + "x": -24, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 163, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 179, + "y": 26, + "width": 35, + "height": 28 + }, + "glyph": { + "x": 179, + "y": 32, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 214, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 222, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 24, + "y": 64, + "width": 108, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgb(0, 46, 62)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 61, + "y": 69, + "width": 58, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(55, 200, 253)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "body", + "class": "body", + "role": null, + "text": null, + "box": { + "x": 24, + "y": 96, + "width": 320, + "height": 166 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px 16px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgb(94, 94, 94)", + "borderRadius": "8px", + "boxShadow": "rgba(0, 0, 0, 0.35) 0px 3px 6px -1px, rgba(0, 0, 0, 0.45) 0px 8px 16px -2px", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "column", + "maxWidth": "320px", + "maxHeight": "400px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchBox": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "base", + "class": "text-field", + "role": null, + "text": null, + "box": { + "x": 37, + "y": 113, + "width": 294, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 8px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgb(0, 154, 199)", + "borderRadius": "8px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "stretch", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "2px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchInput": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "input", + "part": "input", + "class": "control", + "role": null, + "text": null, + "box": { + "x": 64, + "y": 114, + "width": 258, + "height": 38 + }, + "glyph": null, + "focusVisible": true, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 0px 0px 4px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(118, 118, 118, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "clip", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "rows": [ + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": "combo-box-row selected", + "role": null, + "text": null, + "box": { + "x": 25, + "y": 165, + "width": 318, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(32, 32, 32)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": "combo-box-row ", + "role": null, + "text": null, + "box": { + "x": 25, + "y": 213, + "width": 318, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + ], + "rowLabels": [ + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": null, + "role": null, + "text": "Shopping", + "box": { + "x": 41, + "y": 177.796875, + "width": 286, + "height": 22.390625 + }, + "glyph": { + "x": 41, + "y": 180.796875, + "width": 59, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": null, + "role": null, + "text": "Archived", + "box": { + "x": 41, + "y": 225.796875, + "width": 286, + "height": 22.390625 + }, + "glyph": { + "x": 41, + "y": 228.796875, + "width": 54, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + } + ], + "message": null, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z", + "M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/linux/dark-multiple-search-keyboard.png", + "sha256": "bf96708b7e8ef81b83f33f082815b7c9cd7a64a26087a7914cd8d66f1e88415a" + }, + "architecture": "arm64" + }, + { + "platform": "linux", + "theme": "dark", + "name": "multiple-search-rtl", + "configuration": { + "name": "multiple-search-rtl", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "rtl", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": true, + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 24, + "y": 32, + "width": 368, + "height": 286 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 80 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 213, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": { + "x": -24, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 213, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 247, + "y": 26, + "width": 81, + "height": 28 + }, + "glyph": { + "x": 247, + "y": 32, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 213, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "16px 0px 0px 16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 221, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 120, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": { + "x": -24, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 120, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 154, + "y": 26, + "width": 35, + "height": 28 + }, + "glyph": { + "x": 154, + "y": 32, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 120, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "16px 0px 0px 16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 128, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 236, + "y": 64, + "width": 108, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 8px 0px 12px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgb(0, 46, 62)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 249, + "y": 69, + "width": 58, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(55, 200, 253)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "body", + "class": "body", + "role": null, + "text": null, + "box": { + "x": 24, + "y": 96, + "width": 320, + "height": 166 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px 16px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgb(94, 94, 94)", + "borderRadius": "8px", + "boxShadow": "rgba(0, 0, 0, 0.35) 0px 3px 6px -1px, rgba(0, 0, 0, 0.45) 0px 8px 16px -2px", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "column", + "maxWidth": "320px", + "maxHeight": "400px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchBox": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "base", + "class": "text-field", + "role": null, + "text": null, + "box": { + "x": 37, + "y": 113, + "width": 294, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 8px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgb(0, 154, 199)", + "borderRadius": "8px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "stretch", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "2px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchInput": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "input", + "part": "input", + "class": "control", + "role": null, + "text": null, + "box": { + "x": 46, + "y": 114, + "width": 258, + "height": 38 + }, + "glyph": null, + "focusVisible": true, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 4px 0px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(118, 118, 118, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "clip", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "rows": [ + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": "combo-box-row ", + "role": null, + "text": null, + "box": { + "x": 25, + "y": 165, + "width": 318, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": "combo-box-row ", + "role": null, + "text": null, + "box": { + "x": 25, + "y": 213, + "width": 318, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + ], + "rowLabels": [ + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": null, + "role": null, + "text": "Shopping", + "box": { + "x": 41, + "y": 177.796875, + "width": 286, + "height": 22.390625 + }, + "glyph": { + "x": 268, + "y": 180.796875, + "width": 59, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": null, + "role": null, + "text": "Archived", + "box": { + "x": 41, + "y": 225.796875, + "width": 286, + "height": 22.390625 + }, + "glyph": { + "x": 273, + "y": 228.796875, + "width": 54, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + } + ], + "message": null, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z", + "M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/linux/dark-multiple-search-rtl.png", + "sha256": "f0be4af44c08651ba38a29cc8312c7ab89186a31929fa342a14ddc803b16ed0a" + }, + "architecture": "arm64" + }, + { + "platform": "linux", + "theme": "dark", + "name": "multiple-search-narrow", + "configuration": { + "name": "multiple-search-narrow", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 180, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": true, + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 0, + "y": 32, + "width": 290, + "height": 326 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 48, + "y": 16, + "width": 180, + "height": 120 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 48, + "y": 16, + "width": 180, + "height": 88 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 48, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": { + "x": 0, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 48, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 64, + "y": 26, + "width": 81, + "height": 28 + }, + "glyph": { + "x": 64, + "y": 32, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 145, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 153, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 48, + "y": 64, + "width": 85, + "height": 32 + }, + "glyph": { + "x": 0, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 48, + "y": 64, + "width": 85, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 64, + "y": 66, + "width": 35, + "height": 28 + }, + "glyph": { + "x": 64, + "y": 72, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 99, + "y": 64, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 107, + "y": 71, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 48, + "y": 104, + "width": 108, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgb(0, 46, 62)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 85, + "y": 109, + "width": 58, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(55, 200, 253)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "body", + "class": "body", + "role": null, + "text": null, + "box": { + "x": 16, + "y": 136, + "width": 250, + "height": 166 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px 16px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgb(94, 94, 94)", + "borderRadius": "8px", + "boxShadow": "rgba(0, 0, 0, 0.35) 0px 3px 6px -1px, rgba(0, 0, 0, 0.45) 0px 8px 16px -2px", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "column", + "maxWidth": "250px", + "maxHeight": "400px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchBox": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "base", + "class": "text-field", + "role": null, + "text": null, + "box": { + "x": 29, + "y": 153, + "width": 224, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 8px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgb(0, 154, 199)", + "borderRadius": "8px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "stretch", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "2px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchInput": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "input", + "part": "input", + "class": "control", + "role": null, + "text": null, + "box": { + "x": 56, + "y": 154, + "width": 188, + "height": 38 + }, + "glyph": null, + "focusVisible": true, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 0px 0px 4px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(118, 118, 118, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "clip", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "rows": [ + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": "combo-box-row ", + "role": null, + "text": null, + "box": { + "x": 17, + "y": 205, + "width": 248, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": "combo-box-row ", + "role": null, + "text": null, + "box": { + "x": 17, + "y": 253, + "width": 248, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + ], + "rowLabels": [ + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": null, + "role": null, + "text": "Shopping", + "box": { + "x": 33, + "y": 217.796875, + "width": 216, + "height": 22.390625 + }, + "glyph": { + "x": 33, + "y": 220.796875, + "width": 59, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": null, + "role": null, + "text": "Archived", + "box": { + "x": 33, + "y": 265.796875, + "width": 216, + "height": 22.390625 + }, + "glyph": { + "x": 33, + "y": 268.796875, + "width": 54, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + } + ], + "message": null, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z", + "M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/linux/dark-multiple-search-narrow.png", + "sha256": "8b37852741dbc2641afcdd51b48a62b0f3a8761fb6021fbab2c70db1aa08cd6a" + }, + "architecture": "arm64" + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "name": "multiple-empty", + "configuration": { + "name": "multiple-empty", + "multiple": true, + "label": "Category", + "value": [], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 64 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": null, + "chips": [], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 108, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(223, 243, 252)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 53, + "y": 21, + "width": 58, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": null, + "searchBox": null, + "searchInput": null, + "rows": [], + "rowLabels": [], + "message": null, + "helper": null, + "iconPaths": [ + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/linux-x64/light-multiple-empty.png", + "sha256": "4f50df69f5c12244810664fa754429bb37b2cd4cf376d5fc091ed1d86a2559a7" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "name": "multiple-filled", + "configuration": { + "name": "multiple-filled", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 112 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 80 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 16, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 16, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 32, + "y": 26, + "width": 81, + "height": 28 + }, + "glyph": { + "x": 32, + "y": 32, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 113, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 121, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 155, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 155, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 171, + "y": 26, + "width": 35, + "height": 28 + }, + "glyph": { + "x": 171, + "y": 32, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 206, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 214, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 16, + "y": 64, + "width": 108, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(223, 243, 252)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 53, + "y": 69, + "width": 58, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": null, + "searchBox": null, + "searchInput": null, + "rows": [], + "rowLabels": [], + "message": null, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/linux-x64/light-multiple-filled.png", + "sha256": "f61b85bead5d2ce3c6e9582b5f35349bbb77b0537b1944b8947dc3256bc223fb" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "name": "multiple-remove-hover", + "configuration": { + "name": "multiple-remove-hover", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "remove-hover", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 112 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 80 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 16, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 16, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 32, + "y": 26, + "width": 81, + "height": 28 + }, + "glyph": { + "x": 32, + "y": 32, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 113, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "color(srgb 0.0784314 0.0784314 0.0784314 / 0.08)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 121, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 155, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 155, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 171, + "y": 26, + "width": 35, + "height": 28 + }, + "glyph": { + "x": 171, + "y": 32, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 206, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 214, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 16, + "y": 64, + "width": 108, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(223, 243, 252)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 53, + "y": 69, + "width": 58, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": null, + "searchBox": null, + "searchInput": null, + "rows": [], + "rowLabels": [], + "message": null, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/linux-x64/light-multiple-remove-hover.png", + "sha256": "e487c11f58ca6e1989a74acfb797c2cb7d0198c97ae536c25460c1574bb7f5c0" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "name": "multiple-remove-focus", + "configuration": { + "name": "multiple-remove-focus", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "remove-focus", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 112 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 80 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 16, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 16, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 32, + "y": 26, + "width": 81, + "height": 28 + }, + "glyph": { + "x": 32, + "y": 32, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 113, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": true, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "2px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 121, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 155, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 155, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 171, + "y": 26, + "width": 35, + "height": 28 + }, + "glyph": { + "x": 171, + "y": 32, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 206, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 214, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 16, + "y": 64, + "width": 108, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(223, 243, 252)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 53, + "y": 69, + "width": 58, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": null, + "searchBox": null, + "searchInput": null, + "rows": [], + "rowLabels": [], + "message": null, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/linux-x64/light-multiple-remove-focus.png", + "sha256": "7bed19654047bf57404aedcf95f2681137d308d13939a9fe21ef461235e02b17" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "name": "multiple-disabled", + "configuration": { + "name": "multiple-disabled", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "ltr", + "disabled": true, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [ + "Public nested ha-input-chip.disabled; original selector wrapper does not forward its disabled input to chips." + ], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 112 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 80 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 16, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": true, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 16, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 32, + "y": 26, + "width": 81, + "height": 28 + }, + "glyph": { + "x": 32, + "y": 32, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "0.38", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": "button remove trailing action disabled", + "role": null, + "text": null, + "box": { + "x": 113, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(204, 204, 204)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(204, 204, 204)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 121, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "0.38", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 155, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": true, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 155, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 171, + "y": 26, + "width": 35, + "height": 28 + }, + "glyph": { + "x": 171, + "y": 32, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "0.38", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": "button remove trailing action disabled", + "role": null, + "text": null, + "box": { + "x": 206, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(204, 204, 204)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(204, 204, 204)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(204, 204, 204) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 214, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "0.38", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button disabled has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 16, + "y": 64, + "width": 108, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(177, 177, 177)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(177, 177, 177) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 53, + "y": 69, + "width": 58, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(177, 177, 177)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(177, 177, 177) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": null, + "searchBox": null, + "searchInput": null, + "rows": [], + "rowLabels": [], + "message": null, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/linux-x64/light-multiple-disabled.png", + "sha256": "87c6e1dacdb57c3d7188994898f6828e2c7a8da1c398ee3f5bc8e598f3d8f890" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "name": "multiple-required", + "configuration": { + "name": "multiple-required", + "multiple": true, + "label": "Category", + "value": [], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": true, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 64 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": null, + "chips": [], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 108, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(223, 243, 252)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 53, + "y": 21, + "width": 58, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": null, + "searchBox": null, + "searchInput": null, + "rows": [], + "rowLabels": [], + "message": null, + "helper": null, + "iconPaths": [ + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/linux-x64/light-multiple-required.png", + "sha256": "4f50df69f5c12244810664fa754429bb37b2cd4cf376d5fc091ed1d86a2559a7" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "name": "multiple-narrow", + "configuration": { + "name": "multiple-narrow", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 180, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 212, + "height": 152 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 120 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 88 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 16, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 16, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 32, + "y": 26, + "width": 81, + "height": 28 + }, + "glyph": { + "x": 32, + "y": 32, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 113, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 121, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 16, + "y": 64, + "width": 85, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 16, + "y": 64, + "width": 85, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 32, + "y": 66, + "width": 35, + "height": 28 + }, + "glyph": { + "x": 32, + "y": 72, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 67, + "y": 64, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 75, + "y": 71, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 16, + "y": 104, + "width": 108, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(223, 243, 252)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 53, + "y": 109, + "width": 58, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": null, + "searchBox": null, + "searchInput": null, + "rows": [], + "rowLabels": [], + "message": null, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/linux-x64/light-multiple-narrow.png", + "sha256": "c9500fb96ffde18a20b6ff7b9f2c4693d4c0de07c35e38dee7b7c2b89cc16f47" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "name": "multiple-rtl", + "configuration": { + "name": "multiple-rtl", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "rtl", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 112 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 80 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 205, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 205, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 239, + "y": 26, + "width": 81, + "height": 28 + }, + "glyph": { + "x": 239, + "y": 32, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 205, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "16px 0px 0px 16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 213, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 112, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 112, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 146, + "y": 26, + "width": 35, + "height": 28 + }, + "glyph": { + "x": 146, + "y": 32, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 112, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "16px 0px 0px 16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 120, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 228, + "y": 64, + "width": 108, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 8px 0px 12px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(223, 243, 252)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 241, + "y": 69, + "width": 58, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": null, + "searchBox": null, + "searchInput": null, + "rows": [], + "rowLabels": [], + "message": null, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/linux-x64/light-multiple-rtl.png", + "sha256": "0ab1585f15d8a31f5bbb6855c2acf6e6da4784cc13607ce9a878cb532d31395d" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "name": "multiple-helper", + "configuration": { + "name": "multiple-helper", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "Choose categories.", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 134 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 102 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 16, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 16, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 32, + "y": 26, + "width": 81, + "height": 28 + }, + "glyph": { + "x": 32, + "y": 32, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 113, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 121, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 155, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 155, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 171, + "y": 26, + "width": 35, + "height": 28 + }, + "glyph": { + "x": 171, + "y": 32, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 206, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 214, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 16, + "y": 64, + "width": 108, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(223, 243, 252)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 53, + "y": 69, + "width": 58, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": null, + "searchBox": null, + "searchInput": null, + "rows": [], + "rowLabels": [], + "message": null, + "helper": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-helper-text", + "part": null, + "class": null, + "role": null, + "text": "Choose categories.", + "box": { + "x": 16, + "y": 104, + "width": 320, + "height": 14 + }, + "glyph": { + "x": 32, + "y": 104, + "width": 110.203125, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "0.4px", + "padding": "0px 16px", + "margin": "8px 0px 0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/linux-x64/light-multiple-helper.png", + "sha256": "d53264fa146e5eb78cd9f2bbe4fd9b4c0a0602e3826621d7e17e9e2defd7b0a6" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "name": "multiple-search", + "configuration": { + "name": "multiple-search", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": true, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 24, + "y": 32, + "width": 368, + "height": 286 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 80 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 24, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": { + "x": -24, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 24, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 40, + "y": 26, + "width": 81, + "height": 28 + }, + "glyph": { + "x": 40, + "y": 32, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 121, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 129, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 163, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": { + "x": -24, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 163, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 179, + "y": 26, + "width": 35, + "height": 28 + }, + "glyph": { + "x": 179, + "y": 32, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 214, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 222, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 24, + "y": 64, + "width": 108, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(223, 243, 252)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 61, + "y": 69, + "width": 58, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "body", + "class": "body", + "role": null, + "text": null, + "box": { + "x": 24, + "y": 96, + "width": 320, + "height": 166 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px 16px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgb(230, 230, 230)", + "borderRadius": "8px", + "boxShadow": "rgba(0, 0, 0, 0.1) 0px 3px 6px -1px, rgba(0, 0, 0, 0.15) 0px 8px 16px -2px", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "column", + "maxWidth": "320px", + "maxHeight": "400px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchBox": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "base", + "class": "text-field", + "role": null, + "text": null, + "box": { + "x": 37, + "y": 113, + "width": 294, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 8px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgb(0, 154, 199)", + "borderRadius": "8px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "stretch", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "2px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchInput": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "input", + "part": "input", + "class": "control", + "role": null, + "text": null, + "box": { + "x": 64, + "y": 114, + "width": 258, + "height": 38 + }, + "glyph": null, + "focusVisible": true, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 0px 0px 4px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(118, 118, 118, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "clip", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "rows": [ + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": "combo-box-row ", + "role": null, + "text": null, + "box": { + "x": 25, + "y": 165, + "width": 318, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": "combo-box-row ", + "role": null, + "text": null, + "box": { + "x": 25, + "y": 213, + "width": 318, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + ], + "rowLabels": [ + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": null, + "role": null, + "text": "Shopping", + "box": { + "x": 41, + "y": 177.796875, + "width": 286, + "height": 22.390625 + }, + "glyph": { + "x": 41, + "y": 180.796875, + "width": 59, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": null, + "role": null, + "text": "Archived", + "box": { + "x": 41, + "y": 225.796875, + "width": 286, + "height": 22.390625 + }, + "glyph": { + "x": 41, + "y": 228.796875, + "width": 54, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + } + ], + "message": null, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z", + "M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/linux-x64/light-multiple-search.png", + "sha256": "67833723650ca479c7a297b6356dcb98b0c8001f7de0683472af609aaec2369f" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "name": "multiple-filtered", + "configuration": { + "name": "multiple-filtered", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": true, + "opener": "pointer", + "interaction": "resting", + "search": "shop" + }, + "fixtureMapping": [], + "frame": { + "x": 24, + "y": 32, + "width": 368, + "height": 286 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 80 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 24, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": { + "x": -24, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 24, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 40, + "y": 26, + "width": 81, + "height": 28 + }, + "glyph": { + "x": 40, + "y": 32, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 121, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 129, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 163, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": { + "x": -24, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 163, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 179, + "y": 26, + "width": 35, + "height": 28 + }, + "glyph": { + "x": 179, + "y": 32, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 214, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 222, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 24, + "y": 64, + "width": 108, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(223, 243, 252)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 61, + "y": 69, + "width": 58, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "body", + "class": "body", + "role": null, + "text": null, + "box": { + "x": 24, + "y": 96, + "width": 320, + "height": 166 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px 16px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgb(230, 230, 230)", + "borderRadius": "8px", + "boxShadow": "rgba(0, 0, 0, 0.1) 0px 3px 6px -1px, rgba(0, 0, 0, 0.15) 0px 8px 16px -2px", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "column", + "maxWidth": "320px", + "maxHeight": "400px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchBox": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "base", + "class": "text-field", + "role": null, + "text": null, + "box": { + "x": 37, + "y": 113, + "width": 294, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 8px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgb(0, 154, 199)", + "borderRadius": "8px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "stretch", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "2px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchInput": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "input", + "part": "input", + "class": "control", + "role": null, + "text": null, + "box": { + "x": 64, + "y": 114, + "width": 234, + "height": 38 + }, + "glyph": null, + "focusVisible": true, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 0px 0px 4px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(118, 118, 118, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "clip", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "rows": [ + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": "combo-box-row ", + "role": null, + "text": null, + "box": { + "x": 25, + "y": 165, + "width": 318, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + ], + "rowLabels": [ + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": null, + "role": null, + "text": "Shopping", + "box": { + "x": 41, + "y": 177.796875, + "width": 286, + "height": 22.390625 + }, + "glyph": { + "x": 41, + "y": 180.796875, + "width": 59, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + } + ], + "message": null, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z", + "M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/linux-x64/light-multiple-filtered.png", + "sha256": "62304359e014155149f840a2892b6124f41aa9c6e95b9526cd3e45d15003ab34" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "name": "multiple-no-matches", + "configuration": { + "name": "multiple-no-matches", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": true, + "opener": "pointer", + "interaction": "resting", + "search": "unmatched" + }, + "fixtureMapping": [], + "frame": { + "x": 24, + "y": 32, + "width": 368, + "height": 286 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 80 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 24, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": { + "x": -24, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 24, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 40, + "y": 26, + "width": 81, + "height": 28 + }, + "glyph": { + "x": 40, + "y": 32, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 121, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 129, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 163, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": { + "x": -24, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 163, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 179, + "y": 26, + "width": 35, + "height": 28 + }, + "glyph": { + "x": 179, + "y": 32, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 214, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 222, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 24, + "y": 64, + "width": 108, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(223, 243, 252)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 61, + "y": 69, + "width": 58, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "body", + "class": "body", + "role": null, + "text": null, + "box": { + "x": 24, + "y": 96, + "width": 320, + "height": 166 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px 16px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgb(230, 230, 230)", + "borderRadius": "8px", + "boxShadow": "rgba(0, 0, 0, 0.1) 0px 3px 6px -1px, rgba(0, 0, 0, 0.15) 0px 8px 16px -2px", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "column", + "maxWidth": "320px", + "maxHeight": "400px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchBox": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "base", + "class": "text-field", + "role": null, + "text": null, + "box": { + "x": 37, + "y": 113, + "width": 294, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 8px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgb(0, 154, 199)", + "borderRadius": "8px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "stretch", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "2px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchInput": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "input", + "part": "input", + "class": "control", + "role": null, + "text": null, + "box": { + "x": 64, + "y": 114, + "width": 234, + "height": 38 + }, + "glyph": null, + "focusVisible": true, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 0px 0px 4px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(118, 118, 118, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "clip", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "rows": [ + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": "combo-box-row", + "role": null, + "text": null, + "box": { + "x": 25, + "y": 165, + "width": 318, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + ], + "rowLabels": [], + "message": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": null, + "role": null, + "text": "No matching options.", + "box": { + "x": 81, + "y": 177.796875, + "width": 246, + "height": 22.390625 + }, + "glyph": { + "x": 81, + "y": 180.796875, + "width": 134, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z", + "M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/linux-x64/light-multiple-no-matches.png", + "sha256": "a1278c2ea0d048f5a5e7d36887ee70e177cf94487901f4de442e9c89cf845666" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "name": "multiple-search-keyboard", + "configuration": { + "name": "multiple-search-keyboard", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": true, + "opener": "pointer", + "interaction": "option-keyboard", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 24, + "y": 32, + "width": 368, + "height": 286 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 80 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 24, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": { + "x": -24, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 24, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 40, + "y": 26, + "width": 81, + "height": 28 + }, + "glyph": { + "x": 40, + "y": 32, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 121, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 129, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 163, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": { + "x": -24, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 163, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 179, + "y": 26, + "width": 35, + "height": 28 + }, + "glyph": { + "x": 179, + "y": 32, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 214, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 222, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 24, + "y": 64, + "width": 108, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(223, 243, 252)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 61, + "y": 69, + "width": 58, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "body", + "class": "body", + "role": null, + "text": null, + "box": { + "x": 24, + "y": 96, + "width": 320, + "height": 166 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px 16px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgb(230, 230, 230)", + "borderRadius": "8px", + "boxShadow": "rgba(0, 0, 0, 0.1) 0px 3px 6px -1px, rgba(0, 0, 0, 0.15) 0px 8px 16px -2px", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "column", + "maxWidth": "320px", + "maxHeight": "400px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchBox": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "base", + "class": "text-field", + "role": null, + "text": null, + "box": { + "x": 37, + "y": 113, + "width": 294, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 8px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgb(0, 154, 199)", + "borderRadius": "8px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "stretch", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "2px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchInput": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "input", + "part": "input", + "class": "control", + "role": null, + "text": null, + "box": { + "x": 64, + "y": 114, + "width": 258, + "height": 38 + }, + "glyph": null, + "focusVisible": true, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 0px 0px 4px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(118, 118, 118, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "clip", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "rows": [ + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": "combo-box-row selected", + "role": null, + "text": null, + "box": { + "x": 25, + "y": 165, + "width": 318, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(230, 230, 230)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": "combo-box-row ", + "role": null, + "text": null, + "box": { + "x": 25, + "y": 213, + "width": 318, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + ], + "rowLabels": [ + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": null, + "role": null, + "text": "Shopping", + "box": { + "x": 41, + "y": 177.796875, + "width": 286, + "height": 22.390625 + }, + "glyph": { + "x": 41, + "y": 180.796875, + "width": 59, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": null, + "role": null, + "text": "Archived", + "box": { + "x": 41, + "y": 225.796875, + "width": 286, + "height": 22.390625 + }, + "glyph": { + "x": 41, + "y": 228.796875, + "width": 54, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + } + ], + "message": null, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z", + "M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/linux-x64/light-multiple-search-keyboard.png", + "sha256": "28d0ccccfd357d0e00ff2067bdcd6895a7d3e1ede0cebf948045712e3cca9e78" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "name": "multiple-search-rtl", + "configuration": { + "name": "multiple-search-rtl", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "rtl", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": true, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 24, + "y": 32, + "width": 368, + "height": 286 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 80 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 213, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": { + "x": -24, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 213, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 247, + "y": 26, + "width": 81, + "height": 28 + }, + "glyph": { + "x": 247, + "y": 32, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 213, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "16px 0px 0px 16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 221, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 120, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": { + "x": -24, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 120, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 154, + "y": 26, + "width": 35, + "height": 28 + }, + "glyph": { + "x": 154, + "y": 32, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 120, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "16px 0px 0px 16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 128, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 236, + "y": 64, + "width": 108, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 8px 0px 12px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(223, 243, 252)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 249, + "y": 69, + "width": 58, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "body", + "class": "body", + "role": null, + "text": null, + "box": { + "x": 24, + "y": 96, + "width": 320, + "height": 166 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px 16px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgb(230, 230, 230)", + "borderRadius": "8px", + "boxShadow": "rgba(0, 0, 0, 0.1) 0px 3px 6px -1px, rgba(0, 0, 0, 0.15) 0px 8px 16px -2px", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "column", + "maxWidth": "320px", + "maxHeight": "400px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchBox": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "base", + "class": "text-field", + "role": null, + "text": null, + "box": { + "x": 37, + "y": 113, + "width": 294, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 8px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgb(0, 154, 199)", + "borderRadius": "8px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "stretch", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "2px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchInput": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "input", + "part": "input", + "class": "control", + "role": null, + "text": null, + "box": { + "x": 46, + "y": 114, + "width": 258, + "height": 38 + }, + "glyph": null, + "focusVisible": true, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 4px 0px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(118, 118, 118, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "clip", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "rows": [ + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": "combo-box-row ", + "role": null, + "text": null, + "box": { + "x": 25, + "y": 165, + "width": 318, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": "combo-box-row ", + "role": null, + "text": null, + "box": { + "x": 25, + "y": 213, + "width": 318, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + ], + "rowLabels": [ + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": null, + "role": null, + "text": "Shopping", + "box": { + "x": 41, + "y": 177.796875, + "width": 286, + "height": 22.390625 + }, + "glyph": { + "x": 268, + "y": 180.796875, + "width": 59, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": null, + "role": null, + "text": "Archived", + "box": { + "x": 41, + "y": 225.796875, + "width": 286, + "height": 22.390625 + }, + "glyph": { + "x": 273, + "y": 228.796875, + "width": 54, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + } + ], + "message": null, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z", + "M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/linux-x64/light-multiple-search-rtl.png", + "sha256": "ece54c61f16d6c0a7ba70ea38730b44b841e56446d8e22cfa93e385f6da61a26" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "name": "multiple-search-narrow", + "configuration": { + "name": "multiple-search-narrow", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 180, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": true, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 0, + "y": 32, + "width": 290, + "height": 326 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 48, + "y": 16, + "width": 180, + "height": 120 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 48, + "y": 16, + "width": 180, + "height": 88 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 48, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": { + "x": 0, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 48, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 64, + "y": 26, + "width": 81, + "height": 28 + }, + "glyph": { + "x": 64, + "y": 32, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 145, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 153, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 48, + "y": 64, + "width": 85, + "height": 32 + }, + "glyph": { + "x": 0, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 48, + "y": 64, + "width": 85, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 64, + "y": 66, + "width": 35, + "height": 28 + }, + "glyph": { + "x": 64, + "y": 72, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 99, + "y": 64, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 107, + "y": 71, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 48, + "y": 104, + "width": 108, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(223, 243, 252)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 85, + "y": 109, + "width": 58, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "body", + "class": "body", + "role": null, + "text": null, + "box": { + "x": 16, + "y": 136, + "width": 250, + "height": 166 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px 16px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgb(230, 230, 230)", + "borderRadius": "8px", + "boxShadow": "rgba(0, 0, 0, 0.1) 0px 3px 6px -1px, rgba(0, 0, 0, 0.15) 0px 8px 16px -2px", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "column", + "maxWidth": "250px", + "maxHeight": "400px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchBox": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "base", + "class": "text-field", + "role": null, + "text": null, + "box": { + "x": 29, + "y": 153, + "width": 224, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 8px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgb(0, 154, 199)", + "borderRadius": "8px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "stretch", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "2px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchInput": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "input", + "part": "input", + "class": "control", + "role": null, + "text": null, + "box": { + "x": 56, + "y": 154, + "width": 188, + "height": 38 + }, + "glyph": null, + "focusVisible": true, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 0px 0px 4px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(118, 118, 118, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "clip", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "rows": [ + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": "combo-box-row ", + "role": null, + "text": null, + "box": { + "x": 17, + "y": 205, + "width": 248, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": "combo-box-row ", + "role": null, + "text": null, + "box": { + "x": 17, + "y": 253, + "width": 248, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + ], + "rowLabels": [ + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": null, + "role": null, + "text": "Shopping", + "box": { + "x": 33, + "y": 217.796875, + "width": 216, + "height": 22.390625 + }, + "glyph": { + "x": 33, + "y": 220.796875, + "width": 59, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": null, + "role": null, + "text": "Archived", + "box": { + "x": 33, + "y": 265.796875, + "width": 216, + "height": 22.390625 + }, + "glyph": { + "x": 33, + "y": 268.796875, + "width": 54, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + } + ], + "message": null, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z", + "M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/linux-x64/light-multiple-search-narrow.png", + "sha256": "68db2b64906d9d742e9a171ccae59b52572332b09140e99f27e6a20fd92e545b" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "name": "multiple-empty", + "configuration": { + "name": "multiple-empty", + "multiple": true, + "label": "Category", + "value": [], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 64 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": null, + "chips": [], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 108, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgb(0, 46, 62)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 53, + "y": 21, + "width": 58, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(55, 200, 253)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": null, + "searchBox": null, + "searchInput": null, + "rows": [], + "rowLabels": [], + "message": null, + "helper": null, + "iconPaths": [ + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/linux-x64/dark-multiple-empty.png", + "sha256": "5661af645483c1ac64ad8128281f4c8f451c4d01329e1a781ffa667a40c38e23" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "name": "multiple-filled", + "configuration": { + "name": "multiple-filled", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 112 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 80 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 16, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 16, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 32, + "y": 26, + "width": 81, + "height": 28 + }, + "glyph": { + "x": 32, + "y": 32, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 113, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 121, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 155, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 155, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 171, + "y": 26, + "width": 35, + "height": 28 + }, + "glyph": { + "x": 171, + "y": 32, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 206, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 214, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 16, + "y": 64, + "width": 108, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgb(0, 46, 62)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 53, + "y": 69, + "width": 58, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(55, 200, 253)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": null, + "searchBox": null, + "searchInput": null, + "rows": [], + "rowLabels": [], + "message": null, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/linux-x64/dark-multiple-filled.png", + "sha256": "950d7a24a0a38ae1d53855c1e55dec6d2ec1cc7df2048c128a10173b991146ff" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "name": "multiple-remove-hover", + "configuration": { + "name": "multiple-remove-hover", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "remove-hover", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 112 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 80 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 16, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 16, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 32, + "y": 26, + "width": 81, + "height": 28 + }, + "glyph": { + "x": 32, + "y": 32, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 113, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "color(srgb 0.882353 0.882353 0.882353 / 0.08)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 121, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 155, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 155, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 171, + "y": 26, + "width": 35, + "height": 28 + }, + "glyph": { + "x": 171, + "y": 32, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 206, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 214, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 16, + "y": 64, + "width": 108, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgb(0, 46, 62)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 53, + "y": 69, + "width": 58, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(55, 200, 253)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": null, + "searchBox": null, + "searchInput": null, + "rows": [], + "rowLabels": [], + "message": null, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/linux-x64/dark-multiple-remove-hover.png", + "sha256": "e31e0b60d3659bf002acdaf8f7cf7bb8fb35135c27f3c281d1e166fef2646772" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "name": "multiple-remove-focus", + "configuration": { + "name": "multiple-remove-focus", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "remove-focus", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 112 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 80 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 16, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 16, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 32, + "y": 26, + "width": 81, + "height": 28 + }, + "glyph": { + "x": 32, + "y": 32, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 113, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": true, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "2px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 121, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 155, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 155, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 171, + "y": 26, + "width": 35, + "height": 28 + }, + "glyph": { + "x": 171, + "y": 32, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 206, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 214, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 16, + "y": 64, + "width": 108, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgb(0, 46, 62)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 53, + "y": 69, + "width": 58, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(55, 200, 253)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": null, + "searchBox": null, + "searchInput": null, + "rows": [], + "rowLabels": [], + "message": null, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/linux-x64/dark-multiple-remove-focus.png", + "sha256": "e88f25ef7137c7ab5f2ab128e15038fb6ecd0576eba13c1c580e8b515a8e016b" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "name": "multiple-disabled", + "configuration": { + "name": "multiple-disabled", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "ltr", + "disabled": true, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [ + "Public nested ha-input-chip.disabled; original selector wrapper does not forward its disabled input to chips." + ], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 112 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 80 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 16, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": true, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 16, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 32, + "y": 26, + "width": 81, + "height": 28 + }, + "glyph": { + "x": 32, + "y": 32, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "0.38", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": "button remove trailing action disabled", + "role": null, + "text": null, + "box": { + "x": 113, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 121, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "0.38", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 155, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": true, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 155, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 171, + "y": 26, + "width": 35, + "height": 28 + }, + "glyph": { + "x": 171, + "y": 32, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "0.38", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": "button remove trailing action disabled", + "role": null, + "text": null, + "box": { + "x": 206, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 214, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "0.38", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button disabled has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 16, + "y": 64, + "width": 108, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(122, 122, 122)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(122, 122, 122) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 53, + "y": 69, + "width": 58, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(122, 122, 122)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(122, 122, 122)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(122, 122, 122) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": null, + "searchBox": null, + "searchInput": null, + "rows": [], + "rowLabels": [], + "message": null, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/linux-x64/dark-multiple-disabled.png", + "sha256": "67e514a8dfe4f0f8c56ee4903734d5279aeefd06932eb5b0027e96e091f23247" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "name": "multiple-required", + "configuration": { + "name": "multiple-required", + "multiple": true, + "label": "Category", + "value": [], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": true, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 64 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": null, + "chips": [], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 108, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgb(0, 46, 62)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 53, + "y": 21, + "width": 58, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(55, 200, 253)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": null, + "searchBox": null, + "searchInput": null, + "rows": [], + "rowLabels": [], + "message": null, + "helper": null, + "iconPaths": [ + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/linux-x64/dark-multiple-required.png", + "sha256": "5661af645483c1ac64ad8128281f4c8f451c4d01329e1a781ffa667a40c38e23" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "name": "multiple-narrow", + "configuration": { + "name": "multiple-narrow", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 180, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 212, + "height": 152 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 120 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 88 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 16, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 16, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 32, + "y": 26, + "width": 81, + "height": 28 + }, + "glyph": { + "x": 32, + "y": 32, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 113, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 121, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 16, + "y": 64, + "width": 85, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 16, + "y": 64, + "width": 85, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 32, + "y": 66, + "width": 35, + "height": 28 + }, + "glyph": { + "x": 32, + "y": 72, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 67, + "y": 64, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 75, + "y": 71, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 16, + "y": 104, + "width": 108, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgb(0, 46, 62)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 53, + "y": 109, + "width": 58, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(55, 200, 253)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": null, + "searchBox": null, + "searchInput": null, + "rows": [], + "rowLabels": [], + "message": null, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/linux-x64/dark-multiple-narrow.png", + "sha256": "1318585c74bd2ab0bde3813f69885419575817658fbfc60c6b8030429f797911" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "name": "multiple-rtl", + "configuration": { + "name": "multiple-rtl", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "rtl", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 112 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 80 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 205, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 205, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 239, + "y": 26, + "width": 81, + "height": 28 + }, + "glyph": { + "x": 239, + "y": 32, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 205, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "16px 0px 0px 16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 213, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 112, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 112, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 146, + "y": 26, + "width": 35, + "height": 28 + }, + "glyph": { + "x": 146, + "y": 32, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 112, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "16px 0px 0px 16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 120, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 228, + "y": 64, + "width": 108, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 8px 0px 12px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgb(0, 46, 62)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 241, + "y": 69, + "width": 58, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(55, 200, 253)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": null, + "searchBox": null, + "searchInput": null, + "rows": [], + "rowLabels": [], + "message": null, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/linux-x64/dark-multiple-rtl.png", + "sha256": "dc697a03a3826ea9b62065974b26e974f4c412bdf9e607d54715195b9a6563dc" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "name": "multiple-helper", + "configuration": { + "name": "multiple-helper", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "Choose categories.", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 134 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 102 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 16, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 16, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 32, + "y": 26, + "width": 81, + "height": 28 + }, + "glyph": { + "x": 32, + "y": 32, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 113, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 121, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 155, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 155, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 171, + "y": 26, + "width": 35, + "height": 28 + }, + "glyph": { + "x": 171, + "y": 32, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 206, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 214, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 16, + "y": 64, + "width": 108, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgb(0, 46, 62)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 53, + "y": 69, + "width": 58, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(55, 200, 253)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": null, + "searchBox": null, + "searchInput": null, + "rows": [], + "rowLabels": [], + "message": null, + "helper": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-helper-text", + "part": null, + "class": null, + "role": null, + "text": "Choose categories.", + "box": { + "x": 16, + "y": 104, + "width": 320, + "height": 14 + }, + "glyph": { + "x": 32, + "y": 104, + "width": 110.203125, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "0.4px", + "padding": "0px 16px", + "margin": "8px 0px 0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/linux-x64/dark-multiple-helper.png", + "sha256": "935b3d5dea3d2f0143ccb8bb4684a66723c2c17db4ce0613cbfc0bcd9338c5c4" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "name": "multiple-search", + "configuration": { + "name": "multiple-search", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": true, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 24, + "y": 32, + "width": 368, + "height": 286 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 80 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 24, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": { + "x": -24, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 24, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 40, + "y": 26, + "width": 81, + "height": 28 + }, + "glyph": { + "x": 40, + "y": 32, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 121, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 129, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 163, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": { + "x": -24, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 163, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 179, + "y": 26, + "width": 35, + "height": 28 + }, + "glyph": { + "x": 179, + "y": 32, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 214, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 222, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 24, + "y": 64, + "width": 108, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgb(0, 46, 62)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 61, + "y": 69, + "width": 58, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(55, 200, 253)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "body", + "class": "body", + "role": null, + "text": null, + "box": { + "x": 24, + "y": 96, + "width": 320, + "height": 166 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px 16px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgb(94, 94, 94)", + "borderRadius": "8px", + "boxShadow": "rgba(0, 0, 0, 0.35) 0px 3px 6px -1px, rgba(0, 0, 0, 0.45) 0px 8px 16px -2px", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "column", + "maxWidth": "320px", + "maxHeight": "400px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchBox": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "base", + "class": "text-field", + "role": null, + "text": null, + "box": { + "x": 37, + "y": 113, + "width": 294, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 8px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgb(0, 154, 199)", + "borderRadius": "8px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "stretch", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "2px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchInput": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "input", + "part": "input", + "class": "control", + "role": null, + "text": null, + "box": { + "x": 64, + "y": 114, + "width": 258, + "height": 38 + }, + "glyph": null, + "focusVisible": true, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 0px 0px 4px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(118, 118, 118, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "clip", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "rows": [ + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": "combo-box-row ", + "role": null, + "text": null, + "box": { + "x": 25, + "y": 165, + "width": 318, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": "combo-box-row ", + "role": null, + "text": null, + "box": { + "x": 25, + "y": 213, + "width": 318, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + ], + "rowLabels": [ + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": null, + "role": null, + "text": "Shopping", + "box": { + "x": 41, + "y": 177.796875, + "width": 286, + "height": 22.390625 + }, + "glyph": { + "x": 41, + "y": 180.796875, + "width": 59, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": null, + "role": null, + "text": "Archived", + "box": { + "x": 41, + "y": 225.796875, + "width": 286, + "height": 22.390625 + }, + "glyph": { + "x": 41, + "y": 228.796875, + "width": 54, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + } + ], + "message": null, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z", + "M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/linux-x64/dark-multiple-search.png", + "sha256": "160e04b071ec61f21a258ef7c2d470c3d04246b1136e43290dc14f6640215cc1" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "name": "multiple-filtered", + "configuration": { + "name": "multiple-filtered", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": true, + "opener": "pointer", + "interaction": "resting", + "search": "shop" + }, + "fixtureMapping": [], + "frame": { + "x": 24, + "y": 32, + "width": 368, + "height": 286 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 80 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 24, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": { + "x": -24, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 24, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 40, + "y": 26, + "width": 81, + "height": 28 + }, + "glyph": { + "x": 40, + "y": 32, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 121, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 129, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 163, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": { + "x": -24, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 163, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 179, + "y": 26, + "width": 35, + "height": 28 + }, + "glyph": { + "x": 179, + "y": 32, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 214, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 222, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 24, + "y": 64, + "width": 108, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgb(0, 46, 62)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 61, + "y": 69, + "width": 58, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(55, 200, 253)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "body", + "class": "body", + "role": null, + "text": null, + "box": { + "x": 24, + "y": 96, + "width": 320, + "height": 166 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px 16px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgb(94, 94, 94)", + "borderRadius": "8px", + "boxShadow": "rgba(0, 0, 0, 0.35) 0px 3px 6px -1px, rgba(0, 0, 0, 0.45) 0px 8px 16px -2px", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "column", + "maxWidth": "320px", + "maxHeight": "400px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchBox": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "base", + "class": "text-field", + "role": null, + "text": null, + "box": { + "x": 37, + "y": 113, + "width": 294, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 8px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgb(0, 154, 199)", + "borderRadius": "8px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "stretch", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "2px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchInput": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "input", + "part": "input", + "class": "control", + "role": null, + "text": null, + "box": { + "x": 64, + "y": 114, + "width": 234, + "height": 38 + }, + "glyph": null, + "focusVisible": true, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 0px 0px 4px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(118, 118, 118, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "clip", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "rows": [ + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": "combo-box-row ", + "role": null, + "text": null, + "box": { + "x": 25, + "y": 165, + "width": 318, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + ], + "rowLabels": [ + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": null, + "role": null, + "text": "Shopping", + "box": { + "x": 41, + "y": 177.796875, + "width": 286, + "height": 22.390625 + }, + "glyph": { + "x": 41, + "y": 180.796875, + "width": 59, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + } + ], + "message": null, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z", + "M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/linux-x64/dark-multiple-filtered.png", + "sha256": "b2ee0b01a7192305cfd6c620dbd740fe0dfae4b445633c0efa79c6e491dc8ff5" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "name": "multiple-no-matches", + "configuration": { + "name": "multiple-no-matches", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": true, + "opener": "pointer", + "interaction": "resting", + "search": "unmatched" + }, + "fixtureMapping": [], + "frame": { + "x": 24, + "y": 32, + "width": 368, + "height": 286 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 80 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 24, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": { + "x": -24, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 24, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 40, + "y": 26, + "width": 81, + "height": 28 + }, + "glyph": { + "x": 40, + "y": 32, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 121, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 129, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 163, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": { + "x": -24, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 163, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 179, + "y": 26, + "width": 35, + "height": 28 + }, + "glyph": { + "x": 179, + "y": 32, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 214, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 222, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 24, + "y": 64, + "width": 108, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgb(0, 46, 62)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 61, + "y": 69, + "width": 58, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(55, 200, 253)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "body", + "class": "body", + "role": null, + "text": null, + "box": { + "x": 24, + "y": 96, + "width": 320, + "height": 166 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px 16px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgb(94, 94, 94)", + "borderRadius": "8px", + "boxShadow": "rgba(0, 0, 0, 0.35) 0px 3px 6px -1px, rgba(0, 0, 0, 0.45) 0px 8px 16px -2px", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "column", + "maxWidth": "320px", + "maxHeight": "400px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchBox": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "base", + "class": "text-field", + "role": null, + "text": null, + "box": { + "x": 37, + "y": 113, + "width": 294, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 8px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgb(0, 154, 199)", + "borderRadius": "8px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "stretch", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "2px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchInput": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "input", + "part": "input", + "class": "control", + "role": null, + "text": null, + "box": { + "x": 64, + "y": 114, + "width": 234, + "height": 38 + }, + "glyph": null, + "focusVisible": true, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 0px 0px 4px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(118, 118, 118, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "clip", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "rows": [ + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": "combo-box-row", + "role": null, + "text": null, + "box": { + "x": 25, + "y": 165, + "width": 318, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + ], + "rowLabels": [], + "message": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": null, + "role": null, + "text": "No matching options.", + "box": { + "x": 81, + "y": 177.796875, + "width": 246, + "height": 22.390625 + }, + "glyph": { + "x": 81, + "y": 180.796875, + "width": 134, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z", + "M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/linux-x64/dark-multiple-no-matches.png", + "sha256": "fb49546e4aedfbf71eceb287cb2a5adfc208a18b9c0ef828e218e97665fb0730" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "name": "multiple-search-keyboard", + "configuration": { + "name": "multiple-search-keyboard", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": true, + "opener": "pointer", + "interaction": "option-keyboard", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 24, + "y": 32, + "width": 368, + "height": 286 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 80 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 24, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": { + "x": -24, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 24, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 40, + "y": 26, + "width": 81, + "height": 28 + }, + "glyph": { + "x": 40, + "y": 32, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 121, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 129, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 163, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": { + "x": -24, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 163, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 179, + "y": 26, + "width": 35, + "height": 28 + }, + "glyph": { + "x": 179, + "y": 32, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 214, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 222, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 24, + "y": 64, + "width": 108, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgb(0, 46, 62)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 61, + "y": 69, + "width": 58, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(55, 200, 253)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "body", + "class": "body", + "role": null, + "text": null, + "box": { + "x": 24, + "y": 96, + "width": 320, + "height": 166 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px 16px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgb(94, 94, 94)", + "borderRadius": "8px", + "boxShadow": "rgba(0, 0, 0, 0.35) 0px 3px 6px -1px, rgba(0, 0, 0, 0.45) 0px 8px 16px -2px", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "column", + "maxWidth": "320px", + "maxHeight": "400px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchBox": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "base", + "class": "text-field", + "role": null, + "text": null, + "box": { + "x": 37, + "y": 113, + "width": 294, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 8px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgb(0, 154, 199)", + "borderRadius": "8px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "stretch", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "2px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchInput": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "input", + "part": "input", + "class": "control", + "role": null, + "text": null, + "box": { + "x": 64, + "y": 114, + "width": 258, + "height": 38 + }, + "glyph": null, + "focusVisible": true, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 0px 0px 4px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(118, 118, 118, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "clip", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "rows": [ + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": "combo-box-row selected", + "role": null, + "text": null, + "box": { + "x": 25, + "y": 165, + "width": 318, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(32, 32, 32)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": "combo-box-row ", + "role": null, + "text": null, + "box": { + "x": 25, + "y": 213, + "width": 318, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + ], + "rowLabels": [ + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": null, + "role": null, + "text": "Shopping", + "box": { + "x": 41, + "y": 177.796875, + "width": 286, + "height": 22.390625 + }, + "glyph": { + "x": 41, + "y": 180.796875, + "width": 59, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": null, + "role": null, + "text": "Archived", + "box": { + "x": 41, + "y": 225.796875, + "width": 286, + "height": 22.390625 + }, + "glyph": { + "x": 41, + "y": 228.796875, + "width": 54, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + } + ], + "message": null, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z", + "M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/linux-x64/dark-multiple-search-keyboard.png", + "sha256": "f9d85e769a05b86360db8b63827fb7e72d0b61913e72ba566bbf7cfe939e6345" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "name": "multiple-search-rtl", + "configuration": { + "name": "multiple-search-rtl", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 320, + "dir": "rtl", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": true, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 24, + "y": 32, + "width": 368, + "height": 286 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 80 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 213, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": { + "x": -24, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 213, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 247, + "y": 26, + "width": 81, + "height": 28 + }, + "glyph": { + "x": 247, + "y": 32, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 213, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "16px 0px 0px 16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 221, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 120, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": { + "x": -24, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 120, + "y": 24, + "width": 85, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 154, + "y": 26, + "width": 35, + "height": 28 + }, + "glyph": { + "x": 154, + "y": 32, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 120, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "16px 0px 0px 16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 128, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 236, + "y": 64, + "width": 108, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 8px 0px 12px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgb(0, 46, 62)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 249, + "y": 69, + "width": 58, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(55, 200, 253)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "body", + "class": "body", + "role": null, + "text": null, + "box": { + "x": 24, + "y": 96, + "width": 320, + "height": 166 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px 16px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgb(94, 94, 94)", + "borderRadius": "8px", + "boxShadow": "rgba(0, 0, 0, 0.35) 0px 3px 6px -1px, rgba(0, 0, 0, 0.45) 0px 8px 16px -2px", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "column", + "maxWidth": "320px", + "maxHeight": "400px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchBox": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "base", + "class": "text-field", + "role": null, + "text": null, + "box": { + "x": 37, + "y": 113, + "width": 294, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 8px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgb(0, 154, 199)", + "borderRadius": "8px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "stretch", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "2px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchInput": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "input", + "part": "input", + "class": "control", + "role": null, + "text": null, + "box": { + "x": 46, + "y": 114, + "width": 258, + "height": 38 + }, + "glyph": null, + "focusVisible": true, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 4px 0px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(118, 118, 118, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "clip", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "rows": [ + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": "combo-box-row ", + "role": null, + "text": null, + "box": { + "x": 25, + "y": 165, + "width": 318, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": "combo-box-row ", + "role": null, + "text": null, + "box": { + "x": 25, + "y": 213, + "width": 318, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + ], + "rowLabels": [ + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": null, + "role": null, + "text": "Shopping", + "box": { + "x": 41, + "y": 177.796875, + "width": 286, + "height": 22.390625 + }, + "glyph": { + "x": 268, + "y": 180.796875, + "width": 59, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": null, + "role": null, + "text": "Archived", + "box": { + "x": 41, + "y": 225.796875, + "width": 286, + "height": 22.390625 + }, + "glyph": { + "x": 273, + "y": 228.796875, + "width": 54, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + } + ], + "message": null, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z", + "M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/linux-x64/dark-multiple-search-rtl.png", + "sha256": "e8ba13ab35a698fd722150ff7313ab2bab225ec45ea27d70706e8e365efd7203" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "name": "multiple-search-narrow", + "configuration": { + "name": "multiple-search-narrow", + "multiple": true, + "label": "Category", + "value": [ + "maintenance", + "other" + ], + "options": [ + { + "value": "maintenance", + "label": "Maintenance", + "disabled": false + }, + { + "value": "shopping", + "label": "Shopping", + "disabled": false + }, + { + "value": "other", + "label": "Other", + "disabled": false + }, + { + "value": "archived", + "label": "Archived", + "disabled": false + } + ], + "width": 180, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": true, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 0, + "y": 32, + "width": 290, + "height": 326 + }, + "parts": { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-selector-select", + "part": null, + "class": null, + "role": null, + "text": null, + "box": { + "x": 48, + "y": 16, + "width": 180, + "height": 120 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chipset": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-chip-set", + "part": null, + "class": null, + "role": "toolbar", + "text": null, + "box": { + "x": 48, + "y": 16, + "width": 180, + "height": 88 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "8px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "chips": [ + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Maintenance", + "box": { + "x": 48, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": { + "x": 0, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 48, + "y": 24, + "width": 131, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Maintenance", + "box": { + "x": 64, + "y": 26, + "width": 81, + "height": 28 + }, + "glyph": { + "x": 64, + "y": 32, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 145, + "y": 24, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 153, + "y": 31, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + }, + { + "host": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "ha-input-chip", + "part": null, + "class": null, + "role": null, + "text": "Other", + "box": { + "x": 48, + "y": 64, + "width": 85, + "height": 32 + }, + "glyph": { + "x": 0, + "y": -32, + "width": 0, + "height": 0 + }, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "surface": { + "path": null, + "after": [ + [ + "height", + "32px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": " container has-remove ", + "role": null, + "text": null, + "box": { + "x": 48, + "y": 64, + "width": 85, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "19.2px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "16px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "100%", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "label": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": "label", + "class": "label", + "role": null, + "text": "Other", + "box": { + "x": 64, + "y": 66, + "width": 35, + "height": 28 + }, + "glyph": { + "x": 64, + "y": 72, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "20px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + "remove": { + "path": null, + "after": [ + [ + "height", + "48px" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "remove-button", + "class": " button remove trailing action ", + "role": null, + "text": null, + "box": { + "x": 99, + "y": 64, + "width": 34, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(177, 177, 177)", + "borderRadius": "0px 16px 16px 0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "8px", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "icon": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": "icon", + "role": null, + "text": null, + "box": { + "x": 107, + "y": 71, + "width": 18, + "height": 18 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + } + ], + "trigger": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "button", + "part": "base", + "class": "button has-label has-start", + "role": "button", + "text": null, + "box": { + "x": 48, + "y": 104, + "width": 108, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "0px 12px 0px 8px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgb(0, 46, 62)", + "border": "1px solid rgba(0, 0, 0, 0)", + "borderRadius": "9999px", + "boxShadow": "none", + "opacity": "1", + "display": "inline-flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "triggerLabel": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "slot", + "part": "label", + "class": "label", + "role": null, + "text": null, + "box": { + "x": 85, + "y": 109, + "width": 58, + "height": 22 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "14px", + "letterSpacing": "normal", + "padding": "4px 0px", + "margin": "0px", + "color": "rgb(55, 200, 253)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(55, 200, 253)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(55, 200, 253) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "ellipsis" + } + }, + "dialog": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "body", + "class": "body", + "role": null, + "text": null, + "box": { + "x": 16, + "y": 136, + "width": 250, + "height": 166 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px 16px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgb(94, 94, 94)", + "borderRadius": "8px", + "boxShadow": "rgba(0, 0, 0, 0.35) 0px 3px 6px -1px, rgba(0, 0, 0, 0.45) 0px 8px 16px -2px", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "column", + "maxWidth": "250px", + "maxHeight": "400px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchBox": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": "base", + "class": "text-field", + "role": null, + "text": null, + "box": { + "x": 29, + "y": 153, + "width": 224, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 8px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgb(0, 154, 199)", + "borderRadius": "8px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "stretch", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "2px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "searchInput": { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "input", + "part": "input", + "class": "control", + "role": null, + "text": null, + "box": { + "x": 56, + "y": 154, + "width": 188, + "height": 38 + }, + "glyph": null, + "focusVisible": true, + "disabled": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px 0px 0px 4px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(118, 118, 118, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "clip", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + "rows": [ + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": "combo-box-row ", + "role": null, + "text": null, + "box": { + "x": 17, + "y": 205, + "width": 248, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + }, + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "div", + "part": null, + "class": "combo-box-row ", + "role": null, + "text": null, + "box": { + "x": 17, + "y": 253, + "width": 248, + "height": 48 + }, + "glyph": null, + "focusVisible": false, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "flex", + "gap": "normal", + "alignItems": "center", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "visible", + "whiteSpace": "normal", + "textOverflow": "clip" + } + } + ], + "rowLabels": [ + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": null, + "role": null, + "text": "Shopping", + "box": { + "x": 33, + "y": 217.796875, + "width": 216, + "height": 22.390625 + }, + "glyph": { + "x": 33, + "y": 220.796875, + "width": 59, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + }, + { + "path": null, + "after": [ + [ + "height", + "auto" + ], + [ + "backgroundColor", + "rgba(0, 0, 0, 0)" + ], + [ + "opacity", + "1" + ] + ], + "tag": "span", + "part": null, + "class": null, + "role": null, + "text": "Archived", + "box": { + "x": 33, + "y": 265.796875, + "width": 216, + "height": 22.390625 + }, + "glyph": { + "x": 33, + "y": 268.796875, + "width": 54, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "display": "block", + "gap": "normal", + "alignItems": "normal", + "flexDirection": "row", + "maxWidth": "none", + "maxHeight": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px", + "overflow": "hidden", + "whiteSpace": "nowrap", + "textOverflow": "ellipsis" + } + } + ], + "message": null, + "helper": null, + "iconPaths": [ + "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z", + "M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z" + ] + }, + "image": { + "path": "tests/storybook/reference/ha-select-multiple/linux-x64/dark-multiple-search-narrow.png", + "sha256": "1c896bec8cd0cd0949cc2145ce00233234daff64ad7fbce4662a4f668076b80d" + } + } + ], + "candidateCalibrated": true, + "capabilityComplete": false, + "candidateCalibratedAtUTC": "2026-11-05T04:53:13.807326+00:00", + "candidateCampaigns": [ + { + "platform": "macos", + "architecture": "arm64", + "browser": "156.0.8078.4", + "states": 30, + "exactImages": 19, + "nearlyIdenticalImages": 11, + "geometryAndMeasuredPaintPassed": true, + "alphaChanges": 0, + "defaultAxeOpenDialogScans": 8, + "peakChannelDelta": 2, + "meanChannelDelta": 0.003786756928284324, + "changedFraction": 0.003914563697172393 + }, + { + "platform": "linux", + "architecture": "arm64", + "browser": "156.0.8078.80", + "states": 30, + "exactImages": 20, + "nearlyIdenticalImages": 10, + "geometryAndMeasuredPaintPassed": true, + "alphaChanges": 0, + "defaultAxeOpenDialogScans": 8, + "peakChannelDelta": 2, + "meanChannelDelta": 0.0003673862369514543, + "changedFraction": 0.0007126026147765279 + }, + { + "platform": "linux", + "architecture": "x64", + "browser": "156.0.8078.4", + "states": 30, + "exactImages": 20, + "nearlyIdenticalImages": 10, + "geometryAndMeasuredPaintPassed": true, + "alphaChanges": 0, + "defaultAxeOpenDialogScans": 8, + "peakChannelDelta": 2, + "meanChannelDelta": 0.0003673862369514543, + "changedFraction": 0.0007126026147765279 + } + ], + "candidateSourceSha256": { + "packages/core/src/components/select.ts": "2ea14d7be62dad20a67f672809f338c17d60ccc40200771ba8d44ac8a9992f6a", + "packages/core/src/components/select-chips.ts": "ef37b1394148626ddd6f6b6cfa196aab95ec91d7ba108577b20fc1cf3db886d8", + "packages/core/src/components/selection-dialog.ts": "835a3db857fef0ad97a39f6a088e7f1f64ea86dad5cf07351e43bd83579e8db1", + "packages/core/src/components/selection-events.ts": "2077b4ee84a5597ff2bf628e363fdedf9e717d73ab7ac0bd28c275f52585d000", + "packages/core/src/select-contracts.ts": "aaa1008d3d2f3b6c088c4ed6d650b3b6195feb2c160b7da981665f033fa76609", + "packages/core/src/select-multiple.ts": "e77472e74d342762a105f8d42eb9d0e59d42e78af3e4debb0a10f90984a43480" + }, + "compositorCounterexample": { + "sameOriginalPathAndWorldGeometry": true, + "macOSLightWithoutHint": { + "peakChannelDelta": 7, + "changedPixels": 93 + }, + "macOSLightWithHint": { + "peakChannelDelta": 2, + "changedPixels": 75 + }, + "linuxARM64DarkWithoutHint": { + "peakChannelDelta": 6, + "changedPixels": 3493, + "meanChannelDelta": 0.03244083814735989 + }, + "linuxARM64DarkWithHint": { + "peakChannelDelta": 2, + "changedPixels": 54, + "meanChannelDelta": 0.00021853146853146853 + }, + "policy": "Request a compositor layer for the open painted surface. No platform-specific offsets, reference changes, masking or tolerance changes." + } +} diff --git a/docs/evidence/ha-select-reference.json b/docs/evidence/ha-select-reference.json new file mode 100644 index 0000000..75619dd --- /dev/null +++ b/docs/evidence/ha-select-reference.json @@ -0,0 +1,47457 @@ +{ + "recordedAtUTC": "2026-11-04T23:56:48.207749+00:00", + "scope": "Original HA single filled select and menu reference: 38 states for each of macOS ARM64, Linux ARM64 and Linux x64. All 114 unmodified original PNGs repeat independently. Current candidate satisfies exact computed paint/0.1 CSS pixel geometry and the unchanged selector-only nearly-identical RGBA bounds. Multiple/list and application scope remain incomplete.", + "reviewedSource": "https://github.com/home-assistant/frontend/tree/027d9578ec9663b8aa22f50c24274a7cd9d001c1", + "installedRevisionClaimed": false, + "originalPublicApp": { + "path": "app.d6c28fc2e48aeea4.js", + "sha256": "7b0d03a0c75c971cd3084c988430c512414209ca2c8bba8d506724d3be2827ec", + "startupOnlyReplacement": true, + "componentFunctionsUnchanged": true + }, + "selectorLoader": { + "entry": 6132, + "chunks": [ + 79871, + 57539, + 54353, + 40523, + 37532, + 9287, + 83083, + 8099, + 24519, + 49227, + 38795, + 5751, + 23691, + 2066, + 4274, + 38402, + 90488, + 37199, + 35413, + 55207 + ], + "sourceSha256": "4a7a2d0a04ec62c54234bfbe575f3c90334f5be8dadb992271c1d4d04e5cb91b" + }, + "publicAssetIdentities": { + "/frontend_latest/app.d6c28fc2e48aeea4.js": { + "sha256": "7b0d03a0c75c971cd3084c988430c512414209ca2c8bba8d506724d3be2827ec", + "bytes": 577102 + }, + "/frontend_latest/79871.0cd7505014fef7fb.js": { + "sha256": "3a613295ac4ee48fc19ddadff4baa1c147e98108731f224d1d640906e5b1df65", + "bytes": 8829 + }, + "/frontend_latest/57539.27d7cefd99dace6a.js": { + "sha256": "8be1aa5585c10687ef9b740ca03edbd7d03f2dce527d98bcb392bf98c2a27a9f", + "bytes": 30004 + }, + "/frontend_latest/54353.5437d2f3817bda05.js": { + "sha256": "46837596efa4541d206731639acd701c312dc4e256dbbe1b47f490023d26fd35", + "bytes": 28665 + }, + "/frontend_latest/40523.1e09f4c93f125c24.js": { + "sha256": "926458359cfc4067dea446422401e81fcc82e9e2a127c7c066a48bb1dfe2acb8", + "bytes": 14720 + }, + "/frontend_latest/37532.79d0d1bb37c67bc0.js": { + "sha256": "4a73e707cfcacda888e13fc3dd8a849e78b9f987ef7c5f006ee4624ce0f70f38", + "bytes": 7382 + }, + "/frontend_latest/9287.09045b2bbbaec3ff.js": { + "sha256": "458ff250f1f58d0f3353e5e4db02ecd81c18d5118da63784e4460ad350f0479b", + "bytes": 16586 + }, + "/frontend_latest/83083.fe45ed5de283dceb.js": { + "sha256": "c0387a9445b6540bdbb9248fa7f36654d6efbbd4822b14d77ee1257ce0f2653c", + "bytes": 26848 + }, + "/frontend_latest/8099.739711f91e051b08.js": { + "sha256": "085891bfde6d7bcc99feee1d23bd218811559da0524fbd716a341834729f5610", + "bytes": 24201 + }, + "/frontend_latest/24519.eb7116b32c634736.js": { + "sha256": "bfc6f1fc208db0980494f7fce3d7cf66fdb56b49b7aebe6d7dc81a11f8ad0294", + "bytes": 10948 + }, + "/frontend_latest/49227.905c893829033053.js": { + "sha256": "d81915b48e9020c18239e551210bb9f688acc13ea161097b6d6b237eeb5aff97", + "bytes": 16153 + }, + "/frontend_latest/15204.4ba98d3a7e1188ba.js": { + "sha256": "af5ac046919202876888a099621d3f4ac232409a2c06e0fad53ae5ca10e9c9d7", + "bytes": 11586 + }, + "/frontend_latest/75395.cc5150b9b2a1eaab.js": { + "sha256": "8106a40d2e3422a76c07862bd704905ed7e17ce5c293ed86dc2b29cd45bddda5", + "bytes": 43325 + }, + "/frontend_latest/85803.5b2b792a7300e3b1.js": { + "sha256": "0d120e26671cf33a96ed8cb7c49d9a49d0d94510d4b799edd4bc91350509cfaa", + "bytes": 9833 + }, + "/frontend_latest/88836.82d8c061e321f700.js": { + "sha256": "f0f86b486ac1bc1a4317ab31652d751442431d6c71dc4fef9132e4d784351e30", + "bytes": 20779 + }, + "/frontend_latest/41649.246763083c75df64.js": { + "sha256": "c57a1d6ad874fe05971ce2f5e2be0f64e3a64b56fd80c1d8c17a846908fe8d52", + "bytes": 5853 + }, + "/frontend_latest/54076.4e72607dd775669c.js": { + "sha256": "aed795f3496c91f8ed83d792866430784e226d71141da3a286c3db82ae139bd7", + "bytes": 334098 + }, + "/frontend_latest/51808.00d17dbc5c336819.js": { + "sha256": "c77cc7ee51ed09359b42e90a45c7b94bd5162fa9187481fd85faa8352a84152b", + "bytes": 56168 + }, + "/frontend_latest/19662.02bfe987bcf02fae.js": { + "sha256": "a961b6fc841d4d3e3ca4fab591bf737d3c6186b67ada466944f67a138d2827ea", + "bytes": 37879 + }, + "/frontend_latest/86151.a018324031dccf64.js": { + "sha256": "b066cb7d0b813ba3963068c795c83b667e1623743ffe8116aeca52620e8237cc", + "bytes": 21981 + }, + "/frontend_latest/44518.60aafb0dd7361a8a.js": { + "sha256": "51fb962c1f10b8b55e33240aafcae94bbf08d29c11c8d4ba5e11735cc25b1963", + "bytes": 12454 + }, + "/frontend_latest/53047.2ff52aed1ea1d58d.js": { + "sha256": "a07fa2ea375bbc9d9c48d9f23cc41c9021d93bdb8b1fd85f2d473c32722b8e04", + "bytes": 22445 + }, + "/frontend_latest/53224.cf6a4ce6a1632ae3.js": { + "sha256": "159d3c58f915157201dbeb8a03bd85627bd132e86d62a157dfd14fc512e0d114", + "bytes": 22424 + }, + "/frontend_latest/27885.b2722f12c8ea5f0d.js": { + "sha256": "9b50005b75b8ae380f82ac4b152acd05b93fa6f63b72db015a76f7e1a634634e", + "bytes": 14763 + }, + "/frontend_latest/91441.f4e291d27370bd0e.js": { + "sha256": "6cb720571975c708cb319a6edaf59add5976981b71e6f9a2deff4f5f51f12b05", + "bytes": 9318 + }, + "/frontend_latest/23322.127ad1a39e017ad1.js": { + "sha256": "b75ec9e8e58297341494a01cb136719ad2ade2ef581dce65dce3fcd4d22e5b74", + "bytes": 15104 + }, + "/frontend_latest/2066.619086da7335e894.js": { + "sha256": "9fa71dd59b3d55070ecd5e1a54d20cff4662f77d3216403e2288738647fcd517", + "bytes": 14652 + }, + "/frontend_latest/17332.cfc44d92e55e41b1.js": { + "sha256": "e4774bb25ac5042926b065e281949267503b1764d88f2a96218a5209f9006948", + "bytes": 14891 + }, + "/frontend_latest/4274.9a41952ea24b0c35.js": { + "sha256": "44379e6950a12f261bb118e88bc81694308ea6e807965acd8a68552da0bf8886", + "bytes": 14848 + }, + "/frontend_latest/65819.c67beedb2569fde2.js": { + "sha256": "3b849b691fc05ffcf8b0275bacafb417d9ca2df774638d431a6022c3617fb78b", + "bytes": 14389 + }, + "/frontend_latest/38402.e30322de1fd7e232.js": { + "sha256": "a04e3e4608e892f4b2dc44e2a4c3279170c94c352523764546fb1b9aa4268634", + "bytes": 20205 + }, + "/frontend_latest/90488.1801cdc1bce0d252.js": { + "sha256": "4b42a382c681c8045a19d4f004ce9e508ea709fe9b27ef2845cbfcd103a8e43a", + "bytes": 19522 + }, + "/frontend_latest/56327.669df9212b1bbd57.js": { + "sha256": "379f817c3ef286f94fa228adea8bf2a3abbe7e9ca115a8eab9772bee1697e35b", + "bytes": 23575 + }, + "/frontend_latest/11164.4007f39963ca53fe.js": { + "sha256": "cbe80d4a20c692baac50bcd2f4f25a11532722be4f3a2bc74afc36fc0e87d251", + "bytes": 13671 + }, + "/frontend_latest/63105.5db3fbaa75461e58.js": { + "sha256": "ff7a67cfa7f9a8262c33e13ba9bb54ac0e38727ff88eb464d93d620aa6a97b4d", + "bytes": 13739 + }, + "/frontend_latest/4556.3b8bc343b186ac7f.js": { + "sha256": "ab338cdf594607256a05dec14798f81914c38c1009d5f718824be3ea22ee5702", + "bytes": 28448 + }, + "/frontend_latest/89316.4c8a52fd9476e18d.js": { + "sha256": "4a7a2d0a04ec62c54234bfbe575f3c90334f5be8dadb992271c1d4d04e5cb91b", + "bytes": 18823 + }, + "/frontend_latest/59392.7c213f7ec058e53a.js": { + "sha256": "ac168d5e749cde3f0f858b13765766f769b336f375a5296b37f3898c789db167", + "bytes": 13547 + }, + "/frontend_latest/79358.df250c7f378eb741.js": { + "sha256": "47504e1e798d1299996a11832d08c73b4ac5508d3f7cc54671f1f376ec227ea8", + "bytes": 20790 + }, + "/frontend_latest/61346.23c39a21bb727e57.js": { + "sha256": "e3bca0f2e4b1159beead5846f8dc8cac5def8038251be7509268450cb127fa6f", + "bytes": 35839 + }, + "/frontend_latest/37877.3e4fcac2e2136e85.js": { + "sha256": "acda63df1944dadb1d1021f10aa1667f88439c8d3df2185ac4167b2364e9218b", + "bytes": 12199 + }, + "/frontend_latest/58068.496636f152f989b6.js": { + "sha256": "2f60fa77098d87558e7c2ad463eb98261ec35fcf3a830030131d98c4689a5554", + "bytes": 14843 + }, + "/frontend_latest/78918.284a9604258fe27b.js": { + "sha256": "d9136df59278b2364da59b5ae4be98b6f83017ce94bcfc6f9879aae7c07a4bd0", + "bytes": 10950 + }, + "/frontend_latest/1027.26a15473845250e8.js": { + "sha256": "06f76e762bfb07360abae7abe3b1dc1ab239472c8445f131b9c41fa234366208", + "bytes": 14240 + }, + "/frontend_latest/4558.e20b3760d07801a7.js": { + "sha256": "43fa2969e6ba2676d21e0e5ae9a887e05a4857d7640c4537faaaf3a6793897a5", + "bytes": 48720 + }, + "/frontend_latest/97769.cb1c5172b385ed95.js": { + "sha256": "56d7d415776d66dda6b00c284eecb8d5284374ec43147e986fde88e3f52ce1a6", + "bytes": 12926 + }, + "/frontend_latest/64334.af08239c2ebb5f72.js": { + "sha256": "8a9bb136f5a75989c0249652d2437f71c95c56c5e57c552423bd7634ded28592", + "bytes": 62089 + }, + "/frontend_latest/89437.7a0c267598dbedf7.js": { + "sha256": "93b97f57d2103714bd6b000d84d66a6e5eb1abcb0e3d70ced5b68a778574452e", + "bytes": 31196 + }, + "/frontend_latest/84656.b37270a3ef77878d.js": { + "sha256": "b5520eaac50bef5c56bf9c34f78248bfffe859d2660b69a0c2bb092401972047", + "bytes": 35511 + }, + "/frontend_latest/30295.44550b6ede673685.js": { + "sha256": "c05dd5e1a5fadc0e367a1fdd726ba106f9b7ec2f2e9141b5f9278a34ec61d295", + "bytes": 18250 + }, + "/frontend_latest/75312.5646a5160728e6b0.js": { + "sha256": "487b478ae0fd9a627d755b3e0ebff32d4fd389db2f3e790fbe1ba7f8922d7a12", + "bytes": 13589 + }, + "/frontend_latest/8885.0d1314825734b9ba.js": { + "sha256": "f96524fc829f4ca06a65671dfb65343fc4ac5fc3a0775fc9fcdda4ec9b31ef1f", + "bytes": 10824 + }, + "/frontend_latest/84962.17ced8e504bf6331.js": { + "sha256": "c672f4824f9a91b1a349f85f1960ded234e32349dc48916ee32e3a2b1eb7b6f3", + "bytes": 12868 + }, + "/frontend_latest/50560.8660644d0f8ae049.js": { + "sha256": "8988a5ade0606c481a3febf6a572a4bd54848a7f8f03be75813e3a7b6c70fb5d", + "bytes": 26364 + }, + "/frontend_latest/38416.72b67af26ef89a66.js": { + "sha256": "b0acadf75c26ae79ef27521207f5e625b98225f4cfd627211b9054339ed3ca41", + "bytes": 15700 + }, + "/frontend_latest/32425.69983054c1ddb489.js": { + "sha256": "7bcdf7b58c77c00baf193a8b30b012d08e031682f7cd8ddbacd16e7e3c3e9c94", + "bytes": 418581 + }, + "/frontend_latest/16507.a01c0a650d7bdf12.js": { + "sha256": "3cd1825b5822cc44025ba52b950bfcba634795ff078bc4ef7bd1867bd6c8a794", + "bytes": 39680 + }, + "/frontend_latest/84956.2ab0e4e5dfbc712c.js": { + "sha256": "e5c0f30aa9c533d4a6c98f08e290080e523844d9e83323a80f186d1cd90fb0f8", + "bytes": 14278 + }, + "/frontend_latest/92811.0f15037d3b10a2c3.js": { + "sha256": "cd7255a05902ce487ea9763a06b3d3a7a2dddcaf01a068415eb0b7239a0d30ed", + "bytes": 13267 + }, + "/frontend_latest/54537.f4833c5913c76cf2.js": { + "sha256": "097d10625d7cfefcf5f45646e1abe71e189870ac62677b8ff655189ffa818d52", + "bytes": 9818 + }, + "/frontend_latest/25481.23ddd5d2ec866816.js": { + "sha256": "eff9c4785b1b13110a6c8d2dd9d06d0abb5038e05f3ee78af0144ac5cda41b4f", + "bytes": 14691 + }, + "/frontend_latest/46565.e3d80a51d865ed5c.js": { + "sha256": "5f911bddaecb5761fb312d30ee6d5c54c0729681d67a6938510743a92461bdda", + "bytes": 12790 + }, + "/frontend_latest/94121.0e44a112e95ac8c8.js": { + "sha256": "b8867abd42ff8397dfb27af640d00be262547b6dc1476bdc3a9d907b520bf020", + "bytes": 14742 + }, + "/frontend_latest/58992.1d29f9136bc3c796.js": { + "sha256": "403801a586fc76ed2c42c7a246d318cf115f9f8dc3e6b51736770fb0d27eab0d", + "bytes": 20956 + }, + "/frontend_latest/28858.17df029135a17ae3.js": { + "sha256": "cb20a7108b88881b05d9cb192f6e668bbdd02be64b5d594d3ce0caeac7439ffd", + "bytes": 12216 + }, + "/frontend_latest/47578.fba66e0739297711.js": { + "sha256": "c8f7aa9acf22e7f4d9a18a32015ee5ad62b9f383a80a96144bda5005be7c0d60", + "bytes": 27140 + }, + "/frontend_latest/90012.9945d8238ffa5a3a.js": { + "sha256": "bf1e417679e1f11a69f523da19d45b7a286f69cfff3e17a1b715081b412cde7f", + "bytes": 32550 + }, + "/frontend_latest/14883.0a68bf6c727a2e22.js": { + "sha256": "10c72f142d4b19619a223e1d67cbe3b1e5e079605903afda730c5df1f96b9ffe", + "bytes": 38920 + }, + "/frontend_latest/5496.c0eba59802d17a07.js": { + "sha256": "6d9a293389b0632626eec6f452dabf8172953aa4238f70b111aa9b43088e777e", + "bytes": 9450 + }, + "/frontend_latest/49589.23a2870d61954701.js": { + "sha256": "2fda7fb7e84778e196807fa82ba3f657f14ce335e9f8f3795b551d485a6641eb", + "bytes": 13433 + }, + "/static/locale-data/intl-displaynames/en.json": { + "sha256": "de6876c5e48244c0a6ec4a189e0c27293674bfb8fda6fe4deae4083cf319937e", + "bytes": 43298 + }, + "/frontend_latest/38795.f1749be6c0cda8cf.js": { + "sha256": "26901b5d59ed1cf886e9b86dee00ad3c6c8b68f11df44cee56e0acdcc57871ee", + "bytes": 13159 + }, + "/frontend_latest/5751.67663409166dfa62.js": { + "sha256": "748b65369aada7ec3affb6b84e68191e8020859ce8d827033f78dee1c39f197e", + "bytes": 12876 + }, + "/frontend_latest/23691.384e50d3606469fd.js": { + "sha256": "777ba39bd750a21f91a9df8014b10c641e344bd80f55822c12350622214d4214", + "bytes": 12159 + }, + "/frontend_latest/37199.88f6bbd59e732a44.js": { + "sha256": "7fb0079d88f02a42240dc5b1376a94d383b084e44980becc39af611b8bb35d8c", + "bytes": 14158 + }, + "/frontend_latest/35413.b8d0d3ec3a3957a5.js": { + "sha256": "65d380d8575863f22bd002b58cf24d1385a3b8ec8098321863a7c3dd31105b1f", + "bytes": 16364 + }, + "/frontend_latest/55207.d583b44056999867.js": { + "sha256": "21f5a4f0a50bd7fbe8a053f54aed3e6dea06e0c148f37eb9cceb4dd489d59989", + "bytes": 20115 + } + }, + "fonts": { + "regular": "47107401d0adb375ab9aa167f9d62489a849d510e740a307b5a4db60e5db3562", + "medium": "96025fe9db6578d8bc7f4b8be739750b1490e07221c2b1f16acde2ea7669cedf" + }, + "themes": { + "light": { + "--ha-space-8": "32px", + "--wa-color-brand-on-normal": "#009ac7", + "--state-inactive-color": "#9e9e9e", + "--safe-width": "calc(100vw - 0px - 0px)", + "--success-color": "#43a047", + "--input-outlined-disabled-border-color": "#0000000f", + "--color-29": "#97ee3f", + "--purple-color": "#926bc7", + "--ha-color-fill-primary-normal-resting": "#dff3fc", + "--mdc-theme-background": "#fafafa", + "--mdc-theme-text-primary-on-background": "#141414", + "--ha-space-15": "60px", + "--state-binary_sensor-active-color": "#ffc107", + "--state-valve-active-color": "#2196f3", + "--mdc-text-field-fill-color": "#f5f5f5", + "--ha-font-family-code": "monospace", + "--wa-form-control-value-line-height": "1.2", + "--safe-height": "calc(100vh - 0px - 0px)", + "--state-weather-windy_variant-color": "#4caf50", + "--dark-primary-opacity": ".87", + "--state-binary_sensor-safety-on-color": "#f44336", + "--mdc-select-outlined-disabled-border-color": "#0000000f", + "--ha-font-size-s": "calc(12px * 1)", + "--ha-color-primary-30": "#006787", + "--state-sensor-battery-high-color": "#4caf50", + "--ha-color-red-60": "#f3676c", + "--ha-border-radius-pill": "9999px", + "--ha-color-form-background": "#f3f3f3", + "--mdc-text-field-disabled-ink-color": "#0000005e", + "--state-fan-active-color": "#00bcd4", + "--sidebar-selected-text-color": "#009ac7", + "--state-weather-hail-color": "#00bcd4", + "--ha-color-on-neutral-normal": "#5e5e5e", + "--ha-color-fill-disabled-loud-hover": "#b1b1b1", + "--md-list-item-supporting-text-font": "Roboto, Noto, sans-serif", + "--wa-color-warning-on-loud": "#fff", + "--state-weather-exceptional-color": "#f44336", + "--ha-color-shadow-scrollable-fade": "#00000014", + "--ha-color-orange-50": "#c94e00", + "--black-color": "#000", + "--wa-color-brand-border-quiet": "#dff3fc", + "--ha-color-fill-primary-quiet-active": "#eff9fe", + "--state-media_player-active-color": "#03a9f4", + "--cyan-color": "#00bcd4", + "--state-alarm_control_panel-disarming-color": "#ff9800", + "--mdc-text-field-label-ink-color": "#0009", + "--ha-color-white": "#fff", + "--wa-color-warning-fill-normal": "#ffe0c8", + "--margin-title-ltr": "0 0 0 24px", + "--ha-color-on-warning-loud": "#fff", + "--ha-color-red-70": "#fd8f90", + "--color-9": "#01ab63", + "--ha-color-border-danger-loud": "#b30532", + "--state-weather-rainy-color": "#2196f3", + "--wa-focus-ring-style": "solid", + "--input-idle-line-color": "#0000006b", + "--mdc-select-outlined-idle-border-color": "#00000061", + "--input-disabled-fill-color": "#fafafa", + "--ha-font-weight-heading": "700", + "--state-alarm_control_panel-armed_night-color": "#4caf50", + "--input-label-ink-color": "#0009", + "--ha-color-orange-05": "#280700", + "--rgb-accent-color": "255, 152, 0", + "--ha-font-weight-normal": "400", + "--color-28": "#927acc", + "--wa-color-surface-default": "#fff", + "--mdc-text-field-ink-color": "#000000de", + "--ha-space-9": "36px", + "--dark-divider-opacity": ".12", + "--ha-color-primary-60": "#37c8fd", + "--wa-form-control-height": "40px", + "--state-vacuum-error-color": "#f44336", + "--color-17": "#7599d1", + "--state-siren-active-color": "#f44336", + "--wa-color-brand-border-loud": "#009ac7", + "--wa-focus-ring-offset": "2px", + "--ha-border-width-sm": "1px", + "--wa-color-neutral-border-normal": "#989898", + "--wa-color-warning-on-quiet": "#c94e00", + "--state-climate-heat-color": "#ff6f22", + "--ha-border-width-md": "2px", + "--secondary-background-color": "#e5e5e5", + "--ha-color-green-80": "#93da98", + "--text-light-primary-color": "#212121", + "--ha-color-on-danger-quiet": "#dc3146", + "--ha-color-neutral-90": "#e6e6e6", + "--ha-border-width-lg": "3px", + "--color-46": "#c27eb6", + "--ha-color-fill-primary-normal-hover": "#b9e6fc", + "--ha-color-orange-60": "#f36d00", + "--wa-color-danger-on-loud": "#fff", + "--wa-color-surface-border": "#e6e6e6", + "--wa-form-control-border-radius": "12px", + "--wa-form-control-placeholder-color": "#5e5e5e", + "--wa-color-success-border-normal": "#5dc36f", + "--wa-form-control-border-color": "#989898", + "--state-climate-auto-color": "#4caf50", + "--dark-secondary-opacity": ".54", + "--ha-font-size-5xl": "calc(40px * 1)", + "--state-active-color": "#ffc107", + "--ha-color-green-20": "#0a3a1d", + "--ha-color-border-primary-normal": "#7bd4fb", + "--color-18": "#7a4c31", + "--outline-color": "#0000001f", + "--state-sensor-battery-medium-color": "#ff9800", + "--color-25": "#c884ff", + "--ha-color-focus": "#989898", + "--energy-battery-in-color": "#f06292", + "--safe-area-offset-right": "calc(max(0px - 0px, 0px) / 2)", + "--state-alarm_control_panel-arming-color": "#ff9800", + "--state-water_heater-eco-color": "#4caf50", + "--input-fill-color": "#f5f5f5", + "--ha-color-fill-neutral-quiet-hover": "#e6e6e6", + "--state-water_heater-heat_pump-color": "#ff9800", + "--ha-color-primary-70": "#7bd4fb", + "--light-primary-opacity": "1", + "--ha-color-fill-warning-loud-resting": "#ff9342", + "--ha-color-fill-primary-loud-active": "#009ac7", + "--color-2": "#f4bd4a", + "--ha-font-size-3xl": "calc(28px * 1)", + "--ha-assist-chip-filled-container-color": "rgba(33, 33, 33, .15)", + "--color-24": "#ffadda", + "--ha-font-size-xs": "calc(10px * 1)", + "--ha-animation-duration-normal": "1ms", + "--wa-color-danger-on-normal": "#b30532", + "--sidebar-text-color": "#141414", + "--mdc-theme-text-secondary-on-background": "#5e5e5e", + "--wa-form-control-border-width": "1px", + "--wa-color-neutral-on-normal": "#5e5e5e", + "--ha-border-radius-md": "8px", + "--energy-gas-color": "#8e021b", + "--color-15": "#d96895", + "--ha-color-surface-low-inverted": "#141414", + "--ha-color-on-disabled-loud": "#f3f3f3", + "--state-alarm_control_panel-armed_away-color": "#4caf50", + "--wa-focus-ring-width": "2px", + "--table-header-background-color": "#f5f5f5", + "--ha-color-neutral-80": "#ccc", + "--ha-color-orange-70": "#ff9342", + "--ha-font-weight-light": "300", + "--wa-color-warning-fill-quiet": "#ffe0c8", + "--wa-color-brand-fill-normal": "#dff3fc", + "--ha-color-on-primary-normal": "#009ac7", + "--color-32": "#f48758", + "--ha-line-height-expanded": "2", + "--wa-border-radius-pill": "9999px", + "--color-51": "#f48800", + "--ha-color-green-50": "#00883c", + "--state-weather-windy-color": "#4caf50", + "--ha-border-radius-5xl": "32px", + "--ha-border-radius-circle": "50%", + "--ha-color-primary-10": "#002e3e", + "--ha-color-text-disabled": "#989898", + "--scrollbar-thumb-color": "#c2c2c2", + "--mdc-theme-secondary": "#ff9800", + "--ha-color-fill-success-loud-resting": "#00883c", + "--mdc-select-ink-color": "#000000de", + "--ha-color-border-success-quiet": "#c2f2c1", + "--state-light-active-color": "#ffc107", + "--wa-border-radius-s": "4px", + "--label-badge-green": "#43a047", + "--state-binary_sensor-lock-on-color": "#f44336", + "--wa-color-neutral-on-quiet": "#7a7a7a", + "--wa-form-control-padding-inline": "12px", + "--mdc-text-field-disabled-fill-color": "#fafafa", + "--ha-color-on-success-loud": "#fff", + "--color-27": "#bf8b6d", + "--history-unknown-color": "#606060", + "--state-weather-cloudy-color": "#bdbdbd", + "--state-lock-open-color": "#f44336", + "--wa-color-brand-on-quiet": "#18bcf2", + "--state-water_heater-performance-color": "#ff6f22", + "--energy-grid-consumption-color": "#488fc2", + "--ha-color-fill-neutral-normal-resting": "#e6e6e6", + "--ha-color-fill-danger-quiet-hover": "#ffdedc", + "--wa-transition-easing": "ease", + "--wa-focus-ring": "solid 2px #989898", + "--wa-transition-normal": "1ms", + "--ha-font-size-scale": "1", + "--wa-color-neutral-fill-loud": "#5e5e5e", + "--ha-color-text-primary": "#141414", + "--ha-color-primary-95": "#eff9fe", + "--mdc-button-disabled-ink-color": "#bdbdbd", + "--table-row-background-color": "#fafafa", + "--ha-animation-duration-instant": "1ms", + "--wa-panel-border-width": "1px", + "--ha-box-shadow-l": "0 6px 12px -3px #0000001f, 0 16px 32px -6px #0003", + "--wa-form-control-required-content-offset": ".1rem", + "--mdc-radio-unchecked-color": "rgba(33, 33, 33, .54)", + "--wa-color-danger-border-quiet": "#ffdedc", + "--sidebar-selected-icon-color": "#009ac7", + "--ha-color-fill-warning-normal-resting": "#ffe0c8", + "--ha-color-fill-danger-quiet-active": "#fff0ef", + "--ha-color-on-primary-loud": "#fff", + "--ha-font-family-heading": "Roboto, Noto, sans-serif", + "--ha-color-orange-40": "#9d3800", + "--color-36": "#e43872", + "--state-climate-fan_only-color": "#00bcd4", + "--input-disabled-line-color": "#0000000f", + "--ha-space-20": "80px", + "--color-6": "#ff8ab7", + "--wa-space-xs": "8px", + "--ha-color-primary-20": "#004156", + "--mdc-select-label-ink-color": "#0009", + "--ha-space-6": "24px", + "--ha-color-fill-neutral-quiet-active": "#f3f3f3", + "--ha-color-fill-primary-quiet-resting": "#eff9fe", + "--ha-font-size-m": "calc(14px * 1)", + "--color-50": "#a49100", + "--float-end": "right", + "--wa-color-danger-border-normal": "#fd8f90", + "--ha-color-fill-danger-loud-resting": "#dc3146", + "--state-alarm_control_panel-pending-color": "#ff9800", + "--checked-icon-color": "#fff", + "--mdc-checkbox-unchecked-color": "rgba(33, 33, 33, .54)", + "--color-19": "#6989f4", + "--ha-space-19": "76px", + "--ha-font-family-body": "Roboto, Noto, sans-serif", + "--rgb-text-primary-color": "255, 255, 255", + "--ha-color-border-warning-normal": "#ff9342", + "--shadow-color": "#00000029", + "--state-icon-color": "#44739e", + "--ha-color-fill-warning-quiet-hover": "#ffe0c8", + "--ha-color-fill-primary-normal-active": "#dff3fc", + "--mdc-theme-primary": "#009ac7", + "--color-34": "#f2b94f", + "--ha-space-4": "16px", + "--mdc-dialog-heading-ink-color": "#141414", + "--disabled-color": "#bdbdbd", + "--state-plant-active-color": "#f44336", + "--ha-color-neutral-40": "#5e5e5e", + "--orange-color": "#ff9800", + "--energy-water-color": "#00bcd4", + "--ha-font-weight-body": "400", + "--wa-form-control-required-content": "\"*\"", + "--ha-color-fill-danger-normal-hover": "#ffb8b6", + "--wa-font-weight-body": "400", + "--color-45": "#fecddf", + "--color-4": "#6cc5b0", + "--wa-line-height-condensed": "1.2", + "--lime-color": "#cddc39", + "--wa-color-warning-border-normal": "#ff9342", + "--mdc-tab-text-label-color-default": "#141414", + "--mdc-select-disabled-fill-color": "#fafafa", + "--light-green-color": "#8bc34a", + "--wa-color-brand-border-normal": "#18bcf2", + "--wa-color-neutral-fill-normal": "#e6e6e6", + "--label-badge-red": "#db4437", + "--ha-color-on-danger-normal": "#b30532", + "--state-device_tracker-home-color": "#4caf50", + "--state-cover-active-color": "#926bc7", + "--state-binary_sensor-problem-on-color": "#f44336", + "--state-binary_sensor-sound-on-color": "#f44336", + "--ha-color-neutral-60": "#989898", + "--input-dropdown-icon-color": "#0000008a", + "--ha-color-fill-disabled-quiet-hover": "#e6e6e6", + "--app-header-border-bottom": "1px solid #0000001f", + "--blue-color": "#2196f3", + "--wa-color-danger-fill-quiet": "#ffdedc", + "--state-weather-lightning-color": "#ffeb3b", + "--color-8": "#97bbf5", + "--safe-area-inset-x": "calc(0px + 0px)", + "--color-42": "#009f82", + "--mdc-select-dropdown-icon-color": "#0000008a", + "--mdc-theme-text-disabled-on-light": "#bdbdbd", + "--wa-color-brand-fill-loud": "#009ac7", + "--ha-color-green-70": "#5dc36f", + "--state-weather-snowy_rainy-color": "#03a9f4", + "--mdc-text-field-outlined-disabled-border-color": "#0000000f", + "--darker-primary-color": "#016194", + "--ha-color-orange-20": "#5e1c00", + "--state-update-active-color": "#ff9800", + "--ha-color-on-neutral-quiet": "#7a7a7a", + "--wa-color-neutral-border-loud": "#5e5e5e", + "--state-lock-locking-color": "#ff9800", + "--mdc-text-field-hover-line-color": "#000000de", + "--ha-moz-osx-font-smoothing": "grayscale", + "--state-alarm_control_panel-triggered-color": "#f44336", + "--wa-color-surface-raised": "#fff", + "--safe-area-inset-top": "0px", + "--safe-area-offset-top": "calc(max(0px - 0px, 0px) / 2)", + "--ha-color-fill-danger-loud-active": "#dc3146", + "--mdc-text-field-idle-line-color": "#0000006b", + "--dark-disabled-opacity": ".38", + "--state-climate-dry-color": "#ff9800", + "--ha-space-14": "56px", + "--state-sensor-battery-low-color": "#f44336", + "--history-unavailable-color": "transparent", + "--color-44": "#cbe8ff", + "--ha-color-red-30": "#8a132c", + "--safe-area-inset-left": "0px", + "--wa-form-control-value-color": "#141414", + "--ha-font-size-2xl": "calc(24px * 1)", + "--ha-color-on-primary-quiet": "#18bcf2", + "--wa-color-warning-fill-loud": "#ff9342", + "--wa-font-size-s": "calc(12px * 1)", + "--table-row-alternative-background-color": "#e5e5e5", + "--ha-color-red-20": "#631323", + "--ha-color-fill-neutral-loud-active": "#5e5e5e", + "--color-10": "#094bad", + "--ha-color-on-disabled-quiet": "#ccc", + "--ha-color-on-warning-quiet": "#c94e00", + "--ha-color-text-secondary": "#5e5e5e", + "--state-water_heater-gas-color": "#ff9800", + "--ha-color-green-10": "#052310", + "--label-badge-background-color": "#fff", + "--ha-color-form-background-hover": "#e6e6e6", + "--ha-color-fill-danger-normal-active": "#ffdedc", + "--ha-color-border-primary-quiet": "#dff3fc", + "--ha-animation-duration-fast": "1ms", + "--state-lock-locked-color": "#4caf50", + "--wa-panel-border-style": "solid", + "--ha-space-16": "64px", + "--safe-area-inset-y": "calc(0px + 0px)", + "--ha-color-primary-80": "#b9e6fc", + "--deep-purple-color": "#6e41ab", + "--ha-color-neutral-05": "#141414", + "--light-blue-color": "#03a9f4", + "--ha-border-radius-6xl": "36px", + "--mdc-theme-surface": "#fff", + "--brown-color": "#795548", + "--ha-color-on-warning-normal": "#9d3800", + "--ha-color-primary-40": "#009ac7", + "--state-weather-sunny-color": "#ffc107", + "--ha-color-fill-warning-normal-hover": "#ffbb89", + "--slider-color": "#009ac7", + "--color-52": "#27d0df", + "--ha-color-border-warning-quiet": "#ffe0c8", + "--color-53": "#a04a9b", + "--state-weather-clear_night-color": "#6e41ab", + "--bar-box-shadow": "0 2px 12px #00000029", + "--rgb-warning-color": "255, 166, 0", + "--ha-color-neutral-95": "#f3f3f3", + "--ha-color-fill-success-normal-active": "#c2f2c1", + "--ha-border-radius-xl": "16px", + "--color-37": "#d9b100", + "--white-color": "#fff", + "--ha-color-fill-neutral-quiet-resting": "#f3f3f3", + "--header-height": "56px", + "--amber-color": "#ffc107", + "--state-water_heater-electric-color": "#ff9800", + "--state-person-home-color": "#4caf50", + "--energy-non-fossil-color": "#0f9d58", + "--wa-color-danger-border-loud": "#b30532", + "--wa-color-success-fill-normal": "#c2f2c1", + "--state-lock-unlocked-color": "#f44336", + "--green-color": "#4caf50", + "--state-lock-jammed-color": "#f44336", + "--scale-direction": "1", + "--ha-color-border-neutral-quiet": "#e6e6e6", + "--mdc-theme-on-secondary": "#fff", + "--safe-area-inset-bottom": "0px", + "--ha-color-fill-success-quiet-active": "#e3f9e3", + "--slider-secondary-color": "#b3e5fc", + "--wa-color-brand-on-loud": "#fff", + "--color-33": "#8caed6", + "--color-26": "#badeff", + "--color-11": "#c99000", + "--ha-color-fill-disabled-normal-hover": "#e6e6e6", + "--wa-panel-border-radius": "24px", + "--ha-color-neutral-30": "#4a4a4a", + "--ha-color-fill-primary-loud-resting": "#009ac7", + "--color-5": "#a463f2", + "--ha-border-radius-sm": "4px", + "--wa-color-neutral-fill-quiet": "#e6e6e6", + "--ha-color-fill-neutral-normal-active": "#e6e6e6", + "--ha-color-red-05": "#2a040b", + "--ha-space-7": "28px", + "--ha-line-height-normal": "1.6", + "--energy-solar-color": "#ff9800", + "--mdc-button-outline-color": "#0000001f", + "--disabled-text-color": "#bdbdbd", + "--ha-color-red-80": "#ffb8b6", + "--ha-color-fill-success-quiet-hover": "#c2f2c1", + "--light-grey-color": "#bdbdbd", + "--energy-grid-return-color": "#8353d1", + "--state-alert-on-color": "#f44336", + "--ha-border-radius-4xl": "28px", + "--state-humidifier-on-color": "#2196f3", + "--ha-font-size-4xl": "calc(32px * 1)", + "--ha-color-green-60": "#00ac49", + "--state-binary_sensor-battery-on-color": "#f44336", + "--state-water_heater-high_demand-color": "#ff6f22", + "--ha-color-fill-success-quiet-resting": "#e3f9e3", + "--input-disabled-ink-color": "#0000005e", + "--divider-color": "#0000001f", + "--checked-icon-scale": ".9", + "--ha-color-fill-success-loud-hover": "#036730", + "--ha-color-on-success-normal": "#036730", + "--ha-color-primary-05": "#001721", + "--ha-color-on-danger-loud": "#fff", + "--wa-color-warning-border-quiet": "#ffe0c8", + "--blue-grey-color": "#607d8b", + "--ha-border-radius-lg": "12px", + "--ha-color-fill-neutral-loud-resting": "#5e5e5e", + "--ha-color-text-secondary-inverted": "#363636", + "--mdc-select-disabled-dropdown-icon-color": "#0000005e", + "--ha-color-primary-50": "#18bcf2", + "--color-3": "#ff725c", + "--state-climate-heat-cool-color": "#ffc107", + "--wa-color-warning-border-loud": "#9d3800", + "--wa-color-text-quiet": "#5e5e5e", + "--state-switch-active-color": "#ffc107", + "--ha-color-green-30": "#0a5027", + "--ha-color-fill-warning-quiet-active": "#fff0e4", + "--ha-color-text-primary-inverted": "#fff", + "--ha-space-11": "44px", + "--ha-color-red-40": "#b30532", + "--mdc-dialog-content-ink-color": "#141414", + "--wa-color-neutral-border-quiet": "#e6e6e6", + "--sidebar-background-color": "#fff", + "--wa-form-control-value-font-weight": "400", + "--primary-color": "#009ac7", + "--color-35": "#eff26e", + "--ha-assist-chip-active-container-color": "rgba(0, 154, 199, .15)", + "--wa-color-success-on-loud": "#fff", + "--markdown-code-background-color": "#fafafa", + "--ha-space-10": "40px", + "--primary-background-color": "#fafafa", + "--wa-form-control-activated-color": "#009ac7", + "--ha-space-17": "68px", + "--label-badge-blue": "#039be5", + "--warning-color": "#ffa600", + "--ha-font-weight-action": "500", + "--wa-color-success-on-quiet": "#00883c", + "--input-outlined-idle-border-color": "#00000061", + "--wa-color-success-fill-quiet": "#c2f2c1", + "--ha-color-red-95": "#fff0ef", + "--ha-color-black": "#000", + "--ha-color-surface-lower-inverted": "#000", + "--ha-color-fill-success-normal-hover": "#93da98", + "--ha-space-13": "52px", + "--state-sun-below_horizon-color": "#3f51b5", + "--app-theme-color": "#fff", + "--color-47": "#8cd2ce", + "--wa-form-control-padding-block": ".75em", + "--ha-color-fill-success-normal-resting": "#c2f2c1", + "--wa-font-size-l": "calc(16px * 1)", + "--rgb-info-color": "3, 155, 229", + "--state-lawn_mower-active-color": "#009688", + "--ha-color-fill-success-loud-active": "#00883c", + "--ha-color-green-05": "#031608", + "--ha-color-neutral-20": "#363636", + "--ha-color-fill-warning-normal-active": "#ffe0c8", + "--rgb-secondary-text-color": "114, 114, 114", + "--state-binary_sensor-carbon_monoxide-on-color": "#f44336", + "--energy-battery-out-color": "#4db6ac", + "--sidebar-icon-color": "rgba(33, 33, 33, .6)", + "--color-41": "#d06800", + "--margin-title-rtl": "0 24px 0 0", + "--ha-color-border-success-loud": "#036730", + "--ha-color-fill-warning-loud-active": "#ff9342", + "--ha-color-fill-disabled-loud-resting": "#ccc", + "--ha-space-1": "4px", + "--mdc-checkbox-disabled-color": "#bdbdbd", + "--ha-space-3": "12px", + "--ha-color-neutral-50": "#7a7a7a", + "--state-binary_sensor-heat-on-color": "#f44336", + "--rgb-primary-color": "0, 154, 199", + "--red-color": "#f44336", + "--ha-color-green-95": "#e3f9e3", + "--state-alarm_control_panel-armed_custom_bypass-color": "#4caf50", + "--wa-color-text-normal": "#141414", + "--ha-space-5": "20px", + "--rgb-success-color": "67, 160, 71", + "--ha-color-orange-10": "#3b0f00", + "--color-30": "#bf3947", + "--state-weather-pouring-color": "#3f51b5", + "--ha-color-fill-neutral-loud-hover": "#4a4a4a", + "--state-unavailable-color": "#bdbdbd", + "--wa-color-brand-fill-quiet": "#dff3fc", + "--ha-color-orange-90": "#ffe0c8", + "--state-binary_sensor-tamper-on-color": "#f44336", + "--ha-color-fill-disabled-normal-resting": "#f3f3f3", + "--mdc-text-field-disabled-line-color": "#0000000f", + "--wa-space-m": "16px", + "--ha-line-height-condensed": "1.2", + "--wa-form-control-background-color": "", + "--state-device_tracker-active-color": "#2196f3", + "--input-hover-line-color": "#000000de", + "--ha-font-size-xl": "calc(20px * 1)", + "--ha-color-border-neutral-normal": "#989898", + "--wa-border-width-s": "1px", + "--color-49": "#f883b0", + "--wa-shadow-l": "0 6px 12px -3px #0000001f, 0 16px 32px -6px #0003", + "--wa-font-size-m": "calc(14px * 1)", + "--ha-font-weight-medium": "500", + "--state-vacuum-active-color": "#009688", + "--ha-color-fill-disabled-quiet-resting": "#f3f3f3", + "--mdc-text-field-outlined-idle-border-color": "#00000061", + "--ha-border-radius-3xl": "24px", + "--color-48": "#c4b8d9", + "--ha-color-border-danger-normal": "#fd8f90", + "--accent-color": "#ff9800", + "--outline-hover-color": "#0000003d", + "--ha-color-on-disabled-normal": "#b1b1b1", + "--ha-font-size-l": "calc(16px * 1)", + "--color-38": "#9d7a00", + "--state-weather-partlycloudy-color": "#607d8b", + "--ha-color-orange-80": "#ffbb89", + "--wa-border-radius-m": "8px", + "--state-binary_sensor-glass_break-on-color": "#f44336", + "--deep-orange-color": "#ff6f22", + "--ha-color-form-background-disabled": "#ccc", + "--wa-color-success-border-loud": "#036730", + "--ha-color-orange-95": "#fff0e4", + "--mdc-theme-error": "#db4437", + "--ha-color-primary-90": "#dff3fc", + "--ha-color-border-neutral-loud": "#5e5e5e", + "--state-weather-fog-color": "#9e9e9e", + "--color-40": "#00d27e", + "--wa-space-xl": "32px", + "--secondary-text-color": "#5e5e5e", + "--error-color": "#db4437", + "--mdc-dialog-scroll-divider-color": "#0000001f", + "--state-weather-snowy-color": "#c0e0ff", + "--ha-font-weight-bold": "700", + "--ha-space-12": "48px", + "--wa-border-radius-l": "12px", + "--wa-color-danger-fill-loud": "#dc3146", + "--color-16": "#8043ce", + "--color-22": "#8fe9d3", + "--ha-color-red-50": "#dc3146", + "--state-alarm_control_panel-armed_vacation-color": "#4caf50", + "--mdc-select-outlined-hover-border-color": "#000000de", + "--wa-border-style": "solid", + "--ha-color-surface-default": "#fff", + "--app-header-background-color": "#fff", + "--card-background-color": "#fff", + "--state-alert-off-color": "#ff9800", + "--mdc-theme-on-surface": "#141414", + "--ha-color-border-success-normal": "#5dc36f", + "--state-climate-cool-color": "#2196f3", + "--label-badge-text-color": "rgba(33, 33, 33, .8)", + "--state-binary_sensor-smoke-on-color": "#f44336", + "--wa-color-warning-on-normal": "#9d3800", + "--mdc-text-field-outlined-hover-border-color": "#000000de", + "--color-21": "#ff957c", + "--indigo-color": "#3f51b5", + "--wa-focus-ring-color": "#989898", + "--mdc-radio-disabled-color": "#bdbdbd", + "--color-13": "#49a28f", + "--state-alarm_control_panel-armed_home-color": "#4caf50", + "--ha-color-text-link": "#009ac7", + "--mdc-select-fill-color": "#f5f5f5", + "--ha-color-fill-primary-quiet-hover": "#dff3fc", + "--ha-color-fill-danger-quiet-resting": "#fff0ef", + "--label-badge-grey": "#9e9e9e", + "--wa-transition-fast": "1ms", + "--label-badge-yellow": "#ffa600", + "--data-table-background-color": "#fff", + "--state-icon-error-color": "#db4437", + "--color-39": "#698cff", + "--ha-box-shadow-s": "0 1px 2px 0 #00000014, 0 1px 3px 0 #0000001f", + "--ha-border-radius-2xl": "20px", + "--wa-shadow-m": "0 3px 6px -1px #0000001a, 0 8px 16px -2px #00000026", + "--ha-color-surface-low": "#f3f3f3", + "--ha-animation-duration-slow": "1ms", + "--color-31": "#9f5b00", + "--ha-font-smoothing": "antialiased", + "--color-14": "#048732", + "--color-20": "#ffd444", + "--ha-color-fill-warning-quiet-resting": "#fff0e4", + "--wa-border-width-m": "2px", + "--ha-color-green-90": "#c2f2c1", + "--state-lawn_mower-error-color": "#f44336", + "--mdc-select-idle-line-color": "#0000006b", + "--color-23": "#62cc71", + "--mdc-select-hover-line-color": "#000000de", + "--ha-dialog-scrim-backdrop-filter": "brightness(68%)", + "--safe-area-inset-right": "0px", + "--clear-background-color": "#fff", + "--state-sun-above_horizon-color": "#ffc107", + "--state-lock-unlocking-color": "#ff9800", + "--ha-animation-duration-none": "1ms", + "--light-primary-color": "#b3e5fc", + "--state-lock-opening-color": "#ff9800", + "--color-7": "#9c6b4e", + "--wa-form-control-toggle-size": "20px", + "--ha-color-fill-danger-normal-resting": "#ffdedc", + "--mdc-theme-on-primary": "#fff", + "--input-outlined-hover-border-color": "#000000de", + "--chip-background-color": "rgba(33, 33, 33, .15)", + "--ha-color-on-success-quiet": "#00883c", + "--ha-color-on-surface-default": "#141414", + "--md-list-item-label-text-font": "Roboto, Noto, sans-serif", + "--ha-color-red-90": "#ffdedc", + "--input-ink-color": "#000000de", + "--direction": "ltr", + "--rgb-card-background-color": "255, 255, 255", + "--float-start": "left", + "--light-secondary-opacity": ".7", + "--ha-space-2": "8px", + "--ha-color-fill-primary-loud-hover": "#006787", + "--slider-track-color": "#c2c2c2", + "--md-list-item-trailing-supporting-text-font": "Roboto, Noto, sans-serif", + "--ha-color-red-10": "#3e0913", + "--safe-area-offset-left": "calc(max(0px - 0px, 0px) / 2)", + "--wa-color-neutral-on-loud": "#fff", + "--text-primary-color": "#fff", + "--ha-color-surface-lower": "#e6e6e6", + "--ha-font-family-longform": "ui-sans-serif, system-ui, sans-serif", + "--light-divider-opacity": ".12", + "--state-weather-lightning_rainy-color": "#cddc39", + "--ha-border-radius-square": "0", + "--safe-area-offset-bottom": "calc(max(0px - 0px, 0px) / 2)", + "--wa-font-weight-action": "500", + "--ha-color-on-neutral-loud": "#fff", + "--wa-color-success-fill-loud": "#00883c", + "--primary-text-color": "#141414", + "--info-color": "#039be5", + "--color-54": "#4269d0", + "--teal-color": "#009688", + "--ha-color-fill-warning-loud-hover": "#c94e00", + "--color-12": "#d84f3e", + "--pink-color": "#e91e63", + "--wa-form-control-border-style": "solid", + "--ha-color-border-warning-loud": "#9d3800", + "--light-disabled-opacity": ".3", + "--mdc-select-disabled-ink-color": "#0000005e", + "--mdc-theme-text-icon-on-background": "#5e5e5e", + "--wa-color-success-border-quiet": "#c2f2c1", + "--wa-color-success-on-normal": "#036730", + "--ha-space-18": "72px", + "--wa-space-l": "24px", + "--rgb-primary-text-color": "33, 33, 33", + "--wa-border-width-l": "3px", + "--ha-color-neutral-10": "#202020", + "--state-person-active-color": "#2196f3", + "--ha-box-shadow-m": "0 3px 6px -1px #0000001a, 0 8px 16px -2px #00000026", + "--ha-color-border-danger-quiet": "#ffdedc", + "--app-header-text-color": "#141414", + "--ha-color-orange-30": "#7e2900", + "--ha-color-surface-default-inverted": "#202020", + "--ha-color-fill-danger-loud-hover": "#b30532", + "--ha-color-neutral-70": "#b1b1b1", + "--wa-shadow-s": "0 1px 2px 0 #00000014, 0 1px 3px 0 #0000001f", + "--color-43": "#c49200", + "--dark-primary-color": "#0288d1", + "--ha-color-green-40": "#036730", + "--color-1": "#4269d0", + "--dark-grey-color": "#606060", + "--rgb-error-color": "219, 68, 55", + "--ha-color-fill-neutral-normal-hover": "#ccc", + "--ha-color-border-primary-loud": "#009ac7", + "--wa-color-danger-on-quiet": "#dc3146", + "--state-binary_sensor-gas-on-color": "#f44336", + "--grey-color": "#9e9e9e", + "--mdc-theme-text-hint-on-background": "#5e5e5e", + "--wa-color-danger-fill-normal": "#ffdedc", + "--state-binary_sensor-moisture-on-color": "#f44336", + "--yellow-color": "#ffeb3b" + }, + "dark": { + "--ha-space-8": "32px", + "--wa-color-brand-on-normal": "#37c8fd", + "--state-inactive-color": "#9e9e9e", + "--codemirror-type": "#decb6b", + "--safe-width": "calc(100vw - 0px - 0px)", + "--success-color": "#43a047", + "--input-outlined-disabled-border-color": "#ffffff0f", + "--color-29": "#97ee3f", + "--purple-color": "#926bc7", + "--ha-color-fill-primary-normal-resting": "#002e3e", + "--mdc-theme-background": "#111", + "--ha-space-15": "60px", + "--mdc-theme-text-primary-on-background": "#e1e1e1", + "--state-binary_sensor-active-color": "#ffc107", + "--state-valve-active-color": "#2196f3", + "--mdc-text-field-fill-color": "#ffffff0d", + "--ha-font-family-code": "monospace", + "--wa-form-control-value-line-height": "1.2", + "--safe-height": "calc(100vh - 0px - 0px)", + "--state-weather-windy_variant-color": "#4caf50", + "--dark-primary-opacity": ".87", + "--state-binary_sensor-safety-on-color": "#f44336", + "--mdc-select-outlined-disabled-border-color": "#ffffff0f", + "--ha-font-size-s": "calc(12px * 1)", + "--rgb-ha-button-warning-light-color": "145,123,84", + "--ha-color-primary-30": "#006787", + "--state-sensor-battery-high-color": "#4caf50", + "--ha-color-red-60": "#f3676c", + "--ha-border-radius-pill": "9999px", + "--ha-color-form-background": "#363636", + "--mdc-text-field-disabled-ink-color": "#ffffff5e", + "--state-fan-active-color": "#00bcd4", + "--rgb-disabled-text-color": "111,111,111", + "--sidebar-selected-text-color": "#009ac7", + "--state-weather-hail-color": "#00bcd4", + "--ha-color-fill-disabled-loud-hover": "#5e5e5e", + "--ha-color-on-neutral-normal": "#989898", + "--md-list-item-supporting-text-font": "Roboto, Noto, sans-serif", + "--wa-color-warning-on-loud": "#fff", + "--ha-color-shadow-scrollable-fade": "#00000014", + "--state-weather-exceptional-color": "#f44336", + "--ha-color-orange-50": "#c94e00", + "--black-color": "#000", + "--wa-color-brand-border-quiet": "#dff3fc", + "--ha-color-fill-primary-quiet-active": "#001721", + "--state-media_player-active-color": "#03a9f4", + "--cyan-color": "#00bcd4", + "--state-alarm_control_panel-disarming-color": "#ff9800", + "--ha-color-white": "#fff", + "--mdc-text-field-label-ink-color": "#fff9", + "--wa-color-warning-fill-normal": "#3b0f00", + "--margin-title-ltr": "0 0 0 24px", + "--ha-color-on-warning-loud": "#fff", + "--ha-color-red-70": "#fd8f90", + "--rgb-clear-background-color": "17,17,17", + "--codemirror-variable": "#f07178", + "--color-9": "#01ab63", + "--map-filter": "invert(.9) hue-rotate(170deg) brightness(1.5) contrast(1.2) saturate(.3)", + "--ha-color-border-danger-loud": "#dc3146", + "--state-weather-rainy-color": "#2196f3", + "--wa-focus-ring-style": "solid", + "--input-idle-line-color": "#ffffff6b", + "--mdc-select-outlined-idle-border-color": "#ffffff61", + "--input-disabled-fill-color": "#ffffff05", + "--ha-font-weight-heading": "700", + "--state-alarm_control_panel-armed_night-color": "#4caf50", + "--input-label-ink-color": "#fff9", + "--ha-color-orange-05": "#280700", + "--rgb-accent-color": "255, 152, 0", + "--ha-font-weight-normal": "400", + "--color-28": "#927acc", + "--wa-color-surface-default": "#1c1c1c", + "--ha-color-primary-60": "#37c8fd", + "--ha-space-9": "36px", + "--dark-divider-opacity": ".12", + "--mdc-text-field-ink-color": "#ffffffde", + "--wa-form-control-height": "40px", + "--state-vacuum-error-color": "#f44336", + "--color-17": "#7599d1", + "--state-siren-active-color": "#f44336", + "--wa-focus-ring-offset": "2px", + "--wa-color-brand-border-loud": "#009ac7", + "--ha-border-width-sm": "1px", + "--wa-color-neutral-border-normal": "#7a7a7a", + "--wa-color-warning-on-quiet": "#ff9342", + "--ha-border-width-md": "2px", + "--state-climate-heat-color": "#ff6f22", + "--secondary-background-color": "#282828", + "--ha-color-green-80": "#93da98", + "--text-light-primary-color": "#212121", + "--color-46": "#c27eb6", + "--ha-color-neutral-90": "#e6e6e6", + "--ha-border-width-lg": "3px", + "--ha-color-fill-primary-normal-hover": "#004156", + "--ha-color-on-danger-quiet": "#fd8f90", + "--ha-color-orange-60": "#f36d00", + "--wa-color-danger-on-loud": "#fff", + "--wa-color-surface-border": "#5e5e5e", + "--wa-form-control-border-radius": "12px", + "--wa-form-control-placeholder-color": "#ccc", + "--wa-color-success-border-normal": "#5dc36f", + "--wa-form-control-border-color": "#7a7a7a", + "--state-climate-auto-color": "#4caf50", + "--ha-color-green-20": "#0a3a1d", + "--ha-font-size-5xl": "calc(40px * 1)", + "--ha-color-border-primary-normal": "#7bd4fb", + "--dark-secondary-opacity": ".54", + "--outline-color": "#e1e1e11f", + "--state-active-color": "#ffc107", + "--color-18": "#7a4c31", + "--state-sensor-battery-medium-color": "#ff9800", + "--color-25": "#c884ff", + "--ha-color-focus": "#989898", + "--energy-battery-in-color": "#f06292", + "--safe-area-offset-right": "calc(max(0px - 0px, 0px) / 2)", + "--state-alarm_control_panel-arming-color": "#ff9800", + "--state-water_heater-eco-color": "#4caf50", + "--input-fill-color": "#ffffff0d", + "--codemirror-qualifier": "#decb6b", + "--ha-color-fill-neutral-quiet-hover": "#202020", + "--state-water_heater-heat_pump-color": "#ff9800", + "--ha-color-primary-70": "#7bd4fb", + "--light-primary-opacity": "1", + "--ha-color-fill-warning-loud-resting": "#9d3800", + "--ha-color-fill-primary-loud-active": "#009ac7", + "--color-2": "#f4bd4a", + "--rgb-primary-background-color": "17,17,17", + "--ha-font-size-3xl": "calc(28px * 1)", + "--ha-assist-chip-filled-container-color": "rgba(225,225,225, .15)", + "--color-24": "#ffadda", + "--ha-font-size-xs": "calc(10px * 1)", + "--ha-animation-duration-normal": "1ms", + "--wa-color-danger-on-normal": "#f3676c", + "--sidebar-text-color": "#e1e1e1", + "--color-15": "#d96895", + "--wa-form-control-border-width": "1px", + "--wa-color-neutral-on-normal": "#989898", + "--ha-border-radius-md": "8px", + "--energy-gas-color": "#8e021b", + "--mdc-theme-text-secondary-on-background": "#9b9b9b", + "--ha-color-surface-low-inverted": "#f3f3f3", + "--ha-color-on-disabled-loud": "#7a7a7a", + "--state-alarm_control_panel-armed_away-color": "#4caf50", + "--rgb-input-ink-color": "255,255,255", + "--codemirror-variable-2": "#eff", + "--wa-focus-ring-width": "2px", + "--table-header-background-color": "#ffffff0d", + "--ha-color-neutral-80": "#ccc", + "--ha-color-orange-70": "#ff9342", + "--wa-color-brand-fill-normal": "#002e3e", + "--wa-color-warning-fill-quiet": "#3b0f00", + "--codemirror-comment": "#545454", + "--ha-font-weight-light": "300", + "--ha-color-on-primary-normal": "#37c8fd", + "--ha-line-height-expanded": "2", + "--color-32": "#f48758", + "--wa-border-radius-pill": "9999px", + "--color-51": "#f48800", + "--ha-color-green-50": "#00883c", + "--rgb-input-disabled-ink-color": "255,255,255", + "--state-weather-windy-color": "#4caf50", + "--ha-border-radius-5xl": "32px", + "--ha-border-radius-circle": "50%", + "--ha-color-primary-10": "#002e3e", + "--ha-color-text-disabled": "#989898", + "--scrollbar-thumb-color": "#6e6e6e", + "--mdc-theme-secondary": "#ff9800", + "--ha-color-fill-success-loud-resting": "#036730", + "--ha-color-border-success-quiet": "#c2f2c1", + "--mdc-select-ink-color": "#ffffffde", + "--state-light-active-color": "#ffc107", + "--wa-border-radius-s": "4px", + "--ha-color-on-success-loud": "#fff", + "--state-binary_sensor-lock-on-color": "#f44336", + "--label-badge-green": "#43a047", + "--wa-color-neutral-on-quiet": "#b1b1b1", + "--rgb-codemirror-operator": "137,221,255", + "--mdc-text-field-disabled-fill-color": "#ffffff05", + "--wa-form-control-padding-inline": "12px@layer wa-utilities{@supports (scrollbar-gutter", + "--color-27": "#bf8b6d", + "--history-unknown-color": "#606060", + "--state-weather-cloudy-color": "#bdbdbd", + "--state-lock-open-color": "#f44336", + "--wa-color-brand-on-quiet": "#7bd4fb", + "--state-water_heater-performance-color": "#ff6f22", + "--energy-grid-consumption-color": "#488fc2", + "--ha-color-fill-danger-quiet-hover": "#3e0913", + "--ha-button-neutral-light-color": "#6a7081", + "--wa-transition-easing": "ease", + "--wa-focus-ring": "solid 2px #989898", + "--ha-color-fill-neutral-normal-resting": "#202020", + "--wa-transition-normal": "1ms", + "--ha-font-size-scale": "1", + "--ha-color-text-primary": "#fff", + "--wa-color-neutral-fill-loud": "#989898", + "--ha-color-primary-95": "#eff9fe", + "--mdc-button-disabled-ink-color": "#6f6f6f", + "--table-row-background-color": "#111", + "--rgb-codemirror-comment": "84,84,84", + "--ha-button-primary-light-color": "#4082a040", + "--ha-animation-duration-instant": "1ms", + "--wa-panel-border-width": "1px", + "--ha-box-shadow-l": "0 6px 12px -3px #0006, 0 16px 32px -6px #0000008c", + "--rgb-input-dropdown-icon-color": "255,255,255", + "--wa-form-control-required-content-offset": ".1rem", + "--mdc-radio-unchecked-color": "rgba(225,225,225, .54)", + "--wa-color-danger-border-quiet": "#ffdedc", + "--sidebar-selected-icon-color": "#009ac7", + "--ha-color-fill-warning-normal-resting": "#3b0f00", + "--ha-color-fill-danger-quiet-active": "#2a040b", + "--ha-color-on-primary-loud": "#fff", + "--ha-font-family-heading": "Roboto, Noto, sans-serif", + "--ha-color-orange-40": "#9d3800", + "--color-36": "#e43872", + "--state-climate-fan_only-color": "#00bcd4", + "--input-disabled-line-color": "#ffffff0f", + "--ha-space-20": "80px", + "--color-6": "#ff8ab7", + "--wa-space-xs": "8px", + "--ha-color-primary-20": "#004156", + "--mdc-select-label-ink-color": "#fff9", + "--ha-space-6": "24px", + "--ha-color-fill-neutral-quiet-active": "", + "--ha-color-fill-primary-quiet-resting": "#001721", + "--rgb-codemirror-atom": "247,140,108", + "--ha-font-size-m": "calc(14px * 1)", + "--color-50": "#a49100", + "--float-end": "right", + "--rgb-disabled-color": "70,70,70", + "--ha-color-fill-danger-loud-resting": "#b30532", + "--wa-color-danger-border-normal": "#dc3146", + "--state-alarm_control_panel-pending-color": "#ff9800", + "--checked-icon-color": "#fff", + "--mdc-checkbox-unchecked-color": "rgba(225,225,225, .54)", + "--color-19": "#6989f4", + "--ha-space-19": "76px", + "--ha-font-family-body": "Roboto, Noto, sans-serif", + "--rgb-text-primary-color": "255, 255, 255", + "--ha-color-border-warning-normal": "#c94e00", + "--shadow-color": "#0000007a", + "--state-icon-color": "#44739e", + "--rgb-ha-button-neutral-color": "217,218,224", + "--ha-color-fill-warning-quiet-hover": "#3b0f00", + "--rgb-outline-hover-color": "225,225,225", + "--ha-color-fill-primary-normal-active": "#002e3e", + "--mdc-theme-primary": "#009ac7", + "--color-34": "#f2b94f", + "--rgb-input-outlined-idle-border-color": "255,255,255", + "--mdc-dialog-heading-ink-color": "#e1e1e1", + "--disabled-color": "#464646", + "--ha-space-4": "16px", + "--state-plant-active-color": "#f44336", + "--ha-color-neutral-40": "#5e5e5e", + "--energy-water-color": "#00bcd4", + "--orange-color": "#ff9800", + "--ha-font-weight-body": "400", + "--wa-form-control-required-content": "\"*\"", + "--ha-color-fill-danger-normal-hover": "#631323", + "--wa-font-weight-body": "400", + "--color-45": "#fecddf", + "--color-4": "#6cc5b0", + "--wa-line-height-condensed": "1.2", + "--lime-color": "#cddc39", + "--wa-color-warning-border-normal": "#c94e00", + "--mdc-tab-text-label-color-default": "#e1e1e1", + "--mdc-select-disabled-fill-color": "#ffffff05", + "--rgb-codemirror-variable-2": "238,255,255", + "--light-green-color": "#8bc34a", + "--wa-color-brand-border-normal": "#18bcf2", + "--wa-color-neutral-fill-normal": "#202020", + "--ha-color-on-danger-normal": "#f3676c", + "--label-badge-red": "#db4437", + "--state-device_tracker-home-color": "#4caf50", + "--state-cover-active-color": "#926bc7", + "--state-binary_sensor-problem-on-color": "#f44336", + "--state-binary_sensor-sound-on-color": "#f44336", + "--ha-color-neutral-60": "#989898", + "--input-dropdown-icon-color": "#ffffff8a", + "--ha-color-fill-disabled-quiet-hover": "#363636", + "--app-header-border-bottom": "1px solid #e1e1e11f", + "--blue-color": "#2196f3", + "--wa-color-danger-fill-quiet": "#3e0913", + "--state-weather-lightning-color": "#ffeb3b", + "--color-8": "#97bbf5", + "--rgb-codemirror-number": "255,83,112", + "--safe-area-inset-x": "calc(0px + 0px)", + "--color-42": "#009f82", + "--mdc-select-dropdown-icon-color": "#ffffff8a", + "--ha-button-warning-light-color": "#917b54c1", + "--mdc-theme-text-disabled-on-light": "#6f6f6f", + "--wa-color-brand-fill-loud": "#009ac7", + "--ha-color-green-70": "#5dc36f", + "--mdc-text-field-outlined-disabled-border-color": "#ffffff0f", + "--state-weather-snowy_rainy-color": "#03a9f4", + "--darker-primary-color": "#016194", + "--ha-color-orange-20": "#5e1c00", + "--state-update-active-color": "#ff9800", + "--ha-color-on-neutral-quiet": "#b1b1b1", + "--wa-color-neutral-border-loud": "#b1b1b1", + "--state-lock-locking-color": "#ff9800", + "--rgb-codemirror-variable-3": "222,203,107", + "--mdc-text-field-hover-line-color": "#ffffffde", + "--ha-moz-osx-font-smoothing": "grayscale", + "--codemirror-number": "#ff5370", + "--state-alarm_control_panel-triggered-color": "#f44336", + "--wa-color-surface-raised": "#1c1c1c", + "--safe-area-inset-top": "0px", + "--safe-area-offset-top": "calc(max(0px - 0px, 0px) / 2)", + "--ha-color-fill-danger-loud-active": "#b30532", + "--mdc-text-field-idle-line-color": "#ffffff6b", + "--dark-disabled-opacity": ".38", + "--state-climate-dry-color": "#ff9800", + "--codemirror-attribute": "#c792ea", + "--ha-space-14": "56px", + "--mdc-linear-progress-buffer-color": "#ffffff1a", + "--state-sensor-battery-low-color": "#f44336", + "--history-unavailable-color": "transparent", + "--color-44": "#cbe8ff", + "--ha-color-red-30": "#8a132c", + "--safe-area-inset-left": "0px", + "--wa-form-control-value-color": "#e1e1e1", + "--ha-font-size-2xl": "calc(24px * 1)", + "--ha-color-on-primary-quiet": "#7bd4fb", + "--wa-color-warning-fill-loud": "#9d3800", + "--wa-font-size-s": "calc(12px * 1)", + "--table-row-alternative-background-color": "#282828", + "--ha-color-red-20": "#631323", + "--ha-color-fill-neutral-loud-active": "#989898", + "--rgb-input-outlined-hover-border-color": "255,255,255", + "--color-10": "#094bad", + "--ha-color-on-disabled-quiet": "#5e5e5e", + "--ha-color-on-warning-quiet": "#ff9342", + "--ha-color-text-secondary": "#ccc", + "--state-water_heater-gas-color": "#ff9800", + "--ha-color-green-10": "#052310", + "--label-badge-background-color": "#1c1c1c", + "--ha-color-form-background-hover": "#4a4a4a", + "--ha-color-fill-danger-normal-active": "#3e0913", + "--ha-color-border-primary-quiet": "#dff3fc", + "--ha-animation-duration-fast": "1ms", + "--state-lock-locked-color": "#4caf50", + "--wa-panel-border-style": "solid", + "--ha-space-16": "64px", + "--safe-area-inset-y": "calc(0px + 0px)", + "--ha-color-primary-80": "#b9e6fc", + "--deep-purple-color": "#6e41ab", + "--ha-color-neutral-05": "#141414", + "--rgb-input-disabled-line-color": "255,255,255", + "--light-blue-color": "#03a9f4", + "--ha-border-radius-6xl": "36px", + "--mdc-theme-surface": "#1c1c1c", + "--state-weather-sunny-color": "#ffc107", + "--brown-color": "#795548", + "--ha-color-on-warning-normal": "#f36d00", + "--ha-color-primary-40": "#009ac7", + "--ha-color-fill-warning-normal-hover": "#5e1c00", + "--rgb-codemirror-meta": "255,203,107", + "--slider-color": "#009ac7", + "--color-52": "#27d0df", + "--ha-color-border-warning-quiet": "#ffe0c8", + "--codemirror-tag": "#ff5370", + "--color-53": "#a04a9b", + "--state-weather-clear_night-color": "#6e41ab", + "--bar-box-shadow": "0 2px 12px #0000007a", + "--rgb-mdc-ripple-color": "170,170,170", + "--rgb-input-outlined-disabled-border-color": "255,255,255", + "--rgb-warning-color": "255, 166, 0", + "--ha-color-fill-success-normal-active": "#052310", + "--ha-color-neutral-95": "#f3f3f3", + "--ha-border-radius-xl": "16px", + "--color-37": "#d9b100", + "--white-color": "#fff", + "--ha-color-fill-neutral-quiet-resting": "#141414", + "--codemirror-variable-3": "#decb6b", + "--header-height": "56px", + "--amber-color": "#ffc107", + "--state-water_heater-electric-color": "#ff9800", + "--rgb-ha-button-primary-light-color": "64,130,160", + "--state-person-home-color": "#4caf50", + "--energy-non-fossil-color": "#0f9d58", + "--wa-color-danger-border-loud": "#dc3146", + "--wa-color-success-fill-normal": "#052310", + "--scale-direction": "1", + "--state-lock-unlocked-color": "#f44336", + "--state-lock-jammed-color": "#f44336", + "--green-color": "#4caf50", + "--ha-color-border-neutral-quiet": "#5e5e5e", + "--mdc-theme-on-secondary": "#fff", + "--safe-area-inset-bottom": "0px", + "--codemirror-atom": "#f78c6c", + "--rgb-ha-button-neutral-light-color": "106,112,129", + "--slider-secondary-color": "#b3e5fc", + "--wa-color-brand-on-loud": "#fff", + "--color-33": "#8caed6", + "--color-26": "#badeff", + "--color-11": "#c99000", + "--rgb-divider-color": "225,225,225", + "--ha-color-fill-disabled-normal-hover": "#4a4a4a", + "--color-5": "#a463f2", + "--ha-color-neutral-30": "#4a4a4a", + "--ha-color-fill-primary-loud-resting": "#009ac7", + "--wa-panel-border-radius": "24px", + "--ha-border-radius-sm": "4px", + "--wa-color-neutral-fill-quiet": "#202020", + "--ha-color-fill-neutral-normal-active": "#202020", + "--ha-color-fill-success-quiet-active": "#031608", + "--ha-color-red-05": "#2a040b", + "--ha-space-7": "28px", + "--mdc-button-outline-color": "#e1e1e11f", + "--energy-solar-color": "#ff9800", + "--disabled-text-color": "#6f6f6f", + "--ha-line-height-normal": "1.6", + "--codemirror-builtin": "#ffcb6b", + "--ha-color-red-80": "#ffb8b6", + "--ha-color-fill-success-quiet-hover": "#052310", + "--light-grey-color": "#bdbdbd", + "--rgb-codemirror-property": "199,146,234", + "--energy-grid-return-color": "#a280db", + "--state-alert-on-color": "#f44336", + "--ha-border-radius-4xl": "28px", + "--state-humidifier-on-color": "#2196f3", + "--ha-font-size-4xl": "calc(32px * 1)", + "--state-binary_sensor-battery-on-color": "#f44336", + "--ha-color-green-60": "#00ac49", + "--codemirror-string": "#c3e88d", + "--ha-color-fill-success-quiet-resting": "#031608", + "--divider-color": "#e1e1e11f", + "--ha-color-on-danger-loud": "#fff", + "--input-disabled-ink-color": "#ffffff5e", + "--codemirror-meta": "#ffcb6b", + "--ha-color-fill-success-loud-hover": "#0a5027", + "--checked-icon-scale": ".9", + "--rgb-energy-grid-return-color": "162,128,219", + "--ha-color-on-success-normal": "#00ac49", + "--ha-color-border-normal": "#18bcf2", + "--wa-color-warning-border-quiet": "#ffe0c8", + "--rgb-codemirror-qualifier": "222,203,107", + "--ha-color-primary-05": "#001721", + "--blue-grey-color": "#607d8b", + "--state-water_heater-high_demand-color": "#ff6f22", + "--ha-border-radius-lg": "12px", + "--ha-color-fill-neutral-loud-resting": "#989898", + "--ha-color-text-secondary-inverted": "#5e5e5e", + "--mdc-select-disabled-dropdown-icon-color": "#ffffff5e", + "--ha-color-primary-50": "#18bcf2", + "--color-3": "#ff725c", + "--state-climate-heat-cool-color": "#ffc107", + "--codemirror-def": "#82aaff", + "--rgb-mdc-linear-progress-buffer-color": "255,255,255", + "--wa-color-warning-border-loud": "#c94e00", + "--mdc-ripple-color": "#aaa", + "--wa-color-text-quiet": "#ccc", + "--state-switch-active-color": "#ffc107", + "--rgb-codemirror-variable": "240,113,120", + "--ha-color-green-30": "#0a5027", + "--ha-color-fill-warning-quiet-active": "#280700", + "--ha-color-text-primary-inverted": "#000", + "--ha-space-11": "44px", + "--ha-color-red-40": "#b30532", + "--mdc-dialog-content-ink-color": "#e1e1e1", + "--wa-color-neutral-border-quiet": "#5e5e5e", + "--sidebar-background-color": "#1c1c1c", + "--wa-form-control-value-font-weight": "400", + "--primary-color": "#009ac7", + "--color-35": "#eff26e", + "--ha-assist-chip-active-container-color": "rgba(0, 154, 199, .15)", + "--codemirror-operator": "#89ddff", + "--wa-color-success-on-loud": "#fff", + "--markdown-code-background-color": "#111", + "--ha-space-10": "40px", + "--primary-background-color": "#111", + "--wa-form-control-activated-color": "#009ac7", + "--ha-space-17": "68px", + "--label-badge-blue": "#039be5", + "--warning-color": "#ffa600", + "--ha-font-weight-action": "500", + "--ha-color-red-95": "#fff0ef", + "--wa-color-success-on-quiet": "#5dc36f", + "--input-outlined-idle-border-color": "#ffffff61", + "--wa-color-success-fill-quiet": "#052310", + "--codemirror-property": "#c792ea", + "--ha-color-black": "#000", + "--rgb-codemirror-attribute": "199,146,234", + "--ha-color-surface-lower-inverted": "", + "--ha-color-fill-success-normal-hover": "#0a3a1d", + "--ha-space-13": "52px", + "--state-sun-below_horizon-color": "#3f51b5", + "--app-theme-color": "#1c1c1c", + "--color-47": "#8cd2ce", + "--wa-form-control-padding-block": ".75em", + "--ha-color-fill-success-normal-resting": "#052310", + "--wa-font-size-l": "calc(16px * 1)", + "--rgb-info-color": "3, 155, 229", + "--state-lawn_mower-active-color": "#009688", + "--ha-color-fill-success-loud-active": "#036730", + "--codemirror-keyword": "#c792ea", + "--ha-color-green-05": "#031608", + "--ha-color-neutral-20": "#363636", + "--rgb-codemirror-keyword": "199,146,234", + "--ha-color-fill-warning-normal-active": "#3b0f00", + "--rgb-input-fill-color": "255,255,255", + "--rgb-secondary-text-color": "155,155,155", + "--state-binary_sensor-carbon_monoxide-on-color": "#f44336", + "--sidebar-icon-color": "rgba(225,225,225, .6)", + "--energy-battery-out-color": "#4db6ac", + "--color-41": "#d06800", + "--margin-title-rtl": "0 24px 0 0", + "--ha-color-border-success-loud": "#036730", + "--ha-color-fill-warning-loud-active": "#9d3800", + "--ha-color-fill-disabled-loud-resting": "#4a4a4a", + "--ha-space-1": "4px", + "--mdc-checkbox-disabled-color": "#6f6f6f", + "--ha-space-3": "12px", + "--ha-color-neutral-50": "#7a7a7a", + "--state-binary_sensor-heat-on-color": "#f44336", + "--rgb-primary-color": "0, 154, 199", + "--red-color": "#f44336", + "--ha-color-green-95": "#e3f9e3", + "--state-alarm_control_panel-armed_custom_bypass-color": "#4caf50", + "--wa-color-text-normal": "#e1e1e1", + "--ha-space-5": "20px", + "--rgb-success-color": "67, 160, 71", + "--ha-color-orange-10": "#3b0f00", + "--color-30": "#bf3947", + "--state-weather-pouring-color": "#3f51b5", + "--ha-color-fill-neutral-loud-hover": "#b1b1b1", + "--state-unavailable-color": "#6f6f6f", + "--wa-color-brand-fill-quiet": "#002e3e", + "--ha-color-orange-90": "#ffe0c8", + "--state-binary_sensor-tamper-on-color": "#f44336", + "--ha-color-fill-disabled-normal-resting": "#363636", + "--mdc-text-field-disabled-line-color": "#ffffff0f", + "--wa-space-m": "16px", + "--ha-line-height-condensed": "1.2", + "--wa-form-control-background-color": "", + "--state-device_tracker-active-color": "#2196f3", + "--input-hover-line-color": "#ffffffde", + "--ha-font-size-xl": "calc(20px * 1)", + "--ha-color-border-neutral-normal": "#7a7a7a", + "--wa-border-width-s": "1px", + "--color-49": "#f883b0", + "--wa-shadow-l": "0 6px 12px -3px #0006, 0 16px 32px -6px #0000008c", + "--wa-font-size-m": "calc(14px * 1)", + "--ha-font-weight-medium": "500", + "--rgb-outline-color": "225,225,225", + "--state-vacuum-active-color": "#009688", + "--rgb-secondary-background-color": "40,40,40", + "--ha-color-fill-disabled-quiet-resting": "#202020", + "--mdc-text-field-outlined-idle-border-color": "#ffffff61", + "--ha-border-radius-3xl": "24px", + "--color-48": "#c4b8d9", + "--ha-color-border-danger-normal": "#dc3146", + "--accent-color": "#ff9800", + "--outline-hover-color": "#e1e1e13d", + "--ha-color-on-disabled-normal": "#7a7a7a", + "--ha-font-size-l": "calc(16px * 1)", + "--color-38": "#9d7a00", + "--state-weather-partlycloudy-color": "#607d8b", + "--ha-color-orange-80": "#ffbb89", + "--wa-border-radius-m": "8px", + "--state-binary_sensor-glass_break-on-color": "#f44336", + "--deep-orange-color": "#ff6f22", + "--codemirror-string-2": "#f07178", + "--ha-color-form-background-disabled": "#363636", + "--wa-color-success-border-loud": "#036730", + "--ha-color-orange-95": "#fff0e4", + "--rgb-scrollbar-thumb-color": "110,110,110", + "--mdc-theme-error": "#db4437", + "--ha-color-primary-90": "#dff3fc", + "--ha-color-border-neutral-loud": "#b1b1b1", + "--state-weather-fog-color": "#9e9e9e", + "--color-40": "#00d27e", + "--rgb-input-disabled-fill-color": "255,255,255", + "--wa-space-xl": "32px", + "--secondary-text-color": "#9b9b9b", + "--rgb-codemirror-tag": "255,83,112", + "--error-color": "#db4437", + "--state-weather-snowy-color": "#c0e0ff", + "--mdc-dialog-scroll-divider-color": "#e1e1e11f", + "--ha-font-weight-bold": "700", + "--ha-space-12": "48px", + "--wa-border-radius-l": "12px", + "--wa-color-danger-fill-loud": "#b30532", + "--state-alarm_control_panel-armed_vacation-color": "#4caf50", + "--color-22": "#8fe9d3", + "--color-16": "#8043ce", + "--rgb-codemirror-string-2": "240,113,120", + "--ha-color-red-50": "#dc3146", + "--mdc-select-outlined-hover-border-color": "#ffffffde", + "--ha-color-surface-default": "#202020", + "--wa-border-style": "solid", + "--app-header-background-color": "#1c1c1c", + "--card-background-color": "#1c1c1c", + "--state-alert-off-color": "#ff9800", + "--mdc-theme-on-surface": "#e1e1e1", + "--ha-color-border-success-normal": "#5dc36f", + "--state-binary_sensor-smoke-on-color": "#f44336", + "--label-badge-text-color": "rgba(225,225,225, .8)", + "--state-climate-cool-color": "#2196f3", + "--wa-color-warning-on-normal": "#f36d00", + "--mdc-text-field-outlined-hover-border-color": "#ffffffde", + "--color-21": "#ff957c", + "--indigo-color": "#3f51b5", + "--wa-focus-ring-color": "#989898", + "--mdc-radio-disabled-color": "#6f6f6f", + "--color-13": "#49a28f", + "--state-alarm_control_panel-armed_home-color": "#4caf50", + "--ha-color-text-link": "#37c8fd", + "--ha-button-neutral-color": "#d9dae0", + "--rgb-codemirror-type": "222,203,107", + "--mdc-select-fill-color": "#ffffff0d", + "--ha-color-fill-primary-quiet-hover": "#002e3e", + "--ha-color-fill-danger-quiet-resting": "#2a040b", + "--label-badge-grey": "#9e9e9e", + "--wa-transition-fast": "1ms", + "--label-badge-yellow": "#ffa600", + "--data-table-background-color": "#1c1c1c", + "--state-icon-error-color": "#db4437", + "--color-39": "#698cff", + "--rgb-input-idle-line-color": "255,255,255", + "--ha-box-shadow-s": "0 1px 2px 0 #0006, 0 1px 3px 0 #00000080", + "--ha-border-radius-2xl": "20px", + "--wa-shadow-m": "0 3px 6px -1px #00000059, 0 8px 16px -2px #00000073", + "--color-14": "#048732", + "--color-31": "#9f5b00", + "--ha-animation-duration-slow": "1ms", + "--ha-font-smoothing": "antialiased", + "--ha-color-surface-low": "#141414", + "--color-20": "#ffd444", + "--ha-color-fill-warning-quiet-resting": "#280700", + "--wa-border-width-m": "2px", + "--ha-color-green-90": "#c2f2c1", + "--state-lawn_mower-error-color": "#f44336", + "--mdc-select-idle-line-color": "#ffffff6b", + "--color-23": "#62cc71", + "--mdc-select-hover-line-color": "#ffffffde", + "--ha-dialog-scrim-backdrop-filter": "brightness(68%)", + "--safe-area-inset-right": "0px", + "--clear-background-color": "#111", + "--state-lock-unlocking-color": "#ff9800", + "--state-sun-above_horizon-color": "#ffc107", + "--ha-animation-duration-none": "1ms", + "--color-7": "#9c6b4e", + "--light-primary-color": "#b3e5fc", + "--state-lock-opening-color": "#ff9800", + "--wa-form-control-toggle-size": "20px", + "--ha-color-fill-danger-normal-resting": "#3e0913", + "--mdc-theme-on-primary": "#fff", + "--input-outlined-hover-border-color": "#ffffffde", + "--chip-background-color": "rgba(225,225,225, .15)", + "--rgb-shadow-color": "0,0,0", + "--ha-color-on-surface-default": "#f3f3f3", + "--ha-color-on-success-quiet": "#5dc36f", + "--md-list-item-label-text-font": "Roboto, Noto, sans-serif", + "--ha-color-red-90": "#ffdedc", + "--rgb-input-label-ink-color": "255,255,255", + "--input-ink-color": "#ffffffde", + "--direction": "ltr", + "--rgb-card-background-color": "28,28,28", + "--float-start": "left", + "--light-secondary-opacity": ".7", + "--ha-space-2": "8px", + "--ha-color-fill-primary-loud-hover": "#006787", + "--md-list-item-trailing-supporting-text-font": "Roboto, Noto, sans-serif", + "--slider-track-color": "#6e6e6e", + "--ha-color-red-10": "#3e0913", + "--safe-area-offset-left": "calc(max(0px - 0px, 0px) / 2)", + "--wa-color-neutral-on-loud": "#fff", + "--ha-color-surface-lower": "#000", + "--text-primary-color": "#fff", + "--ha-font-family-longform": "ui-sans-serif, system-ui, sans-serif", + "--light-divider-opacity": ".12", + "--state-weather-lightning_rainy-color": "#cddc39", + "--ha-border-radius-square": "0", + "--safe-area-offset-bottom": "calc(max(0px - 0px, 0px) / 2)", + "--wa-font-weight-action": "500", + "--ha-color-on-neutral-loud": "#fff", + "--wa-color-success-fill-loud": "#036730", + "--primary-text-color": "#e1e1e1", + "--info-color": "#039be5", + "--color-54": "#4269d0", + "--teal-color": "#009688", + "--color-12": "#d84f3e", + "--ha-color-fill-warning-loud-hover": "#7e2900", + "--pink-color": "#e91e63", + "--wa-form-control-border-style": "solid", + "--ha-color-border-warning-loud": "#c94e00", + "--light-disabled-opacity": ".3", + "--mdc-select-disabled-ink-color": "#ffffff5e", + "--mdc-theme-text-icon-on-background": "#9b9b9b", + "--wa-color-success-border-quiet": "#c2f2c1", + "--wa-color-success-on-normal": "#00ac49", + "--wa-space-l": "24px", + "--ha-space-18": "72px", + "--rgb-primary-text-color": "225,225,225", + "--wa-border-width-l": "3px", + "--ha-color-neutral-10": "#202020", + "--state-person-active-color": "#2196f3", + "--ha-box-shadow-m": "0 3px 6px -1px #00000059, 0 8px 16px -2px #00000073", + "--ha-color-border-danger-quiet": "#ffdedc", + "--app-header-text-color": "#e1e1e1", + "--ha-color-orange-30": "#7e2900", + "--ha-color-surface-default-inverted": "#fff", + "--ha-color-fill-danger-loud-hover": "#8a132c", + "--wa-shadow-s": "0 1px 2px 0 #0006, 0 1px 3px 0 #00000080", + "--ha-color-neutral-70": "#b1b1b1", + "--color-43": "#c49200", + "--dark-primary-color": "#0288d1", + "--rgb-input-hover-line-color": "255,255,255", + "--ha-color-green-40": "#036730", + "--color-1": "#4269d0", + "--dark-grey-color": "#606060", + "--rgb-error-color": "219, 68, 55", + "--ha-color-fill-neutral-normal-hover": "#363636", + "--rgb-codemirror-def": "130,170,255", + "--rgb-codemirror-string": "195,232,141", + "--rgb-codemirror-builtin": "255,203,107", + "--ha-color-border-primary-loud": "#009ac7", + "--wa-color-danger-on-quiet": "#fd8f90", + "--state-binary_sensor-gas-on-color": "#f44336", + "--grey-color": "#9e9e9e", + "--mdc-theme-text-hint-on-background": "#9b9b9b", + "--wa-color-danger-fill-normal": "#3e0913", + "--state-binary_sensor-moisture-on-color": "#f44336", + "--yellow-color": "#ffeb3b" + } + }, + "viewport": { + "width": 1280, + "height": 900 + }, + "capturePolicy": "Every state uses a fresh document and unchanged original component functions. Await original Lit children, both exact font weights, eight unchanged geometry/paint frames after each interaction, and at least three raw PNG frames with two consecutive equal images. Pointer-open menu states retain the pointer on their trigger. Menu hover/keyboard states open using keyboard focus plus Enter, then apply the named action. The identical explicit action protocol is used by candidate and reference; no synthetic state mutation or image transformation. Both complete38-state campaigns repeat byte-identically on each measured platform.", + "semantics": "Original HA uses menuitem/focus transfer. The authored single picker uses combobox/listbox with focus on its trigger and aria-activedescendant; original painted focus states are compared separately. Original-token parity is not an accessible-palette claim.", + "campaigns": [ + { + "platform": "macos", + "browser": "156.0.8078.4", + "node": "v24.20.0", + "originalStates": 38, + "independentRepeatIdentical": true, + "retainedSingleStates": 38, + "rawReferenceSha256": "f34115c68a30274d3b93ab78f75b6dd7c4d9a660c00cfdffc235fac8e13a27b4", + "repeatReferenceSha256": "1491ba9211dbd5759d0d48e580aa691d2ac8aa9f5465b294d5f83ba10f499ce2", + "architecture": "arm64" + }, + { + "platform": "linux", + "browser": "156.0.8078.80", + "node": "v26.13.0", + "originalStates": 38, + "independentRepeatIdentical": true, + "retainedSingleStates": 38, + "rawReferenceSha256": "b4af8689911908b51fec96ae84eba44600963b422db9f39afecc95f240ba1c0c", + "repeatReferenceSha256": "c2a4d0512ac48e4446ce37fbff38260ded5dc8a051b383a4e3ccda9d2075f3ef", + "architecture": "arm64" + }, + { + "platform": "linux", + "architecture": "x64", + "browser": "156.0.8078.4", + "node": "v26.13.0", + "originalStates": 38, + "independentRepeatIdentical": true, + "retainedSingleStates": 38, + "rawReferenceSha256": "c1dba77c4963719596c9adcf12063a6df5ce3b54f5a755068b1a674be3dda982", + "repeatReferenceSha256": "9488d942c831aacda13ed987c4080f2657d600e3055b1bcd498d51e04748af5f", + "imageManifest": "mcr.microsoft.com/playwright@sha256:ee15712262f017b8157421b212b12099146645f44b1bc5c0514cbbe6a229b1d0", + "officialCIExecutable": { + "source": "https://cdn.playwright.dev/builds/cft/156.0.8078.4/linux64/chrome-headless-shell-linux64.zip", + "version": "156.0.8078.4", + "archiveSha256": "c3e50596aef52c58f8fda3c6b3411c33d34c88b177b3ed1c2243359fd3b8ba20", + "bytes": 125797539, + "purpose": "Actual CI browser architecture/version; original HA repeat captures and next multiple calibration." + } + } + ], + "states": [ + { + "platform": "macos", + "theme": "light", + "name": "single-empty", + "configuration": { + "name": "single-empty", + "multiple": false, + "label": "Category", + "value": null, + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 88 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(94, 94, 94)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 32.796875, + "width": 256, + "height": 22.390625 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": null, + "headline": { + "box": { + "x": 32, + "y": 32.796875, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 35.796875, + "width": 56.046875, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/macos/light-single-empty.png", + "sha256": "9bf3ad1feed8f8dbaed21fdb171a6c619653f3c31b2dc7e0bae64723ae0a53bc" + }, + "architecture": "arm64" + }, + { + "platform": "macos", + "theme": "light", + "name": "single-placeholder", + "configuration": { + "name": "single-placeholder", + "multiple": false, + "label": "Category", + "value": null, + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "Select an option", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [ + "Public nested ha-picker-field.placeholder; wrapper does not forward placeholder." + ], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 88 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(94, 94, 94)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 32.796875, + "width": 256, + "height": 22.390625 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": null, + "headline": { + "box": { + "x": 32, + "y": 32.796875, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 35.796875, + "width": 100.234375, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Select an option", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/macos/light-single-placeholder.png", + "sha256": "61b94617a2934fb103046bd687cfd5007695a397f8097cb1a3fcad0e7033161c" + }, + "architecture": "arm64" + }, + { + "platform": "macos", + "theme": "light", + "name": "single-filled", + "configuration": { + "name": "single-filled", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 88 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(94, 94, 94)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 48.046875, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 80.765625, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/macos/light-single-filled.png", + "sha256": "b953362b284cc66d5a7afcb3eab37bba84757829d979c637cf34a3de00e45aef" + }, + "architecture": "arm64" + }, + { + "platform": "macos", + "theme": "light", + "name": "single-hover", + "configuration": { + "name": "single-hover", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "hover", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 88 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(94, 94, 94)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 48.046875, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 80.765625, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/macos/light-single-hover.png", + "sha256": "3e760f8a81e967dc319211e9039f7c7feef97a43c578438cbe3b394b3992b28c" + }, + "architecture": "arm64" + }, + { + "platform": "macos", + "theme": "light", + "name": "single-focus", + "configuration": { + "name": "single-focus", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "focus", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 88 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "2px", + "backgroundColor": "rgb(0, 154, 199)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": true, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 48.046875, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 80.765625, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/macos/light-single-focus.png", + "sha256": "69947e01df94c28be91c342f52cf0278f7a848a027fea87ad20210cf4115cafc" + }, + "architecture": "arm64" + }, + { + "platform": "macos", + "theme": "light", + "name": "single-empty-focus", + "configuration": { + "name": "single-empty-focus", + "multiple": false, + "label": "Category", + "value": null, + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "focus", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 88 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "2px", + "backgroundColor": "rgb(0, 154, 199)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": true, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 32.796875, + "width": 256, + "height": 22.390625 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": null, + "headline": { + "box": { + "x": 32, + "y": 32.796875, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 35.796875, + "width": 56.046875, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/macos/light-single-empty-focus.png", + "sha256": "eacdbeee01107c0108546bb9e3e7ca8798e8ec5bbc833fe8d0c40307825940d7" + }, + "architecture": "arm64" + }, + { + "platform": "macos", + "theme": "light", + "name": "single-disabled", + "configuration": { + "name": "single-disabled", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": true, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 88 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(204, 204, 204)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "0.5", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(94, 94, 94)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(16, 16, 16, 0.3)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(16, 16, 16, 0.3)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "0.5", + "outline": "rgba(16, 16, 16, 0.3) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 48.046875, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 80.765625, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/macos/light-single-disabled.png", + "sha256": "7cabc9344d2b870035a7b3cfb7df45b8d58cb2d7162b88a25c26b59225aad604" + }, + "architecture": "arm64" + }, + { + "platform": "macos", + "theme": "light", + "name": "single-required", + "configuration": { + "name": "single-required", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": true, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 88 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(94, 94, 94)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 48.046875, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 80.765625, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/macos/light-single-required.png", + "sha256": "ee63c23dc30010a854cd6a13af564fd0ba76b86fa14ff34f0e019ca7188c2ec6" + }, + "architecture": "arm64" + }, + { + "platform": "macos", + "theme": "light", + "name": "single-helper", + "configuration": { + "name": "single-helper", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "Choose a category.", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 110 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 78 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(94, 94, 94)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 48.046875, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 80.765625, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": { + "box": { + "x": 16, + "y": 80, + "width": 320, + "height": 14 + }, + "glyph": { + "x": 32, + "y": 80, + "width": 109.359375, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Choose a category.", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "0.4px", + "padding": "0px 16px", + "margin": "8px 0px 0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/macos/light-single-helper.png", + "sha256": "00fe7917bceaff61309fc18f89f70a6957a39d9f2ca16980ee6ab190d237e56b" + }, + "architecture": "arm64" + }, + { + "platform": "macos", + "theme": "light", + "name": "single-error", + "configuration": { + "name": "single-error", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "Choose an available category.", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [ + "Public nested ha-picker-field.invalid; error text uses the wrapper public helper input." + ], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 110 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 78 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "2px", + "backgroundColor": "rgb(219, 68, 55)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 48.046875, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 80.765625, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": { + "box": { + "x": 16, + "y": 80, + "width": 320, + "height": 14 + }, + "glyph": { + "x": 32, + "y": 80, + "width": 170.40625, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Choose an available category.", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "0.4px", + "padding": "0px 16px", + "margin": "8px 0px 0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/macos/light-single-error.png", + "sha256": "d54622b474f59bb66b5399d41970b55650efa0811eed8b742cc7ad4f23a89f7c" + }, + "architecture": "arm64" + }, + { + "platform": "macos", + "theme": "light", + "name": "single-narrow", + "configuration": { + "name": "single-narrow", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 180, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 212, + "height": 88 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(94, 94, 94)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 23.59375, + "width": 116, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 116, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 48.046875, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 116, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 80.765625, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 156, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/macos/light-single-narrow.png", + "sha256": "d2fcd6d6a1cf0c5f6d84aa7d0179080663c9e1ec66ade8d33b5ed0621499b02e" + }, + "architecture": "arm64" + }, + { + "platform": "macos", + "theme": "light", + "name": "single-rtl", + "configuration": { + "name": "single-rtl", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "rtl", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 88 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(94, 94, 94)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 64, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 64, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 271.953125, + "y": 25.59375, + "width": 48.046875, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 64, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 239.234375, + "y": 45, + "width": 80.765625, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 24, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/macos/light-single-rtl.png", + "sha256": "49f04178cb06ab998153ca4c9ea72a471764365d71d27ed5a496b54724616fe9" + }, + "architecture": "arm64" + }, + { + "platform": "macos", + "theme": "light", + "name": "single-long", + "configuration": { + "name": "single-long", + "multiple": false, + "label": "Category with a long description", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance and household repairs" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 180, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 212, + "height": 91.203125 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 59.203125 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 59.203125 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(94, 94, 94)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 59.203125 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 16, + "width": 116, + "height": 59.203125 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 32, + "y": 16, + "width": 116, + "height": 36.8125 + }, + "glyph": { + "x": 32, + "y": 18, + "width": 109.046875, + "height": 32.40625 + }, + "focusVisible": false, + "disabled": null, + "text": "Category with a long description", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 32, + "y": 52.8125, + "width": 116, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 55.8125, + "width": 222.28125, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance and household repairs", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 156, + "y": 35.59375, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/macos/light-single-long.png", + "sha256": "d05e9a207a7c1072a13033808d70c1c8aa84f64b14e0b0fd60e2d3a18dad08d6" + }, + "architecture": "arm64" + }, + { + "platform": "macos", + "theme": "light", + "name": "single-clearable", + "configuration": { + "name": "single-clearable", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": true, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 88 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(94, 94, 94)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 23.59375, + "width": 232, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 232, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 48.046875, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 232, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 80.765625, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": { + "box": { + "x": 264, + "y": 28, + "width": 32, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px -8px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/macos/light-single-clearable.png", + "sha256": "182b3383ae8857d16d504ec41854d785fb7712e5ca67851edcfb615b6b7f07f7" + }, + "architecture": "arm64" + }, + { + "platform": "macos", + "theme": "light", + "name": "single-menu", + "configuration": { + "name": "single-menu", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": true, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 24, + "y": 32, + "width": 368, + "height": 266 + }, + "host": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(94, 94, 94)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 40, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 40, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 40, + "y": 25.59375, + "width": 48.046875, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 40, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 40, + "y": 45, + "width": 80.765625, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 304, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": { + "box": { + "x": 24, + "y": 72, + "width": 320, + "height": 170 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "4px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgb(230, 230, 230)", + "borderRadius": "8px", + "boxShadow": "rgba(0, 0, 0, 0.1) 0px 3px 6px -1px, rgba(0, 0, 0, 0.15) 0px 8px 16px -2px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "options": [ + { + "box": { + "x": 29, + "y": 77, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(239, 249, 254)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 117, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 157, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 197, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "0.5", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + } + ], + "optionLabels": [ + { + "box": { + "x": 43, + "y": 88.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 88.59375, + "width": 81.359375, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 128.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 128.59375, + "width": 58.6875, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Shopping", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 168.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 168.59375, + "width": 34.078125, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Other", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 208.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 208.59375, + "width": 54.1875, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Archived", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + } + ] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/macos/light-single-menu.png", + "sha256": "1cd974bafae607eb7acd0bd7411b56b8bd0ed0962b0f78d8e084d47ef73c9e84" + }, + "architecture": "arm64" + }, + { + "platform": "macos", + "theme": "light", + "name": "single-menu-hover", + "configuration": { + "name": "single-menu-hover", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": true, + "opener": "keyboard", + "interaction": "option-hover", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 24, + "y": 32, + "width": 368, + "height": 266 + }, + "host": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(94, 94, 94)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 40, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 40, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 40, + "y": 25.59375, + "width": 48.046875, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 40, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 40, + "y": 45, + "width": 80.765625, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 304, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": { + "box": { + "x": 24, + "y": 72, + "width": 320, + "height": 170 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "4px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgb(230, 230, 230)", + "borderRadius": "8px", + "boxShadow": "rgba(0, 0, 0, 0.1) 0px 3px 6px -1px, rgba(0, 0, 0, 0.15) 0px 8px 16px -2px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "options": [ + { + "box": { + "x": 29, + "y": 77, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": true, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(239, 249, 254)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 117, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(230, 230, 230)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 157, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 197, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "0.5", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + } + ], + "optionLabels": [ + { + "box": { + "x": 43, + "y": 88.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 88.59375, + "width": 81.359375, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 128.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 128.59375, + "width": 58.6875, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Shopping", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 168.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 168.59375, + "width": 34.078125, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Other", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 208.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 208.59375, + "width": 54.1875, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Archived", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + } + ] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/macos/light-single-menu-hover.png", + "sha256": "db272af5fd0ee1c8fb37841cbd58d9bc239c9c9f6c9f0d9f41c23e32a5408912" + }, + "architecture": "arm64" + }, + { + "platform": "macos", + "theme": "light", + "name": "single-menu-keyboard", + "configuration": { + "name": "single-menu-keyboard", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": true, + "opener": "keyboard", + "interaction": "option-keyboard", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 24, + "y": 32, + "width": 368, + "height": 266 + }, + "host": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(94, 94, 94)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 40, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 40, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 40, + "y": 25.59375, + "width": 48.046875, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 40, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 40, + "y": 45, + "width": 80.765625, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 304, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": { + "box": { + "x": 24, + "y": 72, + "width": 320, + "height": 170 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "4px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgb(230, 230, 230)", + "borderRadius": "8px", + "boxShadow": "rgba(0, 0, 0, 0.1) 0px 3px 6px -1px, rgba(0, 0, 0, 0.15) 0px 8px 16px -2px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "options": [ + { + "box": { + "x": 29, + "y": 77, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(239, 249, 254)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 117, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 157, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": true, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(230, 230, 230)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 197, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "0.5", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + } + ], + "optionLabels": [ + { + "box": { + "x": 43, + "y": 88.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 88.59375, + "width": 81.359375, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 128.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 128.59375, + "width": 58.6875, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Shopping", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 168.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 168.59375, + "width": 34.078125, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Other", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 208.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 208.59375, + "width": 54.1875, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Archived", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + } + ] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/macos/light-single-menu-keyboard.png", + "sha256": "478e8476e49fdeb4372b16c5cd0e2dafe22fb0478b7b35e1acaa4b4cdfe50a55" + }, + "architecture": "arm64" + }, + { + "platform": "macos", + "theme": "light", + "name": "single-menu-narrow", + "configuration": { + "name": "single-menu-narrow", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 180, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": true, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 24, + "y": 32, + "width": 228, + "height": 266 + }, + "host": { + "box": { + "x": 24, + "y": 16, + "width": 180, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 24, + "y": 16, + "width": 180, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(94, 94, 94)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 24, + "y": 16, + "width": 180, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 40, + "y": 23.59375, + "width": 116, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 40, + "y": 23.59375, + "width": 116, + "height": 18.40625 + }, + "glyph": { + "x": 40, + "y": 25.59375, + "width": 48.046875, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 40, + "y": 42, + "width": 116, + "height": 22.390625 + }, + "glyph": { + "x": 40, + "y": 45, + "width": 80.765625, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 164, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": { + "box": { + "x": 24, + "y": 72, + "width": 180, + "height": 170 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "4px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgb(230, 230, 230)", + "borderRadius": "8px", + "boxShadow": "rgba(0, 0, 0, 0.1) 0px 3px 6px -1px, rgba(0, 0, 0, 0.15) 0px 8px 16px -2px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "options": [ + { + "box": { + "x": 29, + "y": 77, + "width": 170, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(239, 249, 254)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 117, + "width": 170, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 157, + "width": 170, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 197, + "width": 170, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "0.5", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + } + ], + "optionLabels": [ + { + "box": { + "x": 43, + "y": 88.59375, + "width": 142, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 88.59375, + "width": 81.359375, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 128.59375, + "width": 142, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 128.59375, + "width": 58.6875, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Shopping", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 168.59375, + "width": 142, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 168.59375, + "width": 34.078125, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Other", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 208.59375, + "width": 142, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 208.59375, + "width": 54.1875, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Archived", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + } + ] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/macos/light-single-menu-narrow.png", + "sha256": "045a8b1a41f9a9af85b9c6f58a23b3ecabefc588b234d874bab8f3f97a014373" + }, + "architecture": "arm64" + }, + { + "platform": "macos", + "theme": "light", + "name": "single-menu-rtl", + "configuration": { + "name": "single-menu-rtl", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "rtl", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": true, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 24, + "y": 32, + "width": 368, + "height": 266 + }, + "host": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(94, 94, 94)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 72, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 72, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 279.953125, + "y": 25.59375, + "width": 48.046875, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 72, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 247.234375, + "y": 45, + "width": 80.765625, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 32, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": { + "box": { + "x": 24, + "y": 72, + "width": 320, + "height": 170 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "4px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgb(230, 230, 230)", + "borderRadius": "8px", + "boxShadow": "rgba(0, 0, 0, 0.1) 0px 3px 6px -1px, rgba(0, 0, 0, 0.15) 0px 8px 16px -2px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "options": [ + { + "box": { + "x": 29, + "y": 77, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(239, 249, 254)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 117, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 157, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 197, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "0.5", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + } + ], + "optionLabels": [ + { + "box": { + "x": 43, + "y": 88.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 243.640625, + "y": 88.59375, + "width": 81.359375, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 128.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 266.3125, + "y": 128.59375, + "width": 58.6875, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Shopping", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 168.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 290.921875, + "y": 168.59375, + "width": 34.078125, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Other", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 208.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 270.8125, + "y": 208.59375, + "width": 54.1875, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Archived", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + } + ] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/macos/light-single-menu-rtl.png", + "sha256": "31a77f61479f1604ee8f826cb625b9041f1cd1e7936a025f4f8d62d68bd65471" + }, + "architecture": "arm64" + }, + { + "platform": "macos", + "theme": "dark", + "name": "single-empty", + "configuration": { + "name": "single-empty", + "multiple": false, + "label": "Category", + "value": null, + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 88 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(177, 177, 177)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 32.796875, + "width": 256, + "height": 22.390625 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": null, + "headline": { + "box": { + "x": 32, + "y": 32.796875, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 35.796875, + "width": 56.046875, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/macos/dark-single-empty.png", + "sha256": "c17abfb86605e0ac86b2e95c72b1105f95c88dd318469f2aeabfd6236debc208" + }, + "architecture": "arm64" + }, + { + "platform": "macos", + "theme": "dark", + "name": "single-placeholder", + "configuration": { + "name": "single-placeholder", + "multiple": false, + "label": "Category", + "value": null, + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "Select an option", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [ + "Public nested ha-picker-field.placeholder; wrapper does not forward placeholder." + ], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 88 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(177, 177, 177)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 32.796875, + "width": 256, + "height": 22.390625 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": null, + "headline": { + "box": { + "x": 32, + "y": 32.796875, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 35.796875, + "width": 100.234375, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Select an option", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/macos/dark-single-placeholder.png", + "sha256": "95c4845add7f7c01fe476656e82822756cb63db5e0111e993d98e49167232b6c" + }, + "architecture": "arm64" + }, + { + "platform": "macos", + "theme": "dark", + "name": "single-filled", + "configuration": { + "name": "single-filled", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 88 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(177, 177, 177)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 48.046875, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 80.765625, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/macos/dark-single-filled.png", + "sha256": "0e2e0972fd5b2a5e8e4484845fff24486c1b8b7d776def1931de4b374a15c86e" + }, + "architecture": "arm64" + }, + { + "platform": "macos", + "theme": "dark", + "name": "single-hover", + "configuration": { + "name": "single-hover", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "hover", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 88 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(177, 177, 177)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 48.046875, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 80.765625, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/macos/dark-single-hover.png", + "sha256": "3323d1e3cc544e03fae948d419cfe07ca137b93430ecf7e2c262c4f383046b8b" + }, + "architecture": "arm64" + }, + { + "platform": "macos", + "theme": "dark", + "name": "single-focus", + "configuration": { + "name": "single-focus", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "focus", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 88 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "2px", + "backgroundColor": "rgb(0, 154, 199)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": true, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 48.046875, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 80.765625, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/macos/dark-single-focus.png", + "sha256": "f68e6380c7896f1c18c111fbccf2cd5f320d115ae37830cce315fe7e815799c2" + }, + "architecture": "arm64" + }, + { + "platform": "macos", + "theme": "dark", + "name": "single-empty-focus", + "configuration": { + "name": "single-empty-focus", + "multiple": false, + "label": "Category", + "value": null, + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "focus", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 88 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "2px", + "backgroundColor": "rgb(0, 154, 199)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": true, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 32.796875, + "width": 256, + "height": 22.390625 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": null, + "headline": { + "box": { + "x": 32, + "y": 32.796875, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 35.796875, + "width": 56.046875, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/macos/dark-single-empty-focus.png", + "sha256": "bd3ff8f2689a0a49407c04b13a1a468dc9c7f258540c00e524f59aadca0ec97f" + }, + "architecture": "arm64" + }, + { + "platform": "macos", + "theme": "dark", + "name": "single-disabled", + "configuration": { + "name": "single-disabled", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": true, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 88 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "0.5", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(177, 177, 177)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(16, 16, 16, 0.3)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(16, 16, 16, 0.3)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "0.5", + "outline": "rgba(16, 16, 16, 0.3) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 48.046875, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 80.765625, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/macos/dark-single-disabled.png", + "sha256": "bb035a079da5c467da39435d68f6edc2b8e5d84ca6c6e8b730d97c7d747c2f89" + }, + "architecture": "arm64" + }, + { + "platform": "macos", + "theme": "dark", + "name": "single-required", + "configuration": { + "name": "single-required", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": true, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 88 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(177, 177, 177)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 48.046875, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 80.765625, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/macos/dark-single-required.png", + "sha256": "70df1c54bc247ea247e83db6b95fafc36de30adc13e559b2040bdd0230ab6826" + }, + "architecture": "arm64" + }, + { + "platform": "macos", + "theme": "dark", + "name": "single-helper", + "configuration": { + "name": "single-helper", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "Choose a category.", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 110 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 78 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(177, 177, 177)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 48.046875, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 80.765625, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": { + "box": { + "x": 16, + "y": 80, + "width": 320, + "height": 14 + }, + "glyph": { + "x": 32, + "y": 80, + "width": 109.359375, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Choose a category.", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "0.4px", + "padding": "0px 16px", + "margin": "8px 0px 0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/macos/dark-single-helper.png", + "sha256": "852e9e9248d4d8134fc11e140198f3d6ef2366ef6e34b828730e115bcc1c044d" + }, + "architecture": "arm64" + }, + { + "platform": "macos", + "theme": "dark", + "name": "single-error", + "configuration": { + "name": "single-error", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "Choose an available category.", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [ + "Public nested ha-picker-field.invalid; error text uses the wrapper public helper input." + ], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 110 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 78 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "2px", + "backgroundColor": "rgb(219, 68, 55)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 48.046875, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 80.765625, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": { + "box": { + "x": 16, + "y": 80, + "width": 320, + "height": 14 + }, + "glyph": { + "x": 32, + "y": 80, + "width": 170.40625, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Choose an available category.", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "0.4px", + "padding": "0px 16px", + "margin": "8px 0px 0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/macos/dark-single-error.png", + "sha256": "ad8d9ffcda472d7f94f0807e6eeab7652ba211528425cefa73dc7ff416f09e40" + }, + "architecture": "arm64" + }, + { + "platform": "macos", + "theme": "dark", + "name": "single-narrow", + "configuration": { + "name": "single-narrow", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 180, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 212, + "height": 88 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(177, 177, 177)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 23.59375, + "width": 116, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 116, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 48.046875, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 116, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 80.765625, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 156, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/macos/dark-single-narrow.png", + "sha256": "a0cdb0a6d734f36b6d090d30122b97a70a77a2a3b210303a63aec2694929e5b9" + }, + "architecture": "arm64" + }, + { + "platform": "macos", + "theme": "dark", + "name": "single-rtl", + "configuration": { + "name": "single-rtl", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "rtl", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 88 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(177, 177, 177)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 64, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 64, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 271.953125, + "y": 25.59375, + "width": 48.046875, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 64, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 239.234375, + "y": 45, + "width": 80.765625, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 24, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/macos/dark-single-rtl.png", + "sha256": "9ab4ced540d43dc7da80bc1f59851ea48eac72939121a4445cd524b3b94a94a4" + }, + "architecture": "arm64" + }, + { + "platform": "macos", + "theme": "dark", + "name": "single-long", + "configuration": { + "name": "single-long", + "multiple": false, + "label": "Category with a long description", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance and household repairs" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 180, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 212, + "height": 91.203125 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 59.203125 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 59.203125 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(177, 177, 177)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 59.203125 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 16, + "width": 116, + "height": 59.203125 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 32, + "y": 16, + "width": 116, + "height": 36.8125 + }, + "glyph": { + "x": 32, + "y": 18, + "width": 109.046875, + "height": 32.40625 + }, + "focusVisible": false, + "disabled": null, + "text": "Category with a long description", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 32, + "y": 52.8125, + "width": 116, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 55.8125, + "width": 222.28125, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance and household repairs", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 156, + "y": 35.59375, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/macos/dark-single-long.png", + "sha256": "818e2b05b7f673295a14538be895d2500d4bd11e5bfb5bd83cb0519bff123f42" + }, + "architecture": "arm64" + }, + { + "platform": "macos", + "theme": "dark", + "name": "single-clearable", + "configuration": { + "name": "single-clearable", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": true, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 88 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(177, 177, 177)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 23.59375, + "width": 232, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 232, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 48.046875, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 232, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 80.765625, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": { + "box": { + "x": 264, + "y": 28, + "width": 32, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px -8px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/macos/dark-single-clearable.png", + "sha256": "0f4cf32d05a0df8d797997daafbc94dd1d1f59b59e2aa9c299085b50d94faf74" + }, + "architecture": "arm64" + }, + { + "platform": "macos", + "theme": "dark", + "name": "single-menu", + "configuration": { + "name": "single-menu", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": true, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 24, + "y": 32, + "width": 368, + "height": 266 + }, + "host": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(177, 177, 177)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 40, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 40, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 40, + "y": 25.59375, + "width": 48.046875, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 40, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 40, + "y": 45, + "width": 80.765625, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 304, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": { + "box": { + "x": 24, + "y": 72, + "width": 320, + "height": 170 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "4px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgb(94, 94, 94)", + "borderRadius": "8px", + "boxShadow": "rgba(0, 0, 0, 0.35) 0px 3px 6px -1px, rgba(0, 0, 0, 0.45) 0px 8px 16px -2px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "options": [ + { + "box": { + "x": 29, + "y": 77, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(0, 23, 33)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 117, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 157, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 197, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "0.5", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + } + ], + "optionLabels": [ + { + "box": { + "x": 43, + "y": 88.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 88.59375, + "width": 81.359375, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 128.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 128.59375, + "width": 58.6875, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Shopping", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 168.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 168.59375, + "width": 34.078125, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Other", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 208.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 208.59375, + "width": 54.1875, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Archived", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + } + ] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/macos/dark-single-menu.png", + "sha256": "5e7fe816162b67ac80b97a21a9c8f026aba93e414428652126ae4c17b9cfc753" + }, + "architecture": "arm64" + }, + { + "platform": "macos", + "theme": "dark", + "name": "single-menu-hover", + "configuration": { + "name": "single-menu-hover", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": true, + "opener": "keyboard", + "interaction": "option-hover", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 24, + "y": 32, + "width": 368, + "height": 266 + }, + "host": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(177, 177, 177)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 40, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 40, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 40, + "y": 25.59375, + "width": 48.046875, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 40, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 40, + "y": 45, + "width": 80.765625, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 304, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": { + "box": { + "x": 24, + "y": 72, + "width": 320, + "height": 170 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "4px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgb(94, 94, 94)", + "borderRadius": "8px", + "boxShadow": "rgba(0, 0, 0, 0.35) 0px 3px 6px -1px, rgba(0, 0, 0, 0.45) 0px 8px 16px -2px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "options": [ + { + "box": { + "x": 29, + "y": 77, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": true, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(0, 23, 33)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 117, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(32, 32, 32)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 157, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 197, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "0.5", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + } + ], + "optionLabels": [ + { + "box": { + "x": 43, + "y": 88.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 88.59375, + "width": 81.359375, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 128.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 128.59375, + "width": 58.6875, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Shopping", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 168.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 168.59375, + "width": 34.078125, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Other", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 208.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 208.59375, + "width": 54.1875, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Archived", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + } + ] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/macos/dark-single-menu-hover.png", + "sha256": "3c384c6b6f201356415c3a8cb4215dc7f6c434dde8d3e8b93ce4d0a9d377d853" + }, + "architecture": "arm64" + }, + { + "platform": "macos", + "theme": "dark", + "name": "single-menu-keyboard", + "configuration": { + "name": "single-menu-keyboard", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": true, + "opener": "keyboard", + "interaction": "option-keyboard", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 24, + "y": 32, + "width": 368, + "height": 266 + }, + "host": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(177, 177, 177)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 40, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 40, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 40, + "y": 25.59375, + "width": 48.046875, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 40, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 40, + "y": 45, + "width": 80.765625, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 304, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": { + "box": { + "x": 24, + "y": 72, + "width": 320, + "height": 170 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "4px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgb(94, 94, 94)", + "borderRadius": "8px", + "boxShadow": "rgba(0, 0, 0, 0.35) 0px 3px 6px -1px, rgba(0, 0, 0, 0.45) 0px 8px 16px -2px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "options": [ + { + "box": { + "x": 29, + "y": 77, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(0, 23, 33)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 117, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 157, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": true, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(32, 32, 32)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 197, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "0.5", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + } + ], + "optionLabels": [ + { + "box": { + "x": 43, + "y": 88.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 88.59375, + "width": 81.359375, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 128.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 128.59375, + "width": 58.6875, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Shopping", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 168.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 168.59375, + "width": 34.078125, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Other", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 208.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 208.59375, + "width": 54.1875, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Archived", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + } + ] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/macos/dark-single-menu-keyboard.png", + "sha256": "9f86f651b807ac11042ba3e4ff8a2b11a8fae4521e6f0c8bc09411f4a99b9822" + }, + "architecture": "arm64" + }, + { + "platform": "macos", + "theme": "dark", + "name": "single-menu-narrow", + "configuration": { + "name": "single-menu-narrow", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 180, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": true, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 24, + "y": 32, + "width": 228, + "height": 266 + }, + "host": { + "box": { + "x": 24, + "y": 16, + "width": 180, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 24, + "y": 16, + "width": 180, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(177, 177, 177)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 24, + "y": 16, + "width": 180, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 40, + "y": 23.59375, + "width": 116, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 40, + "y": 23.59375, + "width": 116, + "height": 18.40625 + }, + "glyph": { + "x": 40, + "y": 25.59375, + "width": 48.046875, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 40, + "y": 42, + "width": 116, + "height": 22.390625 + }, + "glyph": { + "x": 40, + "y": 45, + "width": 80.765625, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 164, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": { + "box": { + "x": 24, + "y": 72, + "width": 180, + "height": 170 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "4px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgb(94, 94, 94)", + "borderRadius": "8px", + "boxShadow": "rgba(0, 0, 0, 0.35) 0px 3px 6px -1px, rgba(0, 0, 0, 0.45) 0px 8px 16px -2px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "options": [ + { + "box": { + "x": 29, + "y": 77, + "width": 170, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(0, 23, 33)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 117, + "width": 170, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 157, + "width": 170, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 197, + "width": 170, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "0.5", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + } + ], + "optionLabels": [ + { + "box": { + "x": 43, + "y": 88.59375, + "width": 142, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 88.59375, + "width": 81.359375, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 128.59375, + "width": 142, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 128.59375, + "width": 58.6875, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Shopping", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 168.59375, + "width": 142, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 168.59375, + "width": 34.078125, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Other", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 208.59375, + "width": 142, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 208.59375, + "width": 54.1875, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Archived", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + } + ] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/macos/dark-single-menu-narrow.png", + "sha256": "ab81b1cea7b1b63870b1a2f36f856b8048d373bb8b6beac94f48e54593339135" + }, + "architecture": "arm64" + }, + { + "platform": "macos", + "theme": "dark", + "name": "single-menu-rtl", + "configuration": { + "name": "single-menu-rtl", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "rtl", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": true, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 24, + "y": 32, + "width": 368, + "height": 266 + }, + "host": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(177, 177, 177)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 72, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 72, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 279.953125, + "y": 25.59375, + "width": 48.046875, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 72, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 247.234375, + "y": 45, + "width": 80.765625, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 32, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": { + "box": { + "x": 24, + "y": 72, + "width": 320, + "height": 170 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "4px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgb(94, 94, 94)", + "borderRadius": "8px", + "boxShadow": "rgba(0, 0, 0, 0.35) 0px 3px 6px -1px, rgba(0, 0, 0, 0.45) 0px 8px 16px -2px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "options": [ + { + "box": { + "x": 29, + "y": 77, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(0, 23, 33)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 117, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 157, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 197, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "0.5", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + } + ], + "optionLabels": [ + { + "box": { + "x": 43, + "y": 88.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 243.640625, + "y": 88.59375, + "width": 81.359375, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 128.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 266.3125, + "y": 128.59375, + "width": 58.6875, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Shopping", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 168.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 290.921875, + "y": 168.59375, + "width": 34.078125, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Other", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 208.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 270.8125, + "y": 208.59375, + "width": 54.1875, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Archived", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + } + ] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/macos/dark-single-menu-rtl.png", + "sha256": "7b12efc29b2d660b312725771314d6a1f882486f2104809932cf1293edfde605" + }, + "architecture": "arm64" + }, + { + "platform": "linux", + "theme": "light", + "name": "single-empty", + "configuration": { + "name": "single-empty", + "multiple": false, + "label": "Category", + "value": null, + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 88 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(94, 94, 94)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 32.796875, + "width": 256, + "height": 22.390625 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": null, + "headline": { + "box": { + "x": 32, + "y": 32.796875, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 35.796875, + "width": 57, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux/light-single-empty.png", + "sha256": "af652779cff89a3e60db71288a8d842820acbd4f0fa3268131daff4bd91b350b" + }, + "architecture": "arm64" + }, + { + "platform": "linux", + "theme": "light", + "name": "single-placeholder", + "configuration": { + "name": "single-placeholder", + "multiple": false, + "label": "Category", + "value": null, + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "Select an option", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [ + "Public nested ha-picker-field.placeholder; wrapper does not forward placeholder." + ], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 88 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(94, 94, 94)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 32.796875, + "width": 256, + "height": 22.390625 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": null, + "headline": { + "box": { + "x": 32, + "y": 32.796875, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 35.796875, + "width": 99, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Select an option", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux/light-single-placeholder.png", + "sha256": "d18bda921ad6a3d38e2975fb6ea259112cf51b7932214ed936820be5cf53b268" + }, + "architecture": "arm64" + }, + { + "platform": "linux", + "theme": "light", + "name": "single-filled", + "configuration": { + "name": "single-filled", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 88 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(94, 94, 94)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 49, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux/light-single-filled.png", + "sha256": "e846c00ab7eef0bba9253ce1348b5718f705f06e82cea69f79989a513e60959e" + }, + "architecture": "arm64" + }, + { + "platform": "linux", + "theme": "light", + "name": "single-hover", + "configuration": { + "name": "single-hover", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "hover", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 88 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(94, 94, 94)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 49, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux/light-single-hover.png", + "sha256": "0f0ab65c0d310811f099b50bc1509065718d30e1143618e60ad994da57ead945" + }, + "architecture": "arm64" + }, + { + "platform": "linux", + "theme": "light", + "name": "single-focus", + "configuration": { + "name": "single-focus", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "focus", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 88 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "2px", + "backgroundColor": "rgb(0, 154, 199)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": true, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 49, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux/light-single-focus.png", + "sha256": "2b4e3c3d648889f08079d8b6f052668ce2999cb9aa01472c66488c5c405820f2" + }, + "architecture": "arm64" + }, + { + "platform": "linux", + "theme": "light", + "name": "single-empty-focus", + "configuration": { + "name": "single-empty-focus", + "multiple": false, + "label": "Category", + "value": null, + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "focus", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 88 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "2px", + "backgroundColor": "rgb(0, 154, 199)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": true, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 32.796875, + "width": 256, + "height": 22.390625 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": null, + "headline": { + "box": { + "x": 32, + "y": 32.796875, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 35.796875, + "width": 57, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux/light-single-empty-focus.png", + "sha256": "873608d68993d74ff91889a18cc77a0e18c713d855f7aafc44778ee859d7853d" + }, + "architecture": "arm64" + }, + { + "platform": "linux", + "theme": "light", + "name": "single-disabled", + "configuration": { + "name": "single-disabled", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": true, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 88 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(204, 204, 204)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "0.5", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(94, 94, 94)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(16, 16, 16, 0.3)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(16, 16, 16, 0.3)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "0.5", + "outline": "rgba(16, 16, 16, 0.3) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 49, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux/light-single-disabled.png", + "sha256": "6b926bd759176f49351577750da30c25d559cdd270ba35f9f4ca0883b5bf3e6f" + }, + "architecture": "arm64" + }, + { + "platform": "linux", + "theme": "light", + "name": "single-required", + "configuration": { + "name": "single-required", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": true, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 88 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(94, 94, 94)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 49, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux/light-single-required.png", + "sha256": "956deeae64c08bc143f03a2ce83125f3ededc6fd49b90d929274c9dc508db723" + }, + "architecture": "arm64" + }, + { + "platform": "linux", + "theme": "light", + "name": "single-helper", + "configuration": { + "name": "single-helper", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "Choose a category.", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 110 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 78 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(94, 94, 94)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 49, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": { + "box": { + "x": 16, + "y": 80, + "width": 320, + "height": 14 + }, + "glyph": { + "x": 32, + "y": 80, + "width": 110.203125, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Choose a category.", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "0.4px", + "padding": "0px 16px", + "margin": "8px 0px 0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux/light-single-helper.png", + "sha256": "5df8e4739c930121d5f824f53fa62590d305a589a5374b68d218ebd849d7d9d5" + }, + "architecture": "arm64" + }, + { + "platform": "linux", + "theme": "light", + "name": "single-error", + "configuration": { + "name": "single-error", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "Choose an available category.", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [ + "Public nested ha-picker-field.invalid; error text uses the wrapper public helper input." + ], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 110 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 78 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "2px", + "backgroundColor": "rgb(219, 68, 55)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 49, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": { + "box": { + "x": 16, + "y": 80, + "width": 320, + "height": 14 + }, + "glyph": { + "x": 32, + "y": 80, + "width": 173.609375, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Choose an available category.", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "0.4px", + "padding": "0px 16px", + "margin": "8px 0px 0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux/light-single-error.png", + "sha256": "4d37b5bd554d29df2208e51ef699d1cd5d65bdf1e81f93951e2e2ac615cdb635" + }, + "architecture": "arm64" + }, + { + "platform": "linux", + "theme": "light", + "name": "single-narrow", + "configuration": { + "name": "single-narrow", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 180, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 212, + "height": 88 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(94, 94, 94)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 23.59375, + "width": 116, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 116, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 49, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 116, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 156, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux/light-single-narrow.png", + "sha256": "eafad8114e41dfd4729f2f4a1e288cb64d380223e26c474341dc33b55f5aa010" + }, + "architecture": "arm64" + }, + { + "platform": "linux", + "theme": "light", + "name": "single-rtl", + "configuration": { + "name": "single-rtl", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "rtl", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 88 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(94, 94, 94)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 64, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 64, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 271, + "y": 25.59375, + "width": 49, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 64, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 239, + "y": 45, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 24, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux/light-single-rtl.png", + "sha256": "d9c4ac399bd4f0cc56fbbcd4e400acc25ce0ac2342583624e10f6ac532a995d5" + }, + "architecture": "arm64" + }, + { + "platform": "linux", + "theme": "light", + "name": "single-long", + "configuration": { + "name": "single-long", + "multiple": false, + "label": "Category with a long description", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance and household repairs" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 180, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 212, + "height": 91.203125 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 59.203125 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 59.203125 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(94, 94, 94)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 59.203125 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 16, + "width": 116, + "height": 59.203125 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 32, + "y": 16, + "width": 116, + "height": 36.8125 + }, + "glyph": { + "x": 32, + "y": 18, + "width": 112, + "height": 32.40625 + }, + "focusVisible": false, + "disabled": null, + "text": "Category with a long description", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 32, + "y": 52.8125, + "width": 116, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 55.8125, + "width": 222, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance and household repairs", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 156, + "y": 35.59375, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux/light-single-long.png", + "sha256": "ebfbf6cf188204ab818aa3c6233e385bfde44dbb6ab92f23b47c039f370628d7" + }, + "architecture": "arm64" + }, + { + "platform": "linux", + "theme": "light", + "name": "single-clearable", + "configuration": { + "name": "single-clearable", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": true, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 88 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(94, 94, 94)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 23.59375, + "width": 232, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 232, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 49, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 232, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": { + "box": { + "x": 264, + "y": 28, + "width": 32, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px -8px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux/light-single-clearable.png", + "sha256": "c469ba4009768be450b6b54ff7c44c21f29a704296ebc3e1dcb2e77c7f5265bb" + }, + "architecture": "arm64" + }, + { + "platform": "linux", + "theme": "light", + "name": "single-menu", + "configuration": { + "name": "single-menu", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": true, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 24, + "y": 32, + "width": 368, + "height": 266 + }, + "host": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(94, 94, 94)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 40, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 40, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 40, + "y": 25.59375, + "width": 49, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 40, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 40, + "y": 45, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 304, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": { + "box": { + "x": 24, + "y": 72, + "width": 320, + "height": 170 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "4px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgb(230, 230, 230)", + "borderRadius": "8px", + "boxShadow": "rgba(0, 0, 0, 0.1) 0px 3px 6px -1px, rgba(0, 0, 0, 0.15) 0px 8px 16px -2px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "options": [ + { + "box": { + "x": 29, + "y": 77, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(239, 249, 254)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 117, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 157, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 197, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "0.5", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + } + ], + "optionLabels": [ + { + "box": { + "x": 43, + "y": 88.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 88.59375, + "width": 84, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 128.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 128.59375, + "width": 59, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Shopping", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 168.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 168.59375, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Other", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 208.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 208.59375, + "width": 54, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Archived", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + } + ] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux/light-single-menu.png", + "sha256": "68a773a1b226f1c6c9012920d4cd2f117ba6e310fd1fcdc2a6c508d23c4fd634" + }, + "architecture": "arm64" + }, + { + "platform": "linux", + "theme": "light", + "name": "single-menu-hover", + "configuration": { + "name": "single-menu-hover", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": true, + "opener": "keyboard", + "interaction": "option-hover", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 24, + "y": 32, + "width": 368, + "height": 266 + }, + "host": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(94, 94, 94)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 40, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 40, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 40, + "y": 25.59375, + "width": 49, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 40, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 40, + "y": 45, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 304, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": { + "box": { + "x": 24, + "y": 72, + "width": 320, + "height": 170 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "4px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgb(230, 230, 230)", + "borderRadius": "8px", + "boxShadow": "rgba(0, 0, 0, 0.1) 0px 3px 6px -1px, rgba(0, 0, 0, 0.15) 0px 8px 16px -2px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "options": [ + { + "box": { + "x": 29, + "y": 77, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": true, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(239, 249, 254)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 117, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(230, 230, 230)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 157, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 197, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "0.5", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + } + ], + "optionLabels": [ + { + "box": { + "x": 43, + "y": 88.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 88.59375, + "width": 84, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 128.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 128.59375, + "width": 59, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Shopping", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 168.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 168.59375, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Other", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 208.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 208.59375, + "width": 54, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Archived", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + } + ] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux/light-single-menu-hover.png", + "sha256": "9082067cc2a3714b5cd53ec865758560854aa20bd8eb445a25c4a8f96b1e1f30" + }, + "architecture": "arm64" + }, + { + "platform": "linux", + "theme": "light", + "name": "single-menu-keyboard", + "configuration": { + "name": "single-menu-keyboard", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": true, + "opener": "keyboard", + "interaction": "option-keyboard", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 24, + "y": 32, + "width": 368, + "height": 266 + }, + "host": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(94, 94, 94)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 40, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 40, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 40, + "y": 25.59375, + "width": 49, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 40, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 40, + "y": 45, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 304, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": { + "box": { + "x": 24, + "y": 72, + "width": 320, + "height": 170 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "4px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgb(230, 230, 230)", + "borderRadius": "8px", + "boxShadow": "rgba(0, 0, 0, 0.1) 0px 3px 6px -1px, rgba(0, 0, 0, 0.15) 0px 8px 16px -2px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "options": [ + { + "box": { + "x": 29, + "y": 77, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(239, 249, 254)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 117, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 157, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": true, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(230, 230, 230)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 197, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "0.5", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + } + ], + "optionLabels": [ + { + "box": { + "x": 43, + "y": 88.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 88.59375, + "width": 84, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 128.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 128.59375, + "width": 59, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Shopping", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 168.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 168.59375, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Other", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 208.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 208.59375, + "width": 54, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Archived", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + } + ] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux/light-single-menu-keyboard.png", + "sha256": "381bd0ff51c435ec0c9aba519cb75cfa2f4f0a06152776a1db1076ca6ebc8428" + }, + "architecture": "arm64" + }, + { + "platform": "linux", + "theme": "light", + "name": "single-menu-narrow", + "configuration": { + "name": "single-menu-narrow", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 180, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": true, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 24, + "y": 32, + "width": 228, + "height": 266 + }, + "host": { + "box": { + "x": 24, + "y": 16, + "width": 180, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 24, + "y": 16, + "width": 180, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(94, 94, 94)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 24, + "y": 16, + "width": 180, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 40, + "y": 23.59375, + "width": 116, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 40, + "y": 23.59375, + "width": 116, + "height": 18.40625 + }, + "glyph": { + "x": 40, + "y": 25.59375, + "width": 49, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 40, + "y": 42, + "width": 116, + "height": 22.390625 + }, + "glyph": { + "x": 40, + "y": 45, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 164, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": { + "box": { + "x": 24, + "y": 72, + "width": 180, + "height": 170 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "4px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgb(230, 230, 230)", + "borderRadius": "8px", + "boxShadow": "rgba(0, 0, 0, 0.1) 0px 3px 6px -1px, rgba(0, 0, 0, 0.15) 0px 8px 16px -2px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "options": [ + { + "box": { + "x": 29, + "y": 77, + "width": 170, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(239, 249, 254)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 117, + "width": 170, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 157, + "width": 170, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 197, + "width": 170, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "0.5", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + } + ], + "optionLabels": [ + { + "box": { + "x": 43, + "y": 88.59375, + "width": 142, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 88.59375, + "width": 84, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 128.59375, + "width": 142, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 128.59375, + "width": 59, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Shopping", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 168.59375, + "width": 142, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 168.59375, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Other", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 208.59375, + "width": 142, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 208.59375, + "width": 54, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Archived", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + } + ] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux/light-single-menu-narrow.png", + "sha256": "393005456bf0f01139345e6bbb7985243fff34c73b2329b57eb65fb83e0bbe37" + }, + "architecture": "arm64" + }, + { + "platform": "linux", + "theme": "light", + "name": "single-menu-rtl", + "configuration": { + "name": "single-menu-rtl", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "rtl", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": true, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 24, + "y": 32, + "width": 368, + "height": 266 + }, + "host": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(94, 94, 94)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 72, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 72, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 279, + "y": 25.59375, + "width": 49, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 72, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 247, + "y": 45, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 32, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": { + "box": { + "x": 24, + "y": 72, + "width": 320, + "height": 170 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "4px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgb(230, 230, 230)", + "borderRadius": "8px", + "boxShadow": "rgba(0, 0, 0, 0.1) 0px 3px 6px -1px, rgba(0, 0, 0, 0.15) 0px 8px 16px -2px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "options": [ + { + "box": { + "x": 29, + "y": 77, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(239, 249, 254)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 117, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 157, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 197, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "0.5", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + } + ], + "optionLabels": [ + { + "box": { + "x": 43, + "y": 88.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 241, + "y": 88.59375, + "width": 84, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 128.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 266, + "y": 128.59375, + "width": 59, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Shopping", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 168.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 290, + "y": 168.59375, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Other", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 208.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 271, + "y": 208.59375, + "width": 54, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Archived", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + } + ] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux/light-single-menu-rtl.png", + "sha256": "5614ec83cc471a96e9b9e2d2530f3f76d695095b88c541ccda07011c82105ff4" + }, + "architecture": "arm64" + }, + { + "platform": "linux", + "theme": "dark", + "name": "single-empty", + "configuration": { + "name": "single-empty", + "multiple": false, + "label": "Category", + "value": null, + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 88 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(177, 177, 177)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 32.796875, + "width": 256, + "height": 22.390625 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": null, + "headline": { + "box": { + "x": 32, + "y": 32.796875, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 35.796875, + "width": 57, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux/dark-single-empty.png", + "sha256": "1de8aff6ccb8031039e7823de998644a0506bf5102b009552c8a174aad0eda31" + }, + "architecture": "arm64" + }, + { + "platform": "linux", + "theme": "dark", + "name": "single-placeholder", + "configuration": { + "name": "single-placeholder", + "multiple": false, + "label": "Category", + "value": null, + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "Select an option", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [ + "Public nested ha-picker-field.placeholder; wrapper does not forward placeholder." + ], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 88 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(177, 177, 177)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 32.796875, + "width": 256, + "height": 22.390625 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": null, + "headline": { + "box": { + "x": 32, + "y": 32.796875, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 35.796875, + "width": 99, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Select an option", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux/dark-single-placeholder.png", + "sha256": "3174d80b2fd54c47a91af127c27ffcfe9f5c29e8e7bf3a5f9eeff724d1044b03" + }, + "architecture": "arm64" + }, + { + "platform": "linux", + "theme": "dark", + "name": "single-filled", + "configuration": { + "name": "single-filled", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 88 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(177, 177, 177)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 49, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux/dark-single-filled.png", + "sha256": "f0b1c06478cd5adcf983b115a779de66c4839487acdc23ccd70a7e6011f1eee5" + }, + "architecture": "arm64" + }, + { + "platform": "linux", + "theme": "dark", + "name": "single-hover", + "configuration": { + "name": "single-hover", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "hover", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 88 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(177, 177, 177)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 49, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux/dark-single-hover.png", + "sha256": "e54e21a457b61460d2b3367b7ac073299d0944a1edfcdd9072509290ce8caf6d" + }, + "architecture": "arm64" + }, + { + "platform": "linux", + "theme": "dark", + "name": "single-focus", + "configuration": { + "name": "single-focus", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "focus", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 88 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "2px", + "backgroundColor": "rgb(0, 154, 199)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": true, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 49, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux/dark-single-focus.png", + "sha256": "a8fbf2e6c41474c2f42e5131398b32d7984cd23142b77a053a7b006bcf6dafe4" + }, + "architecture": "arm64" + }, + { + "platform": "linux", + "theme": "dark", + "name": "single-empty-focus", + "configuration": { + "name": "single-empty-focus", + "multiple": false, + "label": "Category", + "value": null, + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "focus", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 88 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "2px", + "backgroundColor": "rgb(0, 154, 199)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": true, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 32.796875, + "width": 256, + "height": 22.390625 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": null, + "headline": { + "box": { + "x": 32, + "y": 32.796875, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 35.796875, + "width": 57, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux/dark-single-empty-focus.png", + "sha256": "d8cd08caab005a70e3b387eac168d96d9b9aa9b0ba6a7f2b3e7d2af1d1d68d39" + }, + "architecture": "arm64" + }, + { + "platform": "linux", + "theme": "dark", + "name": "single-disabled", + "configuration": { + "name": "single-disabled", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": true, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 88 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "0.5", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(177, 177, 177)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(16, 16, 16, 0.3)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(16, 16, 16, 0.3)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "0.5", + "outline": "rgba(16, 16, 16, 0.3) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 49, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux/dark-single-disabled.png", + "sha256": "d45a79d5121137fd957cd5b5c78485bc5945aaa9d8284fb72d9ea69db41f1c15" + }, + "architecture": "arm64" + }, + { + "platform": "linux", + "theme": "dark", + "name": "single-required", + "configuration": { + "name": "single-required", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": true, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 88 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(177, 177, 177)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 49, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux/dark-single-required.png", + "sha256": "5ff545e378894a3ab23253f1563d067d52175655678adb4eea7fd79561d38c86" + }, + "architecture": "arm64" + }, + { + "platform": "linux", + "theme": "dark", + "name": "single-helper", + "configuration": { + "name": "single-helper", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "Choose a category.", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 110 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 78 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(177, 177, 177)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 49, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": { + "box": { + "x": 16, + "y": 80, + "width": 320, + "height": 14 + }, + "glyph": { + "x": 32, + "y": 80, + "width": 110.203125, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Choose a category.", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "0.4px", + "padding": "0px 16px", + "margin": "8px 0px 0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux/dark-single-helper.png", + "sha256": "4ff08aead35ab21215dcb415616246227a4bde6c3861ed2cb4f841c20eeb5b80" + }, + "architecture": "arm64" + }, + { + "platform": "linux", + "theme": "dark", + "name": "single-error", + "configuration": { + "name": "single-error", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "Choose an available category.", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [ + "Public nested ha-picker-field.invalid; error text uses the wrapper public helper input." + ], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 110 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 78 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "2px", + "backgroundColor": "rgb(219, 68, 55)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 49, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": { + "box": { + "x": 16, + "y": 80, + "width": 320, + "height": 14 + }, + "glyph": { + "x": 32, + "y": 80, + "width": 173.609375, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Choose an available category.", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "0.4px", + "padding": "0px 16px", + "margin": "8px 0px 0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux/dark-single-error.png", + "sha256": "fb3dd08051e1f735b6b5b0282a2e77ef708a84d1d41fa5afef58da33553c442b" + }, + "architecture": "arm64" + }, + { + "platform": "linux", + "theme": "dark", + "name": "single-narrow", + "configuration": { + "name": "single-narrow", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 180, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 212, + "height": 88 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(177, 177, 177)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 23.59375, + "width": 116, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 116, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 49, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 116, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 156, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux/dark-single-narrow.png", + "sha256": "f6ee1411d46af2553457cbef2040f719f1b63a82ed4499dd85444540b75a7c31" + }, + "architecture": "arm64" + }, + { + "platform": "linux", + "theme": "dark", + "name": "single-rtl", + "configuration": { + "name": "single-rtl", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "rtl", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 88 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(177, 177, 177)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 64, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 64, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 271, + "y": 25.59375, + "width": 49, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 64, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 239, + "y": 45, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 24, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux/dark-single-rtl.png", + "sha256": "5f883805e20cd9292ed34efc8e8fbd2f1ebaa2fe78f377691d271dbe9f169573" + }, + "architecture": "arm64" + }, + { + "platform": "linux", + "theme": "dark", + "name": "single-long", + "configuration": { + "name": "single-long", + "multiple": false, + "label": "Category with a long description", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance and household repairs" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 180, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 212, + "height": 91.203125 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 59.203125 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 59.203125 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(177, 177, 177)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 59.203125 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 16, + "width": 116, + "height": 59.203125 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 32, + "y": 16, + "width": 116, + "height": 36.8125 + }, + "glyph": { + "x": 32, + "y": 18, + "width": 112, + "height": 32.40625 + }, + "focusVisible": false, + "disabled": null, + "text": "Category with a long description", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 32, + "y": 52.8125, + "width": 116, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 55.8125, + "width": 222, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance and household repairs", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 156, + "y": 35.59375, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux/dark-single-long.png", + "sha256": "cbfc56f805333a25cd14d483e07806172628806e0ecfb1c99af58762b5c856a3" + }, + "architecture": "arm64" + }, + { + "platform": "linux", + "theme": "dark", + "name": "single-clearable", + "configuration": { + "name": "single-clearable", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": true, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 88 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(177, 177, 177)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 23.59375, + "width": 232, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 232, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 49, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 232, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": { + "box": { + "x": 264, + "y": 28, + "width": 32, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px -8px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux/dark-single-clearable.png", + "sha256": "48c5345dcefdc6f83aedf8e894b7fbea589a8194fc144c372b8b35845111101c" + }, + "architecture": "arm64" + }, + { + "platform": "linux", + "theme": "dark", + "name": "single-menu", + "configuration": { + "name": "single-menu", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": true, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 24, + "y": 32, + "width": 368, + "height": 266 + }, + "host": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(177, 177, 177)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 40, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 40, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 40, + "y": 25.59375, + "width": 49, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 40, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 40, + "y": 45, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 304, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": { + "box": { + "x": 24, + "y": 72, + "width": 320, + "height": 170 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "4px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgb(94, 94, 94)", + "borderRadius": "8px", + "boxShadow": "rgba(0, 0, 0, 0.35) 0px 3px 6px -1px, rgba(0, 0, 0, 0.45) 0px 8px 16px -2px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "options": [ + { + "box": { + "x": 29, + "y": 77, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(0, 23, 33)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 117, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 157, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 197, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "0.5", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + } + ], + "optionLabels": [ + { + "box": { + "x": 43, + "y": 88.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 88.59375, + "width": 84, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 128.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 128.59375, + "width": 59, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Shopping", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 168.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 168.59375, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Other", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 208.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 208.59375, + "width": 54, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Archived", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + } + ] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux/dark-single-menu.png", + "sha256": "0673bd2be47a5d117802d107d1c3d969829f3ea2ba0f9965d7f4aadd3996b4e5" + }, + "architecture": "arm64" + }, + { + "platform": "linux", + "theme": "dark", + "name": "single-menu-hover", + "configuration": { + "name": "single-menu-hover", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": true, + "opener": "keyboard", + "interaction": "option-hover", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 24, + "y": 32, + "width": 368, + "height": 266 + }, + "host": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(177, 177, 177)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 40, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 40, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 40, + "y": 25.59375, + "width": 49, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 40, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 40, + "y": 45, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 304, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": { + "box": { + "x": 24, + "y": 72, + "width": 320, + "height": 170 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "4px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgb(94, 94, 94)", + "borderRadius": "8px", + "boxShadow": "rgba(0, 0, 0, 0.35) 0px 3px 6px -1px, rgba(0, 0, 0, 0.45) 0px 8px 16px -2px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "options": [ + { + "box": { + "x": 29, + "y": 77, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": true, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(0, 23, 33)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 117, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(32, 32, 32)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 157, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 197, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "0.5", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + } + ], + "optionLabels": [ + { + "box": { + "x": 43, + "y": 88.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 88.59375, + "width": 84, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 128.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 128.59375, + "width": 59, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Shopping", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 168.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 168.59375, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Other", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 208.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 208.59375, + "width": 54, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Archived", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + } + ] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux/dark-single-menu-hover.png", + "sha256": "5d89131f4f057972ee8f30436644158113fb98cd2640cd16a257f0ae549974ed" + }, + "architecture": "arm64" + }, + { + "platform": "linux", + "theme": "dark", + "name": "single-menu-keyboard", + "configuration": { + "name": "single-menu-keyboard", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": true, + "opener": "keyboard", + "interaction": "option-keyboard", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 24, + "y": 32, + "width": 368, + "height": 266 + }, + "host": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(177, 177, 177)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 40, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 40, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 40, + "y": 25.59375, + "width": 49, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 40, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 40, + "y": 45, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 304, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": { + "box": { + "x": 24, + "y": 72, + "width": 320, + "height": 170 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "4px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgb(94, 94, 94)", + "borderRadius": "8px", + "boxShadow": "rgba(0, 0, 0, 0.35) 0px 3px 6px -1px, rgba(0, 0, 0, 0.45) 0px 8px 16px -2px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "options": [ + { + "box": { + "x": 29, + "y": 77, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(0, 23, 33)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 117, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 157, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": true, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(32, 32, 32)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 197, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "0.5", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + } + ], + "optionLabels": [ + { + "box": { + "x": 43, + "y": 88.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 88.59375, + "width": 84, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 128.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 128.59375, + "width": 59, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Shopping", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 168.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 168.59375, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Other", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 208.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 208.59375, + "width": 54, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Archived", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + } + ] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux/dark-single-menu-keyboard.png", + "sha256": "d25f69f4188e25207b38d656afcf42d91e0b318e759d24539c59d24cd41b2401" + }, + "architecture": "arm64" + }, + { + "platform": "linux", + "theme": "dark", + "name": "single-menu-narrow", + "configuration": { + "name": "single-menu-narrow", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 180, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": true, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 24, + "y": 32, + "width": 228, + "height": 266 + }, + "host": { + "box": { + "x": 24, + "y": 16, + "width": 180, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 24, + "y": 16, + "width": 180, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(177, 177, 177)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 24, + "y": 16, + "width": 180, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 40, + "y": 23.59375, + "width": 116, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 40, + "y": 23.59375, + "width": 116, + "height": 18.40625 + }, + "glyph": { + "x": 40, + "y": 25.59375, + "width": 49, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 40, + "y": 42, + "width": 116, + "height": 22.390625 + }, + "glyph": { + "x": 40, + "y": 45, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 164, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": { + "box": { + "x": 24, + "y": 72, + "width": 180, + "height": 170 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "4px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgb(94, 94, 94)", + "borderRadius": "8px", + "boxShadow": "rgba(0, 0, 0, 0.35) 0px 3px 6px -1px, rgba(0, 0, 0, 0.45) 0px 8px 16px -2px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "options": [ + { + "box": { + "x": 29, + "y": 77, + "width": 170, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(0, 23, 33)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 117, + "width": 170, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 157, + "width": 170, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 197, + "width": 170, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "0.5", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + } + ], + "optionLabels": [ + { + "box": { + "x": 43, + "y": 88.59375, + "width": 142, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 88.59375, + "width": 84, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 128.59375, + "width": 142, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 128.59375, + "width": 59, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Shopping", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 168.59375, + "width": 142, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 168.59375, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Other", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 208.59375, + "width": 142, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 208.59375, + "width": 54, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Archived", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + } + ] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux/dark-single-menu-narrow.png", + "sha256": "531ce072d1f9b377d551cd871ff745887a8c895aaa2c87577fc449801997a86b" + }, + "architecture": "arm64" + }, + { + "platform": "linux", + "theme": "dark", + "name": "single-menu-rtl", + "configuration": { + "name": "single-menu-rtl", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "rtl", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": true, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 24, + "y": 32, + "width": 368, + "height": 266 + }, + "host": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(177, 177, 177)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 72, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 72, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 279, + "y": 25.59375, + "width": 49, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 72, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 247, + "y": 45, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 32, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": { + "box": { + "x": 24, + "y": 72, + "width": 320, + "height": 170 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "4px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgb(94, 94, 94)", + "borderRadius": "8px", + "boxShadow": "rgba(0, 0, 0, 0.35) 0px 3px 6px -1px, rgba(0, 0, 0, 0.45) 0px 8px 16px -2px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "options": [ + { + "box": { + "x": 29, + "y": 77, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(0, 23, 33)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 117, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 157, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 197, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "0.5", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + } + ], + "optionLabels": [ + { + "box": { + "x": 43, + "y": 88.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 241, + "y": 88.59375, + "width": 84, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 128.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 266, + "y": 128.59375, + "width": 59, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Shopping", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 168.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 290, + "y": 168.59375, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Other", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 208.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 271, + "y": 208.59375, + "width": 54, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Archived", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + } + ] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux/dark-single-menu-rtl.png", + "sha256": "5ff40727f0d126a56358af6cb6ce93f4a33fbcc7dbe299ab9403b56616cb3c3e" + }, + "architecture": "arm64" + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "name": "single-empty", + "configuration": { + "name": "single-empty", + "multiple": false, + "label": "Category", + "value": null, + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 88 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(94, 94, 94)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 32.796875, + "width": 256, + "height": 22.390625 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": null, + "headline": { + "box": { + "x": 32, + "y": 32.796875, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 35.796875, + "width": 57, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux-x64/light-single-empty.png", + "sha256": "af652779cff89a3e60db71288a8d842820acbd4f0fa3268131daff4bd91b350b" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "name": "single-placeholder", + "configuration": { + "name": "single-placeholder", + "multiple": false, + "label": "Category", + "value": null, + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "Select an option", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [ + "Public nested ha-picker-field.placeholder; wrapper does not forward placeholder." + ], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 88 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(94, 94, 94)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 32.796875, + "width": 256, + "height": 22.390625 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": null, + "headline": { + "box": { + "x": 32, + "y": 32.796875, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 35.796875, + "width": 99, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Select an option", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux-x64/light-single-placeholder.png", + "sha256": "d18bda921ad6a3d38e2975fb6ea259112cf51b7932214ed936820be5cf53b268" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "name": "single-filled", + "configuration": { + "name": "single-filled", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 88 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(94, 94, 94)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 49, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux-x64/light-single-filled.png", + "sha256": "e846c00ab7eef0bba9253ce1348b5718f705f06e82cea69f79989a513e60959e" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "name": "single-hover", + "configuration": { + "name": "single-hover", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "hover", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 88 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(94, 94, 94)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 49, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux-x64/light-single-hover.png", + "sha256": "0f0ab65c0d310811f099b50bc1509065718d30e1143618e60ad994da57ead945" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "name": "single-focus", + "configuration": { + "name": "single-focus", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "focus", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 88 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "2px", + "backgroundColor": "rgb(0, 154, 199)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": true, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 49, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux-x64/light-single-focus.png", + "sha256": "2b4e3c3d648889f08079d8b6f052668ce2999cb9aa01472c66488c5c405820f2" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "name": "single-empty-focus", + "configuration": { + "name": "single-empty-focus", + "multiple": false, + "label": "Category", + "value": null, + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "focus", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 88 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "2px", + "backgroundColor": "rgb(0, 154, 199)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": true, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 32.796875, + "width": 256, + "height": 22.390625 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": null, + "headline": { + "box": { + "x": 32, + "y": 32.796875, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 35.796875, + "width": 57, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux-x64/light-single-empty-focus.png", + "sha256": "873608d68993d74ff91889a18cc77a0e18c713d855f7aafc44778ee859d7853d" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "name": "single-disabled", + "configuration": { + "name": "single-disabled", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": true, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 88 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(204, 204, 204)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "0.5", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(94, 94, 94)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(16, 16, 16, 0.3)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(16, 16, 16, 0.3)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "0.5", + "outline": "rgba(16, 16, 16, 0.3) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 49, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux-x64/light-single-disabled.png", + "sha256": "6b926bd759176f49351577750da30c25d559cdd270ba35f9f4ca0883b5bf3e6f" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "name": "single-required", + "configuration": { + "name": "single-required", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": true, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 88 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(94, 94, 94)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 49, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux-x64/light-single-required.png", + "sha256": "956deeae64c08bc143f03a2ce83125f3ededc6fd49b90d929274c9dc508db723" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "name": "single-helper", + "configuration": { + "name": "single-helper", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "Choose a category.", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 110 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 78 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(94, 94, 94)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 49, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": { + "box": { + "x": 16, + "y": 80, + "width": 320, + "height": 14 + }, + "glyph": { + "x": 32, + "y": 80, + "width": 110.203125, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Choose a category.", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "0.4px", + "padding": "0px 16px", + "margin": "8px 0px 0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux-x64/light-single-helper.png", + "sha256": "5df8e4739c930121d5f824f53fa62590d305a589a5374b68d218ebd849d7d9d5" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "name": "single-error", + "configuration": { + "name": "single-error", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "Choose an available category.", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [ + "Public nested ha-picker-field.invalid; error text uses the wrapper public helper input." + ], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 110 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 78 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "2px", + "backgroundColor": "rgb(219, 68, 55)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 49, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": { + "box": { + "x": 16, + "y": 80, + "width": 320, + "height": 14 + }, + "glyph": { + "x": 32, + "y": 80, + "width": 173.609375, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Choose an available category.", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "0.4px", + "padding": "0px 16px", + "margin": "8px 0px 0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux-x64/light-single-error.png", + "sha256": "4d37b5bd554d29df2208e51ef699d1cd5d65bdf1e81f93951e2e2ac615cdb635" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "name": "single-narrow", + "configuration": { + "name": "single-narrow", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 180, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 212, + "height": 88 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(94, 94, 94)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 23.59375, + "width": 116, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 116, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 49, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 116, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 156, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux-x64/light-single-narrow.png", + "sha256": "eafad8114e41dfd4729f2f4a1e288cb64d380223e26c474341dc33b55f5aa010" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "name": "single-rtl", + "configuration": { + "name": "single-rtl", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "rtl", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 88 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(94, 94, 94)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 64, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 64, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 271, + "y": 25.59375, + "width": 49, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 64, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 239, + "y": 45, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 24, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux-x64/light-single-rtl.png", + "sha256": "d9c4ac399bd4f0cc56fbbcd4e400acc25ce0ac2342583624e10f6ac532a995d5" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "name": "single-long", + "configuration": { + "name": "single-long", + "multiple": false, + "label": "Category with a long description", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance and household repairs" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 180, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 212, + "height": 91.203125 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 59.203125 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 59.203125 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(94, 94, 94)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 59.203125 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 16, + "width": 116, + "height": 59.203125 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 32, + "y": 16, + "width": 116, + "height": 36.8125 + }, + "glyph": { + "x": 32, + "y": 18, + "width": 112, + "height": 32.40625 + }, + "focusVisible": false, + "disabled": null, + "text": "Category with a long description", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 32, + "y": 52.8125, + "width": 116, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 55.8125, + "width": 222, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance and household repairs", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 156, + "y": 35.59375, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux-x64/light-single-long.png", + "sha256": "ebfbf6cf188204ab818aa3c6233e385bfde44dbb6ab92f23b47c039f370628d7" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "name": "single-clearable", + "configuration": { + "name": "single-clearable", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": true, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 88 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(94, 94, 94)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 23.59375, + "width": 232, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 232, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 49, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 232, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": { + "box": { + "x": 264, + "y": 28, + "width": 32, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px -8px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux-x64/light-single-clearable.png", + "sha256": "c469ba4009768be450b6b54ff7c44c21f29a704296ebc3e1dcb2e77c7f5265bb" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "name": "single-menu", + "configuration": { + "name": "single-menu", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": true, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 24, + "y": 32, + "width": 368, + "height": 266 + }, + "host": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(94, 94, 94)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 40, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 40, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 40, + "y": 25.59375, + "width": 49, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 40, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 40, + "y": 45, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 304, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": { + "box": { + "x": 24, + "y": 72, + "width": 320, + "height": 170 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "4px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgb(230, 230, 230)", + "borderRadius": "8px", + "boxShadow": "rgba(0, 0, 0, 0.1) 0px 3px 6px -1px, rgba(0, 0, 0, 0.15) 0px 8px 16px -2px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "options": [ + { + "box": { + "x": 29, + "y": 77, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(239, 249, 254)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 117, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 157, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 197, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "0.5", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + } + ], + "optionLabels": [ + { + "box": { + "x": 43, + "y": 88.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 88.59375, + "width": 84, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 128.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 128.59375, + "width": 59, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Shopping", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 168.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 168.59375, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Other", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 208.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 208.59375, + "width": 54, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Archived", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + } + ] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux-x64/light-single-menu.png", + "sha256": "23b84f4742643700ec15eb2bae5483e6a5cb867cfd4116d9623c4d2a3a602369" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "name": "single-menu-hover", + "configuration": { + "name": "single-menu-hover", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": true, + "opener": "keyboard", + "interaction": "option-hover", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 24, + "y": 32, + "width": 368, + "height": 266 + }, + "host": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(94, 94, 94)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 40, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 40, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 40, + "y": 25.59375, + "width": 49, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 40, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 40, + "y": 45, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 304, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": { + "box": { + "x": 24, + "y": 72, + "width": 320, + "height": 170 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "4px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgb(230, 230, 230)", + "borderRadius": "8px", + "boxShadow": "rgba(0, 0, 0, 0.1) 0px 3px 6px -1px, rgba(0, 0, 0, 0.15) 0px 8px 16px -2px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "options": [ + { + "box": { + "x": 29, + "y": 77, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": true, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(239, 249, 254)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 117, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(230, 230, 230)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 157, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 197, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "0.5", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + } + ], + "optionLabels": [ + { + "box": { + "x": 43, + "y": 88.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 88.59375, + "width": 84, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 128.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 128.59375, + "width": 59, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Shopping", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 168.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 168.59375, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Other", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 208.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 208.59375, + "width": 54, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Archived", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + } + ] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux-x64/light-single-menu-hover.png", + "sha256": "9b8a3552789ee5770b52f3b018d21d3c3d11cbac60fb3e94fc57a7d0b8b760a2" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "name": "single-menu-keyboard", + "configuration": { + "name": "single-menu-keyboard", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": true, + "opener": "keyboard", + "interaction": "option-keyboard", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 24, + "y": 32, + "width": 368, + "height": 266 + }, + "host": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(94, 94, 94)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 40, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 40, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 40, + "y": 25.59375, + "width": 49, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 40, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 40, + "y": 45, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 304, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": { + "box": { + "x": 24, + "y": 72, + "width": 320, + "height": 170 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "4px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgb(230, 230, 230)", + "borderRadius": "8px", + "boxShadow": "rgba(0, 0, 0, 0.1) 0px 3px 6px -1px, rgba(0, 0, 0, 0.15) 0px 8px 16px -2px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "options": [ + { + "box": { + "x": 29, + "y": 77, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(239, 249, 254)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 117, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 157, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": true, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(230, 230, 230)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 197, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "0.5", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + } + ], + "optionLabels": [ + { + "box": { + "x": 43, + "y": 88.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 88.59375, + "width": 84, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 128.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 128.59375, + "width": 59, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Shopping", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 168.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 168.59375, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Other", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 208.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 208.59375, + "width": 54, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Archived", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + } + ] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux-x64/light-single-menu-keyboard.png", + "sha256": "3b95cc13a42458be196dcb50b8448302a24cb47d425698e28c6bf4dcb57f363d" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "name": "single-menu-narrow", + "configuration": { + "name": "single-menu-narrow", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 180, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": true, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 24, + "y": 32, + "width": 228, + "height": 266 + }, + "host": { + "box": { + "x": 24, + "y": 16, + "width": 180, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 24, + "y": 16, + "width": 180, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(94, 94, 94)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 24, + "y": 16, + "width": 180, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 40, + "y": 23.59375, + "width": 116, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 40, + "y": 23.59375, + "width": 116, + "height": 18.40625 + }, + "glyph": { + "x": 40, + "y": 25.59375, + "width": 49, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 40, + "y": 42, + "width": 116, + "height": 22.390625 + }, + "glyph": { + "x": 40, + "y": 45, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 164, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": { + "box": { + "x": 24, + "y": 72, + "width": 180, + "height": 170 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "4px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgb(230, 230, 230)", + "borderRadius": "8px", + "boxShadow": "rgba(0, 0, 0, 0.1) 0px 3px 6px -1px, rgba(0, 0, 0, 0.15) 0px 8px 16px -2px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "options": [ + { + "box": { + "x": 29, + "y": 77, + "width": 170, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(239, 249, 254)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 117, + "width": 170, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 157, + "width": 170, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 197, + "width": 170, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "0.5", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + } + ], + "optionLabels": [ + { + "box": { + "x": 43, + "y": 88.59375, + "width": 142, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 88.59375, + "width": 84, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 128.59375, + "width": 142, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 128.59375, + "width": 59, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Shopping", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 168.59375, + "width": 142, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 168.59375, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Other", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 208.59375, + "width": 142, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 208.59375, + "width": 54, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Archived", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + } + ] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux-x64/light-single-menu-narrow.png", + "sha256": "42497aaa22962c0f248c5232386b2bf4caa2e30374a44d77c163770926289721" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "light", + "name": "single-menu-rtl", + "configuration": { + "name": "single-menu-rtl", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "rtl", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": true, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 24, + "y": 32, + "width": 368, + "height": 266 + }, + "host": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(94, 94, 94)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 72, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 72, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 279, + "y": 25.59375, + "width": 49, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 72, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 247, + "y": 45, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 32, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": { + "box": { + "x": 24, + "y": 72, + "width": 320, + "height": 170 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "4px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgb(230, 230, 230)", + "borderRadius": "8px", + "boxShadow": "rgba(0, 0, 0, 0.1) 0px 3px 6px -1px, rgba(0, 0, 0, 0.15) 0px 8px 16px -2px", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "options": [ + { + "box": { + "x": 29, + "y": 77, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(239, 249, 254)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 117, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 157, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 197, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "0.5", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + } + ], + "optionLabels": [ + { + "box": { + "x": 43, + "y": 88.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 241, + "y": 88.59375, + "width": 84, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 128.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 266, + "y": 128.59375, + "width": 59, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Shopping", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 168.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 290, + "y": 168.59375, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Other", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 208.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 271, + "y": 208.59375, + "width": 54, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Archived", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + } + ] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux-x64/light-single-menu-rtl.png", + "sha256": "f99ccb94e07d568150214568c22c50b59a91e914897e74bcd1b31d504eeee660" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "name": "single-empty", + "configuration": { + "name": "single-empty", + "multiple": false, + "label": "Category", + "value": null, + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 88 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(177, 177, 177)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 32.796875, + "width": 256, + "height": 22.390625 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": null, + "headline": { + "box": { + "x": 32, + "y": 32.796875, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 35.796875, + "width": 57, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux-x64/dark-single-empty.png", + "sha256": "1de8aff6ccb8031039e7823de998644a0506bf5102b009552c8a174aad0eda31" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "name": "single-placeholder", + "configuration": { + "name": "single-placeholder", + "multiple": false, + "label": "Category", + "value": null, + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "Select an option", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [ + "Public nested ha-picker-field.placeholder; wrapper does not forward placeholder." + ], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 88 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(177, 177, 177)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 32.796875, + "width": 256, + "height": 22.390625 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": null, + "headline": { + "box": { + "x": 32, + "y": 32.796875, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 35.796875, + "width": 99, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Select an option", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux-x64/dark-single-placeholder.png", + "sha256": "3174d80b2fd54c47a91af127c27ffcfe9f5c29e8e7bf3a5f9eeff724d1044b03" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "name": "single-filled", + "configuration": { + "name": "single-filled", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 88 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(177, 177, 177)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 49, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux-x64/dark-single-filled.png", + "sha256": "f0b1c06478cd5adcf983b115a779de66c4839487acdc23ccd70a7e6011f1eee5" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "name": "single-hover", + "configuration": { + "name": "single-hover", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "hover", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 88 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(177, 177, 177)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 49, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux-x64/dark-single-hover.png", + "sha256": "e54e21a457b61460d2b3367b7ac073299d0944a1edfcdd9072509290ce8caf6d" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "name": "single-focus", + "configuration": { + "name": "single-focus", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "focus", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 88 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "2px", + "backgroundColor": "rgb(0, 154, 199)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": true, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 49, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux-x64/dark-single-focus.png", + "sha256": "a8fbf2e6c41474c2f42e5131398b32d7984cd23142b77a053a7b006bcf6dafe4" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "name": "single-empty-focus", + "configuration": { + "name": "single-empty-focus", + "multiple": false, + "label": "Category", + "value": null, + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "focus", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 88 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "2px", + "backgroundColor": "rgb(0, 154, 199)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": true, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 32.796875, + "width": 256, + "height": 22.390625 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": null, + "headline": { + "box": { + "x": 32, + "y": 32.796875, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 35.796875, + "width": 57, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux-x64/dark-single-empty-focus.png", + "sha256": "d8cd08caab005a70e3b387eac168d96d9b9aa9b0ba6a7f2b3e7d2af1d1d68d39" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "name": "single-disabled", + "configuration": { + "name": "single-disabled", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": true, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 88 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "0.5", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(177, 177, 177)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(16, 16, 16, 0.3)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(16, 16, 16, 0.3)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "0.5", + "outline": "rgba(16, 16, 16, 0.3) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 49, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux-x64/dark-single-disabled.png", + "sha256": "d45a79d5121137fd957cd5b5c78485bc5945aaa9d8284fb72d9ea69db41f1c15" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "name": "single-required", + "configuration": { + "name": "single-required", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": true, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 88 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(177, 177, 177)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 49, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux-x64/dark-single-required.png", + "sha256": "5ff545e378894a3ab23253f1563d067d52175655678adb4eea7fd79561d38c86" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "name": "single-helper", + "configuration": { + "name": "single-helper", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "Choose a category.", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 110 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 78 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(177, 177, 177)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 49, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": { + "box": { + "x": 16, + "y": 80, + "width": 320, + "height": 14 + }, + "glyph": { + "x": 32, + "y": 80, + "width": 110.203125, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Choose a category.", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "0.4px", + "padding": "0px 16px", + "margin": "8px 0px 0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux-x64/dark-single-helper.png", + "sha256": "4ff08aead35ab21215dcb415616246227a4bde6c3861ed2cb4f841c20eeb5b80" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "name": "single-error", + "configuration": { + "name": "single-error", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "Choose an available category.", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [ + "Public nested ha-picker-field.invalid; error text uses the wrapper public helper input." + ], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 110 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 78 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "2px", + "backgroundColor": "rgb(219, 68, 55)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 49, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": { + "box": { + "x": 16, + "y": 80, + "width": 320, + "height": 14 + }, + "glyph": { + "x": 32, + "y": 80, + "width": 173.609375, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Choose an available category.", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "0.4px", + "padding": "0px 16px", + "margin": "8px 0px 0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux-x64/dark-single-error.png", + "sha256": "fb3dd08051e1f735b6b5b0282a2e77ef708a84d1d41fa5afef58da33553c442b" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "name": "single-narrow", + "configuration": { + "name": "single-narrow", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 180, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 212, + "height": 88 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(177, 177, 177)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 23.59375, + "width": 116, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 116, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 49, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 116, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 156, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux-x64/dark-single-narrow.png", + "sha256": "f6ee1411d46af2553457cbef2040f719f1b63a82ed4499dd85444540b75a7c31" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "name": "single-rtl", + "configuration": { + "name": "single-rtl", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "rtl", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 88 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(177, 177, 177)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 64, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 64, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 271, + "y": 25.59375, + "width": 49, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 64, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 239, + "y": 45, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 24, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux-x64/dark-single-rtl.png", + "sha256": "5f883805e20cd9292ed34efc8e8fbd2f1ebaa2fe78f377691d271dbe9f169573" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "name": "single-long", + "configuration": { + "name": "single-long", + "multiple": false, + "label": "Category with a long description", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance and household repairs" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 180, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 212, + "height": 91.203125 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 59.203125 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 59.203125 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(177, 177, 177)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 59.203125 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 16, + "width": 116, + "height": 59.203125 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 32, + "y": 16, + "width": 116, + "height": 36.8125 + }, + "glyph": { + "x": 32, + "y": 18, + "width": 112, + "height": 32.40625 + }, + "focusVisible": false, + "disabled": null, + "text": "Category with a long description", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 32, + "y": 52.8125, + "width": 116, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 55.8125, + "width": 222, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance and household repairs", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 156, + "y": 35.59375, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux-x64/dark-single-long.png", + "sha256": "cbfc56f805333a25cd14d483e07806172628806e0ecfb1c99af58762b5c856a3" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "name": "single-clearable", + "configuration": { + "name": "single-clearable", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": true, + "opened": false, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 32, + "y": 32, + "width": 352, + "height": 88 + }, + "host": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(177, 177, 177)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 32, + "y": 23.59375, + "width": 232, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 232, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 49, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 232, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": { + "box": { + "x": 264, + "y": 28, + "width": 32, + "height": 32 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px -8px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "helper": null, + "menu": null, + "options": [], + "optionLabels": [] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux-x64/dark-single-clearable.png", + "sha256": "48c5345dcefdc6f83aedf8e894b7fbea589a8194fc144c372b8b35845111101c" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "name": "single-menu", + "configuration": { + "name": "single-menu", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": true, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 24, + "y": 32, + "width": 368, + "height": 266 + }, + "host": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(177, 177, 177)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 40, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 40, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 40, + "y": 25.59375, + "width": 49, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 40, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 40, + "y": 45, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 304, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": { + "box": { + "x": 24, + "y": 72, + "width": 320, + "height": 170 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "4px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgb(94, 94, 94)", + "borderRadius": "8px", + "boxShadow": "rgba(0, 0, 0, 0.35) 0px 3px 6px -1px, rgba(0, 0, 0, 0.45) 0px 8px 16px -2px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "options": [ + { + "box": { + "x": 29, + "y": 77, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(0, 23, 33)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 117, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 157, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 197, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "0.5", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + } + ], + "optionLabels": [ + { + "box": { + "x": 43, + "y": 88.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 88.59375, + "width": 84, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 128.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 128.59375, + "width": 59, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Shopping", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 168.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 168.59375, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Other", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 208.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 208.59375, + "width": 54, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Archived", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + } + ] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux-x64/dark-single-menu.png", + "sha256": "fa23a3d446d94f00195e785e5f89614cbdf894153b4b0e5c5023f6a7df2895a2" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "name": "single-menu-hover", + "configuration": { + "name": "single-menu-hover", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": true, + "opener": "keyboard", + "interaction": "option-hover", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 24, + "y": 32, + "width": 368, + "height": 266 + }, + "host": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(177, 177, 177)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 40, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 40, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 40, + "y": 25.59375, + "width": 49, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 40, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 40, + "y": 45, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 304, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": { + "box": { + "x": 24, + "y": 72, + "width": 320, + "height": 170 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "4px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgb(94, 94, 94)", + "borderRadius": "8px", + "boxShadow": "rgba(0, 0, 0, 0.35) 0px 3px 6px -1px, rgba(0, 0, 0, 0.45) 0px 8px 16px -2px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "options": [ + { + "box": { + "x": 29, + "y": 77, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": true, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(0, 23, 33)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 117, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(32, 32, 32)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 157, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 197, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "0.5", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + } + ], + "optionLabels": [ + { + "box": { + "x": 43, + "y": 88.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 88.59375, + "width": 84, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 128.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 128.59375, + "width": 59, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Shopping", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 168.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 168.59375, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Other", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 208.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 208.59375, + "width": 54, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Archived", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + } + ] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux-x64/dark-single-menu-hover.png", + "sha256": "e1739d02c93be4a1fb50095ac6bb5f4d7ed7202a04c8e296ddb1d770b4d33e09" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "name": "single-menu-keyboard", + "configuration": { + "name": "single-menu-keyboard", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": true, + "opener": "keyboard", + "interaction": "option-keyboard", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 24, + "y": 32, + "width": 368, + "height": 266 + }, + "host": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(177, 177, 177)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 40, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 40, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 40, + "y": 25.59375, + "width": 49, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 40, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 40, + "y": 45, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 304, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": { + "box": { + "x": 24, + "y": 72, + "width": 320, + "height": 170 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "4px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgb(94, 94, 94)", + "borderRadius": "8px", + "boxShadow": "rgba(0, 0, 0, 0.35) 0px 3px 6px -1px, rgba(0, 0, 0, 0.45) 0px 8px 16px -2px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "options": [ + { + "box": { + "x": 29, + "y": 77, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(0, 23, 33)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 117, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 157, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": true, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(32, 32, 32)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 197, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "0.5", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + } + ], + "optionLabels": [ + { + "box": { + "x": 43, + "y": 88.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 88.59375, + "width": 84, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 128.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 128.59375, + "width": 59, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Shopping", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 168.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 168.59375, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Other", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 208.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 208.59375, + "width": 54, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Archived", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + } + ] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux-x64/dark-single-menu-keyboard.png", + "sha256": "7b257d21efc7e6bb938f7c581aeb921568baecdbde4b1b7cb416b8d6d2fc4319" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "name": "single-menu-narrow", + "configuration": { + "name": "single-menu-narrow", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 180, + "dir": "ltr", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": true, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 24, + "y": 32, + "width": 228, + "height": 266 + }, + "host": { + "box": { + "x": 24, + "y": 16, + "width": 180, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 24, + "y": 16, + "width": 180, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(177, 177, 177)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 24, + "y": 16, + "width": 180, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 40, + "y": 23.59375, + "width": 116, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 40, + "y": 23.59375, + "width": 116, + "height": 18.40625 + }, + "glyph": { + "x": 40, + "y": 25.59375, + "width": 49, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 40, + "y": 42, + "width": 116, + "height": 22.390625 + }, + "glyph": { + "x": 40, + "y": 45, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 164, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": { + "box": { + "x": 24, + "y": 72, + "width": 180, + "height": 170 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "4px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgb(94, 94, 94)", + "borderRadius": "8px", + "boxShadow": "rgba(0, 0, 0, 0.35) 0px 3px 6px -1px, rgba(0, 0, 0, 0.45) 0px 8px 16px -2px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "options": [ + { + "box": { + "x": 29, + "y": 77, + "width": 170, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(0, 23, 33)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 117, + "width": 170, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 157, + "width": 170, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 197, + "width": 170, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "0.5", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + } + ], + "optionLabels": [ + { + "box": { + "x": 43, + "y": 88.59375, + "width": 142, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 88.59375, + "width": 84, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 128.59375, + "width": 142, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 128.59375, + "width": 59, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Shopping", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 168.59375, + "width": 142, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 168.59375, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Other", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 208.59375, + "width": 142, + "height": 16.796875 + }, + "glyph": { + "x": 43, + "y": 208.59375, + "width": 54, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Archived", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + } + ] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux-x64/dark-single-menu-narrow.png", + "sha256": "9e1288678a24c6e4533b5b129779cf96bc4f11179202a52026732880a42a7d85" + } + }, + { + "platform": "linux", + "architecture": "x64", + "theme": "dark", + "name": "single-menu-rtl", + "configuration": { + "name": "single-menu-rtl", + "multiple": false, + "label": "Category", + "value": "maintenance", + "options": [ + { + "value": "maintenance", + "label": "Maintenance" + }, + { + "value": "shopping", + "label": "Shopping" + }, + { + "value": "other", + "label": "Other" + }, + { + "value": "archived", + "label": "Archived", + "disabled": true + } + ], + "width": 320, + "dir": "rtl", + "disabled": false, + "required": false, + "helper": "", + "error": "", + "placeholder": "", + "clearable": false, + "opened": true, + "opener": "pointer", + "interaction": "resting", + "search": "" + }, + "fixtureMapping": [], + "frame": { + "x": 24, + "y": 32, + "width": 368, + "height": 266 + }, + "host": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "parts": { + "base": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(177, 177, 177)", + "opacity": "1" + } + }, + "trigger": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 0, 0)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 0, 0)", + "borderRadius": "4px 4px 0px 0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 0, 0) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "text": { + "box": { + "x": 72, + "y": 23.59375, + "width": 256, + "height": 40.796875 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "overline": { + "box": { + "x": 72, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 279, + "y": 25.59375, + "width": 49, + "height": 14 + }, + "focusVisible": false, + "disabled": null, + "text": "Category", + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "headline": { + "box": { + "x": 72, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 247, + "y": 45, + "width": 81, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "arrow": { + "box": { + "x": 32, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "16px", + "fontWeight": "400", + "lineHeight": "24px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "clear": null, + "helper": null, + "menu": { + "box": { + "x": 24, + "y": 72, + "width": 320, + "height": 170 + }, + "glyph": null, + "focusVisible": false, + "disabled": null, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "letterSpacing": "normal", + "padding": "4px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgb(94, 94, 94)", + "borderRadius": "8px", + "boxShadow": "rgba(0, 0, 0, 0.35) 0px 3px 6px -1px, rgba(0, 0, 0, 0.45) 0px 8px 16px -2px", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + "options": [ + { + "box": { + "x": 29, + "y": 77, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(0, 23, 33)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 117, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 157, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": false, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 29, + "y": 197, + "width": 310, + "height": 40 + }, + "glyph": null, + "focusVisible": false, + "disabled": true, + "text": null, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "boxShadow": "none", + "opacity": "0.5", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + } + ], + "optionLabels": [ + { + "box": { + "x": 43, + "y": 88.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 241, + "y": 88.59375, + "width": 84, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Maintenance", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 128.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 266, + "y": 128.59375, + "width": 59, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Shopping", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 168.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 290, + "y": 168.59375, + "width": 35, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Other", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + }, + { + "box": { + "x": 43, + "y": 208.59375, + "width": 282, + "height": 16.796875 + }, + "glyph": { + "x": 271, + "y": 208.59375, + "width": 54, + "height": 16 + }, + "focusVisible": false, + "disabled": null, + "text": "Archived", + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "letterSpacing": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "boxShadow": "none", + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)", + "opacity": "1" + } + } + ] + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true + }, + "image": { + "path": "tests/storybook/reference/ha-select/linux-x64/dark-single-menu-rtl.png", + "sha256": "c3597a7a1d3d935b4ca736ed33bbf76ecbd9679534cd336329cf627f46804cbd" + } + } + ], + "candidateCalibrated": true, + "capabilityComplete": false, + "curatedAtUTC": "2026-11-05T00:48:10.848880+00:00", + "pointerDepartureDiagnostic": { + "scope": "Separate recorded original-browser differential; preserved rather than substituted into the normal-state matrix. The original Linux component retains its manual ripple hover after a pointer-open menu loses native hover; waiting and real pointer reentry do not clear it. The authored component clears hover on an actual primary pointerleave. No OS/UA branch or copied stale-hover bug is introduced. Menu matrix states specify their opener and pointer position explicitly.", + "sourceReferenceSha256": "90eef81c55e3ebf2478436feac91208a36162b3f014140b6ef48fd44d62fe1b5", + "results": [ + { + "theme": "light", + "originalRippleHovered": true, + "originalNativeHover": false, + "eventCounts": { + "pointerenter": 70, + "pointerdown": 3, + "pointerup": 3, + "click": 3 + }, + "imageSha256": "68a773a1b226f1c6c9012920d4cd2f117ba6e310fd1fcdc2a6c508d23c4fd634" + }, + { + "theme": "dark", + "originalRippleHovered": true, + "originalNativeHover": false, + "eventCounts": { + "pointerenter": 70, + "pointerdown": 3, + "pointerup": 3, + "click": 3 + }, + "imageSha256": "0673bd2be47a5d117802d107d1c3d969829f3ea2ba0f9965d7f4aadd3996b4e5" + } + ] + }, + "referenceRepeatsComplete": true, + "architectureDiagnostic": { + "failedCI": "https://github.com/vypdev/ha-ui/actions/runs/41948582813", + "artifactSha256": "892da7918075e8ea14995bb3a3f3d6cf49dd97731b7f744d24acfa8001000697", + "cause": "Linux ARM64 and x64 rasterize dark translucent shadows differently. Comparing the x64 CI artifact with the ARM64 original changed roughly10% of pixels by one RGB level despite equal computed paint. Preserve both original matrices and select the measured Node/browser host architecture; no image transformation or bound increase.", + "versionCounterexample": "All 38 original x64 PNGs captured by image Chromium 156.0.8078.80 also match the exact CI Chromium 156.0.8078.4 originals byte for byte. Architecture determines the observed broad shadow difference." + }, + "priorCandidateAcceptance": { + "recordedAtUTC": "2026-11-05T01:21:30.013403+00:00", + "cohortCoreSha256": "96886f517070eea65d35f98a9493fe11ce9b1a9928d21239614f54ca5684ed54", + "platforms": { + "macos": { + "states": 38, + "exact": 2, + "near": 36, + "maximums": { + "peakChannelDelta": 6, + "meanChannelDelta": 0.006859253396649519, + "changedFraction": 0.006776810447170558, + "alphaChanges": 0 + }, + "motion": { + "ordinary": 0.015, + "reduced": 0.001, + "explicitZeroPreserved": true + }, + "openMenuAxeScans": 8, + "violations": 0, + "geometryBoundCSSPixels": 0.1, + "computedTypographyAndPaint": "exact", + "tolerance": { + "peakChannelDelta": 6, + "meanChannelDelta": 0.01, + "changedFraction": 0.01 + } + }, + "linux": { + "states": 38, + "exact": 2, + "near": 36, + "maximums": { + "peakChannelDelta": 3, + "meanChannelDelta": 0.0058534494130062, + "changedFraction": 0.0057710064635272396, + "alphaChanges": 0 + }, + "motion": { + "ordinary": 0.015, + "reduced": 0.001, + "explicitZeroPreserved": true + }, + "openMenuAxeScans": 8, + "violations": 0, + "geometryBoundCSSPixels": 0.1, + "computedTypographyAndPaint": "exact", + "tolerance": { + "peakChannelDelta": 6, + "meanChannelDelta": 0.01, + "changedFraction": 0.01 + } + } + }, + "fullFamilyComplete": false + }, + "candidateAcceptance": { + "recordedAtUTC": "2026-11-05T02:07:21.432586+00:00", + "cohortCoreSha256": "01be4e96167247e8b0f34de435829780d01e5b05a5500f82be8b3fa6858bde38", + "targets": { + "macos-arm64": { + "states": 38, + "exact": 2, + "near": 36, + "maximums": { + "peakChannelDelta": 6, + "meanChannelDelta": 0.006859253396649519, + "changedFraction": 0.006776810447170558, + "alphaChanges": 0 + }, + "motion": { + "ordinary": 0.015, + "reduced": 0.001, + "explicitZeroPreserved": true + }, + "openMenuAxeScans": 8, + "violations": 0, + "geometryBoundCSSPixels": 0.1, + "computedTypographyAndPaint": "exact", + "tolerance": { + "peakChannelDelta": 6, + "meanChannelDelta": 0.01, + "changedFraction": 0.01 + }, + "architecture": "arm64", + "browser": "156.0.8078.4" + }, + "linux-arm64": { + "states": 38, + "exact": 2, + "near": 36, + "maximums": { + "peakChannelDelta": 3, + "meanChannelDelta": 0.0058534494130062, + "changedFraction": 0.0057710064635272396, + "alphaChanges": 0 + }, + "motion": { + "ordinary": 0.015, + "reduced": 0.001, + "explicitZeroPreserved": true + }, + "openMenuAxeScans": 8, + "violations": 0, + "geometryBoundCSSPixels": 0.1, + "computedTypographyAndPaint": "exact", + "tolerance": { + "peakChannelDelta": 6, + "meanChannelDelta": 0.01, + "changedFraction": 0.01 + }, + "architecture": "arm64", + "browser": "156.0.8078.80" + }, + "linux-x64": { + "states": 38, + "exact": 2, + "near": 36, + "maximums": { + "peakChannelDelta": 3, + "meanChannelDelta": 0.0021435166864529746, + "changedFraction": 0.0020940509167655984, + "alphaChanges": 0 + }, + "motion": { + "ordinary": 0.015, + "reduced": 0.001, + "explicitZeroPreserved": true + }, + "openMenuAxeScans": 8, + "violations": 0, + "geometryBoundCSSPixels": 0.1, + "computedTypographyAndPaint": "exact", + "tolerance": { + "peakChannelDelta": 6, + "meanChannelDelta": 0.01, + "changedFraction": 0.01 + }, + "architecture": "x64", + "browser": "156.0.8078.4" + } + }, + "fullFamilyComplete": false + } +} diff --git a/docs/evidence/shared-ui-foundation.json b/docs/evidence/shared-ui-foundation.json new file mode 100644 index 0000000..3841c2d --- /dev/null +++ b/docs/evidence/shared-ui-foundation.json @@ -0,0 +1,37444 @@ +{ + "recordedAtUTC": "2026-11-05T02:07:21.432586+00:00", + "status": "Partial library: five shared families with four real bindings. Scoped navigation/checkbox/button/filled-field and single-picker visuals calibrated against original HA; multiple/chips/search, remaining families and full delivery/application acceptance remain required.", + "issue": 7, + "nativePublication": { + "run": 41767973796, + "commit": "2c14ddcd38cdebfc17922614e286c34c2038c392", + "base": "d885bccf2c3152c3151471d3efaabd901429d6bd", + "branch": "feature/7-build-shared-home-assistant-components-with-react-vue-angular-and-svelte-adapters" + }, + "retainedFoundation": { + "sha256": "2c1de5b2fdd330461aa198a42d8099b9af2d00ab4ecbecfe4fdd755290b2f922", + "baselineCases": 64, + "additionalDeliveryCases": 6, + "allStillRequired": true + }, + "implemented": [ + "Shared controlled navigation/panels, text field, native-form button, typed single/multiple select and boolean checkbox; immutable DOM-free contracts, explicit registration, typed cancelable intent and one renderer per family.", + "Real React/Vue/Angular/Svelte bindings for all five current families. Angular includes actual field/select/checkbox Forms bridges. Runtime adapter imports stay within pure contracts and the selected framework; no alternate visuals.", + "1198 passing Node/Chromium, architecture, CI, component/binding, lifecycle and Storybook tests. All 55 authored runtime modules are independently inventoried, including three zero-executable modules; all four metrics are 100% globally and per file.", + "Strict source and consumer-tool types plus Svelte package/test-fixture checks; no library checks skipped. Angular APF and Svelte declarations built by official package tools.", + "All five unpublished coordinates independently built/packed twice with identical bytes. Actual installed sources and publication metadata verified.", + "Four clean frozen offline compiled installed-package consumers exercise navigation, field, button, typed selects and boolean checkboxes, native validation/entries/reset/disabled behavior, cancellation, EN/ES/themes and teardown/remount. Actual tested five-coordinate archives are retained with their digests.", + "Angular actual consumer is AOT compiled and uses the official linker for all partial framework libraries, without a JIT fallback.", + "Core text field passes actual form ownership/submission, default submitter, required/length/custom validation, disabled fieldsets, readonly, reset, explicit restoration callbacks, focus/labels, controlled caret, composition-boundary and invalid-input regression tests. Its actual installed package passes compiled Chromium form journeys.", + "Angular text field implements ControlValueAccessor and the shared pure Validator: reactive controls, ngModel, nullable/nonnullable reset, dirty/touched and updateOn change/blur/submit pass. Foreign malformed event payloads are rejected before callbacks; validated snapshots survive observer payload mutation.", + "Sixty production-backed CSF stories and six autodocs pages. Static /ha-ui/ acceptance covers 128 locale/theme/width combinations with passing automatic and independent default-rule axe scans, plus fourteen frame-stable measured HA checkbox states. Both exact HA Roboto fonts are bundled locally.", + "Storybook found and regressed two shared renderer issues: insufficient light error contrast and partially clipped focused navigation destinations. Both reproduce before their common fixes.", + "Core button preserves native form validation/submitter/name-value/reset/default Enter using a documented real native auxiliary submitter; state, focus, busy prevention, slots and stale lifecycle/owner guards are exercised in source and actual installed-package consumers. All four button bindings pass source-browser and actual compiled installed-package consumers.", + "Typed selects preserve numeric/string/boolean model distinctions and frozen multiple selections. Missing, disabled or mode-mismatched values remain explicit and invalid rather than being replaced. Native entries, controlled reset/restoration, disabled fieldsets, external owners, labels, keyboard and all four form bridges pass source and actual installed consumers.", + "Boolean checkbox has independent app-controlled mixed presentation, one native input and 44px invisible target, strict literal payloads, controlled reset/restoration and all four real framework bindings.", + "Direct Chrome comparison used a dedicated window/group in the Efra profile, observed entity-table marked/mixed controls and restored selection mode without entity changes. This is agent observation, not owner acceptance of the full UX.", + "A reproduced stale Enter could submit after a text field or checkbox was disconnected and reattached to the same form. Both now bind deferred Enter to the original connection; a fresh Enter remains accepted.", + "Measured text-only dashboard tabs match eight original HA light/dark resting/hover/focus/disabled states in both navigation and panel modes. The source campaign adds17 cases; the static gate adds16 comparisons. Read-only decoded-pixel inspection finds zero changed pixels in all16 local samples; this does not claim cross-platform raster or full navigation/app acceptance.", + "Independent Linux replay proves the actual HA control and compiled candidate share91px Overview width versus89.484375px in macOS. Matching measured platform references preserve strict tests; no runtime renderer, package bytes, tolerance or source coverage exclusion changed in this correction.", + "Four additional browser cases and a12-case compiled production-component probe across Linux Chromium/Firefox/WebKit verify standard form behavior. Trusted submit/reset emits one request and no auxiliary click; direct native requestSubmit/reset emits no press/click. The runtime is unchanged. This counters the recorded Bugbot premise; native reassessment remains required and no finding was manually resolved/dismissed.", + "Local icon-only, icon-and-text and mixed dashboard navigation share the same native renderer. Twenty-four original HA states per measured platform back 52 source-browser cases and 48 static comparisons per platform. All 96 current icon sample PNGs are byte-identical to their corresponding original HA references; all 32 current text-tab samples also remain byte-identical. Six direct installed-core journeys and four actual compiled framework consumers verify local decorative SVG data, accessible names and runtime Spanish updates.", + "Shared overflow adds logical LTR/RTL paging, localized native controls, selection/focus reveal, measured mouse-panning threshold and observer/gesture lifecycle cleanup. Forty original HA states across macOS/Linux back forty source geometry cases and eighty compiled raster comparisons. All 208 current navigation sample PNGs match their corresponding original references byte for byte. Four actual installed-core mouse/keyboard journeys and four compiled framework consumers pass narrow EN/ES paging without selection.", + "HA button surfaces match 96 independently captured original states per measured platform, including real active pointers. Both original campaigns repeat byte-identically; all 192 current candidate/reference PNG pairs also match byte for byte. Small/medium painted geometry is separated from the native 44px target, verified with actual mouse clicks in its invisible margin and all four compiled framework bindings. Accessible catalog palette overrides are explicit differences from original HA tokens.", + "Filled fields match 44 original HA states per measured platform; all88 compiled candidate/reference PNG pairs are byte-identical. Floating/resting labels, painted/native56px controls, required marker, help/error/placeholder/narrow states, real padding clicks, hidden hosts, standalone/OS motion and actual compiled four-framework geometry are exercised. Independent accessible catalog colors pass16 resting/hover/focus combinations, separate from original HA palette parity.", + "The four compiled catalog forms preserve live status after native reset and subsequent user edits/submissions. Twelve real journeys plus automatic a11y/interactions pass across offline Linux Chromium/Firefox/WebKit. A minimal native output/Lit reproducer fails in the latter two engines; non-resettable polite status regions remove that failure. This is scoped catalog evidence, not full browser support.", + "Real pointer counterexamples preserve the production renderer/controller: measured gutter clicks lie before the native input; a fresh mousedown clears drag-click suppression before later activation. Nine actual-archive gutter cases and12 navigation journeys pass across Chromium/Firefox/WebKit. Four permanent source cases and the packaged outside-release journey retain the evidence for native reassessment; no finding is manually dismissed.", + "All five Vue bindings forward live native/ARIA/data attributes and listeners while one shared helper blocks content setters. All five core hosts honor hidden without altering controlled form values. Five new source regressions reproduce lost attributes; four subsequent failures reproduce hidden-host CSS. Ten actual compiled Vue hosts verify forwarded attributes, visibility and unchanged FormData.", + "Storybook clears prior completion at new preparation/loading/rendering and records a page-local revision. Two real same-story Reload actions require fresh successful automatic a11y reports; static and Chrome both observe revisions3,5,7. All12 compiled form journeys and existing exact HA pixel gates remain passing on measured engines/platforms.", + "The size=1 single selector uses one HA filled picker with authored combobox/listbox semantics, typed preview/commit/typeahead, an optional 44px clear target, viewport popup lifetime and all four visual-free bindings. Empty/all-disabled and retired-node/configuration/lifecycle counterexamples preserve the accepted typed model. Multiple and explicit visible lists still require calibration.", + "Two independent original campaigns agree for 114 single-picker PNG references across three measured platform/architecture targets. Current candidates pass exact computed paint and 0.1 CSS pixel geometry; six PNGs are byte-identical and 108 satisfy the documented selector-only full RGBA bounds. Eight open-menu default-rule axe scans per target and ordinary/reduced/zero motion pass. Existing 208 navigation, 192 button and 88 field pairs remain byte-identical across macOS ARM64 and Linux ARM64; fresh native hosted CI remains required.", + "The single-picker reference distinguishes macOS ARM64, Linux ARM64 and Linux x64. All 114 original PNGs repeat independently, with the exact CI browser used for x64. The immutable previously failed CI artifact passes against its independently captured x64 originals under the unchanged selector bounds. Previous 76 reference images are untouched.", + "Popup scroll listeners cover each shadow root in the composed anchor ancestry, including assigned slots, and share the abort lifetime. Two settled pointer-away source regressions fail before this correction and pass afterward. Ordinary non-bubbling native scroll already worked; a missing-capture counterfactual now fails. Actual compiled core passes all three container topologies in Chromium, Firefox and WebKit with typed values/FormData intact." + ], + "coverage": { + "lines": { + "total": 953, + "covered": 953, + "skipped": 0, + "pct": 100 + }, + "statements": { + "total": 2173, + "covered": 2173, + "skipped": 0, + "pct": 100 + }, + "functions": { + "total": 532, + "covered": 532, + "skipped": 0, + "pct": 100 + }, + "branches": { + "total": 1487, + "covered": 1487, + "skipped": 0, + "pct": 100 + }, + "branchesTrue": { + "total": 0, + "covered": 0, + "skipped": 0, + "pct": 100 + } + }, + "sourceIdentities": { + ".storybook/main.ts": "49ab4d11f8baa8116c2e5ac746db7269153c442ed28ffd017d6ed5e2a5d90b66", + ".storybook/preview.ts": "d8f242916035c087b77a8a89f2d9928115457b827653b29bd886924f202d64a2", + "packages/angular/src/button.ts": "41ae6d56d8812a99984e71367276b12801f322ea3de7afb550867e79f698dc66", + "packages/angular/src/checkbox.ts": "b6d5cc9d1d1dba0f0d7254041332d309b19d1a2c2b426070e4a5c3dbc65363a7", + "packages/angular/src/index.ts": "5b930f7fff5d5923a9990370c01e875ba6338519ac901a3fde6156280f8d6e50", + "packages/angular/src/select.ts": "673b08ba21277e1d15899ab7e994c9e0c7d83ed35e6fde1cedada9a9ca3fe6f7", + "packages/angular/src/text-field.ts": "fe0e40f32969c5e3d43bc721f1f0474ecc2fca45e33e12415c30af64a23f4ea4", + "packages/core/src/button-contracts.ts": "fcbb48c8776a72d27e8b61e664de1318aec2edc31a4eeb87313780678533ba99", + "packages/core/src/checkbox-contracts.ts": "9e42c7b7b7756626528a811157b55bed217b3c8516c5346878350e5d94027382", + "packages/core/src/contracts.ts": "f1960ec11de84f7d0ef4271a903a86c5d83fc4f9353c5409070795c134e24561", + "packages/core/src/field-contracts.ts": "130e143f3f69dfaa6e0397cf68cd2ec824823b44ff3f4488d92b19180d50b738", + "packages/core/src/index.ts": "557499ed9c2281f045f46b19e96ab594aafc130c26e3f2b5f01e222338ba71d8", + "packages/core/src/navigation-scroll.ts": "add9d3a9235af2704287df8eb54fef5f061bbecbb85f594de5d573e6d146bd3e", + "packages/core/src/presentation-text.ts": "ad2eb8396a26638ba8d2f2f7cee3656195646aaea077cdc0d3ecd06fc95b3df2", + "packages/core/src/select-contracts.ts": "3998091ef9e8d3ae555c4f5a2139364b7315ae6ed10e4e04c6920d5c2e98d7a2", + "packages/core/src/select-navigation.ts": "ca64ba575d1b2c151b11d6702a8ca0f0a9e3e6f94c97d2e9460dd5bbd4032f28", + "packages/core/src/components/button.ts": "ad62d9426a43f969d8f54a828334950cfc7789006a63549bcb09a8268a11132a", + "packages/core/src/components/checkbox.ts": "2c774155517e161ac583f58d04bd2b9403eb0bac4b6ebf0cac4fd7bf27d903ee", + "packages/core/src/components/field.ts": "dd48b4fa97171b73a0a7826273ba43f2d32f2cbc2581b806f8f0aca84a3d4843", + "packages/core/src/components/implicit-submit.ts": "b4cc1f28d7e31c12984ea6018ddb70df9c0cb48c06a5dfc2402731ca7527f6ca", + "packages/core/src/components/navigation-overflow.ts": "0e709f2ea4d700b0a712bfb0d853adfe928478228bc1b9dcdf75de3ea4d13a86", + "packages/core/src/components/select.ts": "6a97afba8e79ac7895d3e2c018a9a90c9d1aa6eca9ec7650039bf19895461688", + "packages/core/src/components/selection-popup.ts": "75f983ed41a27aee11c6c13738bfd05050ed1b41e92b50f9f2db030481649bf3", + "packages/core/src/components/tabs.ts": "c3be3d4e88d8b781883776209c25f775e8d698a4ee578c7a3247de495cc18981", + "packages/react/src/button.ts": "dfe36710fb8db11e674efb43715525bfd246f6819086c3a3628a662920df04eb", + "packages/react/src/checkbox.ts": "7c92ee1e6cd60058434db3e0bad8bd8aba668dfbcb6a59c39a9fb54684583266", + "packages/react/src/index.ts": "a51b2e15ea715c8f6ff0b7f233f0ac1860d6a25889e013417e4a2fe048d1fe0b", + "packages/react/src/select.ts": "9ef616bc827366efc8dfd596c40e0b9c6f04d0c674e03792a2b55f56630875aa", + "packages/react/src/text-field.ts": "1d9249cb835aa1205bcb634fee2f75af01bc5c7833f9f71391e72de560c67656", + "packages/svelte/src/Button.svelte": "61f2927ec5b878bfa6cee124692b5191b960116e6d861418dca5ee6effcefadc", + "packages/svelte/src/Checkbox.svelte": "083067e0301355338f13fb2e97b4318893c0b56bdd5510cf365c8c6c666389f8", + "packages/svelte/src/Field.svelte": "174e62b2fd01af8279ab42ce58ab530a0ee14d370bcdb646139f5a143052b8a0", + "packages/svelte/src/Select.svelte": "39fe9d4b286a30774f1dd8b6a893f9e021dcf72b2d24a39a3f549d3b43c99d8a", + "packages/svelte/src/Tabs.svelte": "974845c12ec9d760b6f76a43ae89fd4c1618d7b4d56381d98d16f65abc5b27c4", + "packages/svelte/src/index.ts": "98d05367b973b46542dc7b26e4c38678caa865936d94b53a9e01b54cff47dda4", + "packages/svelte/src/types.ts": "6a9e3a332182daad03e85898d18583eebe9de156cdb98adf494433e90a7a4009", + "packages/vue/src/button.ts": "da2c92b4a721e7b678dbd2ff37fadf1dcc65940b22bcb3b83db3e7094f12fd7a", + "packages/vue/src/checkbox.ts": "5e365ba3ad2433127c18267f0552829688f2ea0ba3851415ccdbf51f9550de67", + "packages/vue/src/index.ts": "6a0c9570ad1ff3c1b6b5359ac0231e4a663fdf961621401696ad994c854166d2", + "packages/vue/src/native-host-attributes.ts": "0e757b4e845296680368a219ddf19848d46baee33686863b624839fe881991da", + "packages/vue/src/select.ts": "dc38601adb59d9b819969bbdd9fdb66824e7131145c315c1a5fcb11a0db5810e", + "packages/vue/src/text-field.ts": "f50a666721cad4f46a26e48ed35d121f9b658f64bbebe01415eb85ce040da87b", + "stories/button.example.ts": "7753c6b779243e592a658100a823eb0b05c9692d3b64a038787f4e5ba48747f6", + "stories/catalog-completion.ts": "cf400926387599c270f15774827cc03f5cf0f4581c10df117808f88bdd03f9b5", + "stories/catalog-example.ts": "c5fa904779d81d2f081573051234b2d57f98c74c5c4ca99cbc8717584c2494e8", + "stories/catalog-frame.ts": "78e0c2079b1d5dc8d0a6ee0b3d998828b24ccc108319f974d34d286c6c344880", + "stories/catalog-state.ts": "bdf543ab1dae6bb9e840e248d3167c31c37791f1f58c895a61db50afbbdba304", + "stories/checkbox.example.ts": "a091a1c2cf25808a7d01fa75a3deb65e926d1f1b9c13feb30ba0b481f1a5f266", + "stories/field.example.ts": "b019be45b16105db056eca7c67db559ccf8cc96bb80e310d6c9ffe75e65790c6", + "stories/foundation.example.ts": "527c4037f1fcd1306ba021ee3636193efb72e54381d4da2940f0fa9f1bbb665a", + "stories/navigation-icons.ts": "95f7888a174b67175d9304af53b2f8b06b4164d149bdb896d0fc57252a202196", + "stories/panels.example.ts": "43360759af3020195576a8fbbee37774351e1f3c45109798642805b25fbb67b2", + "stories/select.example.ts": "ddfe140aaa4c42d07e93faeb977689bbbf99d00494b2bba723baeb7609b61015", + "tooling/coverage.mjs": "ad527a5d04517adb1992ac65a9abfffcabb9a2001f7f652c732dbe35899b56c8", + "tooling/raster.mjs": "1f37b9baa8ea90fe1875f1eb89b245bc7e1be8153a598e3a3ae3385a13c3fd57" + }, + "packedContract": { + "scope": "Core data, navigation, text field and button; four field and button framework bindings are verified separately; broader controls and application adoption remain required", + "sha256": "01be4e96167247e8b0f34de435829780d01e5b05a5500f82be8b3fa6858bde38", + "bytes": 126634, + "reproducible": true, + "cleanOfflineInstall": true, + "frozenRuntimeLock": true, + "isolatedMetadataCache": true, + "negativeWithoutLockRejected": true, + "compiledWithoutDomTypes": true, + "serverImport": true, + "packedBrowser": { + "engine": "chromium", + "version": "156.0.8078.4", + "compiledClient": true, + "navigation": true, + "panels": true, + "textField": { + "controlledInput": true, + "nativeSubmitter": true, + "requiredValidation": true, + "reset": true, + "disabledSubmission": true + }, + "runtimeSpanishAndTheme": true, + "reducedMotion": true, + "consoleErrors": [] + } + }, + "limitations": [ + "Five current families have four real bindings. Dialogs, cards/rows/layout/tokens/status and remaining families/form bridges are still required.", + "Text-field composition events and restoration callbacks are explicitly exercised; real device IME and automatic browser history restoration remain unverified.", + "Exact recorded framework pins pass the five implemented families; full cohort support and broader public peer ranges remain unaccepted.", + "Next.js, Nuxt and SvelteKit explicit server-shell/client fixtures, hydration behavior and the full cross-engine component matrix remain unverified. The scoped native/shared Enter differential passes Chromium, Firefox and WebKit only.", + "All six delivery refinements, accepted-candidate promotion/publication recovery, public Storybook hosting, publisher authority and live publication remain required.", + "Gateway and Domus adoption, installed deployment/recovery and human UX acceptance remain unverified.", + "All 64 original baseline cases and six additional delivery cases remain required; no partial increment completes issue #7.", + "Fresh hosted CI and complete native Bugbot review are required for the source head.", + "Default-theme text/icon samples are calibrated on measured macOS/Linux Chromium. Custom font/theme breadth and broader responsive composition remain required, as do select visual calibration and full library/app UX acceptance." + ], + "copilotModified": false, + "capabilityComplete": false, + "reviewRegression": { + "finding": 4463468597, + "before": "32 C1 cases failed; 78 contract cases passed.", + "after": "All 138 unit/architecture/CI-contract cases pass; every C1 code point rejected in group labels, item labels and links; visible U+00A0/U+00A1 preserved.", + "manualResolution": false + }, + "lockSha256": "31ba0c22064513fb8b94f469bf10f075bbd20f5ced92901cd13f951f1a207f92", + "browserEvidence": { + "engine": "Chromium 156.0.8078.4", + "actualPackageImages": [ + "test-results/packed-angular-button-dark-es.png", + "test-results/packed-angular-button-light.png", + "test-results/packed-angular-dark-es.png", + "test-results/packed-angular-field-dark-es.png", + "test-results/packed-angular-field-error-dark-es.png", + "test-results/packed-angular-select-dark-es.png", + "test-results/packed-angular-select-light.png", + "test-results/packed-angular-select-multiple-dark-es.png", + "test-results/packed-angular-select-multiple-light.png", + "test-results/packed-field-dark-es.png", + "test-results/packed-navigation-light.png", + "test-results/packed-panels-dark-es.png", + "test-results/packed-react-button-dark-es.png", + "test-results/packed-react-button-light.png", + "test-results/packed-react-dark-es.png", + "test-results/packed-react-field-dark-es.png", + "test-results/packed-react-field-error-dark-es.png", + "test-results/packed-react-select-dark-es.png", + "test-results/packed-react-select-light.png", + "test-results/packed-react-select-multiple-dark-es.png", + "test-results/packed-react-select-multiple-light.png", + "test-results/packed-svelte-button-dark-es.png", + "test-results/packed-svelte-button-light.png", + "test-results/packed-svelte-dark-es.png", + "test-results/packed-svelte-field-dark-es.png", + "test-results/packed-svelte-field-error-dark-es.png", + "test-results/packed-svelte-select-dark-es.png", + "test-results/packed-svelte-select-light.png", + "test-results/packed-svelte-select-multiple-dark-es.png", + "test-results/packed-svelte-select-multiple-light.png", + "test-results/packed-vue-button-dark-es.png", + "test-results/packed-vue-button-light.png", + "test-results/packed-vue-dark-es.png", + "test-results/packed-vue-field-dark-es.png", + "test-results/packed-vue-field-error-dark-es.png", + "test-results/packed-vue-select-dark-es.png", + "test-results/packed-vue-select-light.png", + "test-results/packed-vue-select-multiple-dark-es.png", + "test-results/packed-vue-select-multiple-light.png" + ], + "imagesInspected": true, + "focusRegression": "focus-return-red.log reproduces the stale tab-stop; full green run has no skipped tests.", + "initialTestAttempt": "Browser cases were authored before the renderer. The first attempted execution could not start because the pinned Chromium binary was absent; no behavioral red result is claimed for that attempt. After runtime provisioning, the first actual run found two fixture/server-boundary issues, recorded in browser-first-execution.log.", + "textFieldCases": 34, + "localRetainedImages": [ + "work/current-preview/packed-angular-dark-es.png", + "work/current-preview/packed-angular-field-dark-es.png", + "work/current-preview/packed-angular-field-error-dark-es.png", + "work/current-preview/packed-field-dark-es.png", + "work/current-preview/packed-navigation-light.png", + "work/current-preview/packed-panels-dark-es.png", + "work/current-preview/packed-react-dark-es.png", + "work/current-preview/packed-react-field-dark-es.png", + "work/current-preview/packed-react-field-error-dark-es.png", + "work/current-preview/packed-svelte-dark-es.png", + "work/current-preview/packed-svelte-field-dark-es.png", + "work/current-preview/packed-svelte-field-error-dark-es.png", + "work/current-preview/packed-vue-dark-es.png", + "work/current-preview/packed-vue-field-dark-es.png", + "work/current-preview/packed-vue-field-error-dark-es.png" + ], + "fieldVisualReview": "The actual packed dark Spanish field image was inspected; unchanged navigation/framework images match the previously inspected bytes.", + "fieldRegression": "invalid-edit-red.log reproduced one failure: a malformed synthetic edit left a rejected draft visible. current-coverage.log passes the permanent regression and restores accepted DOM/form state without emitting intent.", + "fieldInitialRed": "renderer-red.log rejected the missing renderer module before implementation; this is an API-absence red, not a behavioral assertion result.", + "frameworkTextFieldCases": 35, + "frameworkFieldVisualReview": "All eight framework field images are represented by three unique byte groups; each unique valid/error dark Spanish image was inspected. Core geometry and semantics remain shared. The current dark error fixture supplies its public semantic error token; a representative new original image is inspected and all four consumers assert the computed color.", + "frameworkFieldRed": "invalid-event-red.log reproduced four failing adapter cases before the pure payload guard. The final source campaign includes those regressions and observer-mutation cases.", + "packedFieldInitialAttempts": "packed.log stopped before any browser launch because the local browser path variable was absent. packed-with-runtime.log then exposed a premature React UI-counter assertion; the driver now waits for the observed render state. current-packed.log passes all actual compiled forms; no unsupported behavioral red claim is made for the launch failure.", + "buttonCases": 25, + "frameworkButtonCases": 32, + "selectCoreCases": 20, + "selectFrameworkCases": 45, + "fullSourceCases": 881 + }, + "consumerIsolationRegression": { + "failedHostedRun": "https://github.com/vypdev/ha-ui/actions/runs/41773354203/job/126387929863", + "reason": "Unlocked offline fixture attempted to resolve Lit through absent ambient registry metadata. Product unit/browser coverage and build passed.", + "localRed": "isolated-metadata-red.log reproduces ERR_PNPM_NO_OFFLINE_META with a fresh fixture cache.", + "correction": "Derive the exact runtime dependency graph and integrity records from the reviewed workspace lock; bind the actual tarball integrity, use a frozen offline install and assert the fixture lock remains byte-identical.", + "permanentNegativeControl": "An independent unlocked fixture must reject with ERR_PNPM_NO_OFFLINE_META against the same empty metadata cache.", + "localGreen": "frozen-packed-green.log; strict types, frozen isolated install, DOM-free compilation/import and real packed Chromium journeys pass.", + "freshHostedRequired": true + }, + "packedFrameworks": { + "scope": "Navigation, one controlled text field, native-form buttons, boolean checkboxes and typed single/multiple selects with four framework bindings; other controls, framework SSR and application adoption remain required", + "frameworks": [ + { + "framework": "react", + "compiled": true, + "frozenOfflineInstall": true, + "noForeignFramework": true, + "candidateArchives": [ + { + "file": "file:../pack-1/vypdev-ha-ui-react-0.1.0-next.1.tgz", + "sha256": "f52ee057d281272bc360bff435678ae871ca3ce4b509eb23b2ebe4610c98cea7" + }, + { + "file": "file:../pack-1/vypdev-ha-ui-0.1.0-next.1.tgz", + "sha256": "01be4e96167247e8b0f34de435829780d01e5b05a5500f82be8b3fa6858bde38" + } + ], + "props": true, + "events": true, + "slots": true, + "disabled": true, + "runtimeSpanishAndTheme": true, + "keyboard": true, + "teardownAndRemount": true, + "navigationIcons": { + "complexIconData": true, + "iconOnlyAccessibleName": true, + "visibleLabel": true, + "decorative": true + }, + "textField": { + "controlledModel": true, + "exactlyOnce": true, + "cancellation": true, + "programmaticWrite": true, + "nativeSubmitter": true, + "requiredValidation": true, + "disabledSubmission": true, + "frameworkReset": true, + "teardownAndRemount": true, + "materialGeometry": { + "x": 8, + "y": 211, + "paintedHeight": 56, + "nativeHeight": 56, + "labelSize": "10px", + "blockers": 1 + }, + "paintedGutterFocusWithoutModelIntent": true + }, + "button": { + "sharedRenderer": true, + "originalCancelableRequest": true, + "validatedAcceptedSnapshot": true, + "keyboardActivation": true, + "nativeValidation": true, + "nativeSubmitter": true, + "frameworkReset": true, + "disabledAndBusy": true, + "projectionPreservesSubmitter": true, + "teardownAndRemount": true + }, + "select": { + "typedNumberStringBoolean": true, + "pickerTypeahead": true, + "originalRequestExactlyOnce": true, + "cancellation": true, + "programmaticWritesEmitNoIntent": true, + "asyncOptionsPreserveModel": true, + "requiredValidation": true, + "disabledSubmission": true, + "nativeFormData": true, + "multipleTypedValues": true, + "frameworkReset": true, + "teardownAndRemount": true + }, + "checkbox": { + "strictBoolean": true, + "indeterminateSeparateFromChecked": true, + "nativeLabelAndSpace": true, + "originalRequestExactlyOnce": true, + "cancellation": true, + "programmaticWritesEmitNoIntent": true, + "requiredNativeValidation": true, + "disabledSubmission": true, + "defaultAndCustomPayload": true, + "enterUsesSharedSubmitter": true, + "frameworkReset": true, + "angularResetModels": null, + "teardownAndRemount": true + }, + "browser": "156.0.8078.4", + "errors": [] + }, + { + "framework": "vue", + "compiled": true, + "frozenOfflineInstall": true, + "noForeignFramework": true, + "candidateArchives": [ + { + "file": "file:../pack-1/vypdev-ha-ui-vue-0.1.0-next.1.tgz", + "sha256": "a7cd17241850ba98587ab252b43c9add647aa913e43a7cbcfddc28783f1b9343" + }, + { + "file": "file:../pack-1/vypdev-ha-ui-0.1.0-next.1.tgz", + "sha256": "01be4e96167247e8b0f34de435829780d01e5b05a5500f82be8b3fa6858bde38" + } + ], + "props": true, + "events": true, + "slots": true, + "disabled": true, + "runtimeSpanishAndTheme": true, + "keyboard": true, + "teardownAndRemount": true, + "nativeHostAttributes": [ + { + "tag": "vyp-ha-tabs", + "title": "Vue host attributes", + "description": "Installed Vue host attributes", + "proof": "forwarded", + "hidden": "none", + "visibleHeight": 56, + "before": null, + "whileHidden": null + }, + { + "tag": "vyp-ha-field", + "title": "Vue host attributes", + "description": "Installed Vue host attributes", + "proof": "forwarded", + "hidden": "none", + "visibleHeight": 84, + "before": [ + [ + "task", + "Kitchen" + ] + ], + "whileHidden": [ + [ + "task", + "Kitchen" + ] + ] + }, + { + "tag": "vyp-ha-button", + "title": "Vue host attributes", + "description": "Installed Vue host attributes", + "proof": "forwarded", + "hidden": "none", + "visibleHeight": 44, + "before": [ + [ + "task", + "Kitchen" + ] + ], + "whileHidden": [ + [ + "task", + "Kitchen" + ] + ] + }, + { + "tag": "vyp-ha-button", + "title": "Vue host attributes", + "description": "Installed Vue host attributes", + "proof": "forwarded", + "hidden": "none", + "visibleHeight": 44, + "before": [ + [ + "task", + "Kitchen" + ] + ], + "whileHidden": [ + [ + "task", + "Kitchen" + ] + ] + }, + { + "tag": "vyp-ha-select", + "title": "Vue host attributes", + "description": "Installed Vue host attributes", + "proof": "forwarded", + "hidden": "none", + "visibleHeight": 78, + "before": [ + [ + "category", + "1" + ] + ], + "whileHidden": [ + [ + "category", + "1" + ] + ] + }, + { + "tag": "vyp-ha-button", + "title": "Vue host attributes", + "description": "Installed Vue host attributes", + "proof": "forwarded", + "hidden": "none", + "visibleHeight": 44, + "before": [ + [ + "category", + "1" + ] + ], + "whileHidden": [ + [ + "category", + "1" + ] + ] + }, + { + "tag": "vyp-ha-button", + "title": "Vue host attributes", + "description": "Installed Vue host attributes", + "proof": "forwarded", + "hidden": "none", + "visibleHeight": 44, + "before": [ + [ + "category", + "1" + ] + ], + "whileHidden": [ + [ + "category", + "1" + ] + ] + }, + { + "tag": "vyp-ha-checkbox", + "title": "Vue host attributes", + "description": "Installed Vue host attributes", + "proof": "forwarded", + "hidden": "none", + "visibleHeight": 39, + "before": [], + "whileHidden": [] + }, + { + "tag": "vyp-ha-button", + "title": "Vue host attributes", + "description": "Installed Vue host attributes", + "proof": "forwarded", + "hidden": "none", + "visibleHeight": 44, + "before": [], + "whileHidden": [] + }, + { + "tag": "vyp-ha-button", + "title": "Vue host attributes", + "description": "Installed Vue host attributes", + "proof": "forwarded", + "hidden": "none", + "visibleHeight": 44, + "before": [], + "whileHidden": [] + } + ], + "navigationIcons": { + "complexIconData": true, + "iconOnlyAccessibleName": true, + "visibleLabel": true, + "decorative": true + }, + "textField": { + "controlledModel": true, + "exactlyOnce": true, + "cancellation": true, + "programmaticWrite": true, + "nativeSubmitter": true, + "requiredValidation": true, + "disabledSubmission": true, + "frameworkReset": true, + "teardownAndRemount": true, + "materialGeometry": { + "x": 8, + "y": 211, + "paintedHeight": 56, + "nativeHeight": 56, + "labelSize": "10px", + "blockers": 1 + }, + "paintedGutterFocusWithoutModelIntent": true + }, + "button": { + "sharedRenderer": true, + "originalCancelableRequest": true, + "validatedAcceptedSnapshot": true, + "keyboardActivation": true, + "nativeValidation": true, + "nativeSubmitter": true, + "frameworkReset": true, + "disabledAndBusy": true, + "projectionPreservesSubmitter": true, + "teardownAndRemount": true + }, + "select": { + "typedNumberStringBoolean": true, + "pickerTypeahead": true, + "originalRequestExactlyOnce": true, + "cancellation": true, + "programmaticWritesEmitNoIntent": true, + "asyncOptionsPreserveModel": true, + "requiredValidation": true, + "disabledSubmission": true, + "nativeFormData": true, + "multipleTypedValues": true, + "frameworkReset": true, + "teardownAndRemount": true + }, + "checkbox": { + "strictBoolean": true, + "indeterminateSeparateFromChecked": true, + "nativeLabelAndSpace": true, + "originalRequestExactlyOnce": true, + "cancellation": true, + "programmaticWritesEmitNoIntent": true, + "requiredNativeValidation": true, + "disabledSubmission": true, + "defaultAndCustomPayload": true, + "enterUsesSharedSubmitter": true, + "frameworkReset": true, + "angularResetModels": null, + "teardownAndRemount": true + }, + "browser": "156.0.8078.4", + "errors": [] + }, + { + "framework": "angular", + "compiled": true, + "frozenOfflineInstall": true, + "noForeignFramework": true, + "candidateArchives": [ + { + "file": "file:../pack-1/vypdev-ha-ui-angular-0.1.0-next.1.tgz", + "sha256": "cd072396d71f9d3c46596b5e1498b71bc05f70e954371c229ae494da45effa85" + }, + { + "file": "file:../pack-1/vypdev-ha-ui-0.1.0-next.1.tgz", + "sha256": "01be4e96167247e8b0f34de435829780d01e5b05a5500f82be8b3fa6858bde38" + } + ], + "props": true, + "events": true, + "slots": true, + "disabled": true, + "runtimeSpanishAndTheme": true, + "keyboard": true, + "teardownAndRemount": true, + "navigationIcons": { + "complexIconData": true, + "iconOnlyAccessibleName": true, + "visibleLabel": true, + "decorative": true + }, + "textField": { + "controlledModel": true, + "exactlyOnce": true, + "cancellation": true, + "programmaticWrite": true, + "nativeSubmitter": true, + "requiredValidation": true, + "disabledSubmission": true, + "frameworkReset": true, + "teardownAndRemount": true, + "materialGeometry": { + "x": 8, + "y": 211, + "paintedHeight": 56, + "nativeHeight": 56, + "labelSize": "10px", + "blockers": 1 + }, + "paintedGutterFocusWithoutModelIntent": true + }, + "button": { + "sharedRenderer": true, + "originalCancelableRequest": true, + "validatedAcceptedSnapshot": true, + "keyboardActivation": true, + "nativeValidation": true, + "nativeSubmitter": true, + "frameworkReset": true, + "disabledAndBusy": true, + "projectionPreservesSubmitter": true, + "teardownAndRemount": true + }, + "select": { + "typedNumberStringBoolean": true, + "pickerTypeahead": true, + "originalRequestExactlyOnce": true, + "cancellation": true, + "programmaticWritesEmitNoIntent": true, + "asyncOptionsPreserveModel": true, + "requiredValidation": true, + "disabledSubmission": true, + "nativeFormData": true, + "multipleTypedValues": true, + "frameworkReset": true, + "teardownAndRemount": true + }, + "checkbox": { + "strictBoolean": true, + "indeterminateSeparateFromChecked": true, + "nativeLabelAndSpace": true, + "originalRequestExactlyOnce": true, + "cancellation": true, + "programmaticWritesEmitNoIntent": true, + "requiredNativeValidation": true, + "disabledSubmission": true, + "defaultAndCustomPayload": true, + "enterUsesSharedSubmitter": true, + "frameworkReset": true, + "angularResetModels": [ + false, + false + ], + "teardownAndRemount": true + }, + "browser": "156.0.8078.4", + "errors": [] + }, + { + "framework": "svelte", + "compiled": true, + "frozenOfflineInstall": true, + "noForeignFramework": true, + "candidateArchives": [ + { + "file": "file:../pack-1/vypdev-ha-ui-svelte-0.1.0-next.1.tgz", + "sha256": "ab634e99415376b8f8c021808454f6e45519572640c6b5c08349310d41a47aba" + }, + { + "file": "file:../pack-1/vypdev-ha-ui-0.1.0-next.1.tgz", + "sha256": "01be4e96167247e8b0f34de435829780d01e5b05a5500f82be8b3fa6858bde38" + } + ], + "props": true, + "events": true, + "slots": true, + "disabled": true, + "runtimeSpanishAndTheme": true, + "keyboard": true, + "teardownAndRemount": true, + "navigationIcons": { + "complexIconData": true, + "iconOnlyAccessibleName": true, + "visibleLabel": true, + "decorative": true + }, + "textField": { + "controlledModel": true, + "exactlyOnce": true, + "cancellation": true, + "programmaticWrite": true, + "nativeSubmitter": true, + "requiredValidation": true, + "disabledSubmission": true, + "frameworkReset": true, + "teardownAndRemount": true, + "materialGeometry": { + "x": 8, + "y": 211, + "paintedHeight": 56, + "nativeHeight": 56, + "labelSize": "10px", + "blockers": 1 + }, + "paintedGutterFocusWithoutModelIntent": true + }, + "button": { + "sharedRenderer": true, + "originalCancelableRequest": true, + "validatedAcceptedSnapshot": true, + "keyboardActivation": true, + "nativeValidation": true, + "nativeSubmitter": true, + "frameworkReset": true, + "disabledAndBusy": true, + "projectionPreservesSubmitter": true, + "teardownAndRemount": true + }, + "select": { + "typedNumberStringBoolean": true, + "pickerTypeahead": true, + "originalRequestExactlyOnce": true, + "cancellation": true, + "programmaticWritesEmitNoIntent": true, + "asyncOptionsPreserveModel": true, + "requiredValidation": true, + "disabledSubmission": true, + "nativeFormData": true, + "multipleTypedValues": true, + "frameworkReset": true, + "teardownAndRemount": true + }, + "checkbox": { + "strictBoolean": true, + "indeterminateSeparateFromChecked": true, + "nativeLabelAndSpace": true, + "originalRequestExactlyOnce": true, + "cancellation": true, + "programmaticWritesEmitNoIntent": true, + "requiredNativeValidation": true, + "disabledSubmission": true, + "defaultAndCustomPayload": true, + "enterUsesSharedSubmitter": true, + "frameworkReset": true, + "angularResetModels": null, + "teardownAndRemount": true + }, + "browser": "156.0.8078.4", + "errors": [] + } + ] + }, + "packedCohort": { + "scope": "Unpublished navigation, text-field, button, checkbox and typed-select preview with four framework bindings; no registry publication or full capability acceptance", + "cohort": [ + { + "coordinate": "@vypdev/ha-ui", + "version": "0.1.0-next.1", + "sha256": "01be4e96167247e8b0f34de435829780d01e5b05a5500f82be8b3fa6858bde38", + "bytes": 126634 + }, + { + "coordinate": "@vypdev/ha-ui-angular", + "version": "0.1.0-next.1", + "sha256": "cd072396d71f9d3c46596b5e1498b71bc05f70e954371c229ae494da45effa85", + "bytes": 10097 + }, + { + "coordinate": "@vypdev/ha-ui-react", + "version": "0.1.0-next.1", + "sha256": "f52ee057d281272bc360bff435678ae871ca3ce4b509eb23b2ebe4610c98cea7", + "bytes": 7467 + }, + { + "coordinate": "@vypdev/ha-ui-svelte", + "version": "0.1.0-next.1", + "sha256": "ab634e99415376b8f8c021808454f6e45519572640c6b5c08349310d41a47aba", + "bytes": 4403 + }, + { + "coordinate": "@vypdev/ha-ui-vue", + "version": "0.1.0-next.1", + "sha256": "a7cd17241850ba98587ab252b43c9add647aa913e43a7cbcfddc28783f1b9343", + "bytes": 8648 + } + ], + "reproducible": true, + "sourceLockSha256": "31ba0c22064513fb8b94f469bf10f075bbd20f5ced92901cd13f951f1a207f92" + }, + "frameworkPreviewPins": { + "react": "19.3.1", + "reactTypes": "19.3.0", + "vue": "3.5.44", + "angular": "22.2.4", + "svelte": "5.57.3", + "typescript": "6.0.3", + "ngPackagr": "22.2.5", + "sveltePackage": "3.0.2", + "sveltePlugin": "7.3.1", + "svelteCheck": "4.7.8", + "babel": "8.0.1", + "angularForms": "22.2.4" + }, + "frameworkBoundaries": { + "validated": "Navigation, one controlled single-line text field, native-form buttons and typed single/multiple selects; remaining controls are still required", + "forms": { + "singleLineTextField": true, + "otherControls": false, + "typedSingleAndMultipleSelect": true + }, + "frameworkSSRAndHydration": false, + "otherBrowserEngines": false, + "applicationAdoption": false, + "publication": false, + "storybook": "Implemented catalog/static subpath verified for current families; public Pages deployment and complete-family/human acceptance pending", + "coreNativeTextField": true, + "buttonFrameworkBindings": true, + "coreButton": true, + "selectFrameworkBindings": true + }, + "coldSourceValidation": { + "distAbsentForChecks": true, + "commands": [ + "pnpm test", + "pnpm check" + ], + "restoredFiles": 136, + "restoredBytesUnchanged": true, + "runtimeFiles": 55, + "publishableScope": { + "path": "tests/browser/select-chips.test.ts", + "sha256": "44180dc5d7807209431eda10c81b6725409950547915a81d14a13366fa6e8c50", + "restoredIdentically": true, + "reason": "Six red TDD cases belong to the following uncommitted multiple-picker increment; they are absent from this published correction." + } + }, + "restoreReviewRegression": { + "finding": "https://github.com/vypdev/ha-ui/pull/10#discussion_r4464672339", + "problem": "The deferred pre-render test assigned a literal expected value without proving restoration intent was observed.", + "correction": "Capture the restore request before connection, assert its immutable detail and unchanged baseline, then acknowledge its captured value after render; assert no second request. The synchronous acknowledgment case remains.", + "validation": "352 source tests pass; coverage remains 100% per authored runtime file and globally. Runtime source/cohort bytes are unchanged.", + "manualResolution": false + }, + "storybook": { + "subpath": "/ha-ui/", + "storyCount": 60, + "docsCount": 6, + "matrix": [ + { + "story": "navigation-household-sections--long-labels", + "locale": "en", + "theme": "light", + "width": 360, + "a11yViolations": 0, + "automatic": { + "storyId": "navigation-household-sections--long-labels", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "tabs-local-panels--unselected", + "locale": "en", + "theme": "light", + "width": 360, + "a11yViolations": 0, + "automatic": { + "storyId": "tabs-local-panels--unselected", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "forms-text-field--read-only", + "locale": "en", + "theme": "light", + "width": 360, + "a11yViolations": 0, + "automatic": { + "storyId": "forms-text-field--read-only", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "forms-text-field--error", + "locale": "en", + "theme": "light", + "width": 360, + "a11yViolations": 0, + "automatic": { + "storyId": "forms-text-field--error", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "forms-text-field--empty-optional", + "locale": "en", + "theme": "light", + "width": 360, + "a11yViolations": 0, + "automatic": { + "storyId": "forms-text-field--empty-optional", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "forms-text-field--focused-optional", + "locale": "en", + "theme": "light", + "width": 360, + "a11yViolations": 0, + "automatic": { + "storyId": "forms-text-field--focused-optional", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "buttons-actions--variants", + "locale": "en", + "theme": "light", + "width": 360, + "a11yViolations": 0, + "automatic": { + "storyId": "buttons-actions--variants", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "buttons-actions--loading", + "locale": "en", + "theme": "light", + "width": 360, + "a11yViolations": 0, + "automatic": { + "storyId": "buttons-actions--loading", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "forms-select--default", + "locale": "en", + "theme": "light", + "width": 360, + "a11yViolations": 0, + "automatic": { + "storyId": "forms-select--default", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "forms-select--multiple", + "locale": "en", + "theme": "light", + "width": 360, + "a11yViolations": 0, + "automatic": { + "storyId": "forms-select--multiple", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "forms-checkbox--partial", + "locale": "en", + "theme": "light", + "width": 360, + "a11yViolations": 0, + "automatic": { + "storyId": "forms-checkbox--partial", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "forms-checkbox--long-label", + "locale": "en", + "theme": "light", + "width": 360, + "a11yViolations": 0, + "automatic": { + "storyId": "forms-checkbox--long-label", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "navigation-household-sections--mixed", + "locale": "en", + "theme": "light", + "width": 360, + "a11yViolations": 0, + "automatic": { + "storyId": "navigation-household-sections--mixed", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "tabs-local-panels--icon-only", + "locale": "en", + "theme": "light", + "width": 360, + "a11yViolations": 0, + "automatic": { + "storyId": "tabs-local-panels--icon-only", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "navigation-household-sections--overflow", + "locale": "en", + "theme": "light", + "width": 360, + "a11yViolations": 0, + "automatic": { + "storyId": "navigation-household-sections--overflow", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "tabs-local-panels--overflow", + "locale": "en", + "theme": "light", + "width": 360, + "a11yViolations": 0, + "automatic": { + "storyId": "tabs-local-panels--overflow", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "navigation-household-sections--long-labels", + "locale": "en", + "theme": "light", + "width": 960, + "a11yViolations": 0, + "automatic": { + "storyId": "navigation-household-sections--long-labels", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "tabs-local-panels--unselected", + "locale": "en", + "theme": "light", + "width": 960, + "a11yViolations": 0, + "automatic": { + "storyId": "tabs-local-panels--unselected", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "forms-text-field--read-only", + "locale": "en", + "theme": "light", + "width": 960, + "a11yViolations": 0, + "automatic": { + "storyId": "forms-text-field--read-only", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "forms-text-field--error", + "locale": "en", + "theme": "light", + "width": 960, + "a11yViolations": 0, + "automatic": { + "storyId": "forms-text-field--error", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "forms-text-field--empty-optional", + "locale": "en", + "theme": "light", + "width": 960, + "a11yViolations": 0, + "automatic": { + "storyId": "forms-text-field--empty-optional", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "forms-text-field--focused-optional", + "locale": "en", + "theme": "light", + "width": 960, + "a11yViolations": 0, + "automatic": { + "storyId": "forms-text-field--focused-optional", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "buttons-actions--variants", + "locale": "en", + "theme": "light", + "width": 960, + "a11yViolations": 0, + "automatic": { + "storyId": "buttons-actions--variants", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "buttons-actions--loading", + "locale": "en", + "theme": "light", + "width": 960, + "a11yViolations": 0, + "automatic": { + "storyId": "buttons-actions--loading", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "forms-select--default", + "locale": "en", + "theme": "light", + "width": 960, + "a11yViolations": 0, + "automatic": { + "storyId": "forms-select--default", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "forms-select--multiple", + "locale": "en", + "theme": "light", + "width": 960, + "a11yViolations": 0, + "automatic": { + "storyId": "forms-select--multiple", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "forms-checkbox--partial", + "locale": "en", + "theme": "light", + "width": 960, + "a11yViolations": 0, + "automatic": { + "storyId": "forms-checkbox--partial", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "forms-checkbox--long-label", + "locale": "en", + "theme": "light", + "width": 960, + "a11yViolations": 0, + "automatic": { + "storyId": "forms-checkbox--long-label", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "navigation-household-sections--mixed", + "locale": "en", + "theme": "light", + "width": 960, + "a11yViolations": 0, + "automatic": { + "storyId": "navigation-household-sections--mixed", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "tabs-local-panels--icon-only", + "locale": "en", + "theme": "light", + "width": 960, + "a11yViolations": 0, + "automatic": { + "storyId": "tabs-local-panels--icon-only", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "navigation-household-sections--overflow", + "locale": "en", + "theme": "light", + "width": 960, + "a11yViolations": 0, + "automatic": { + "storyId": "navigation-household-sections--overflow", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "tabs-local-panels--overflow", + "locale": "en", + "theme": "light", + "width": 960, + "a11yViolations": 0, + "automatic": { + "storyId": "tabs-local-panels--overflow", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "navigation-household-sections--long-labels", + "locale": "en", + "theme": "dark", + "width": 360, + "a11yViolations": 0, + "automatic": { + "storyId": "navigation-household-sections--long-labels", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "tabs-local-panels--unselected", + "locale": "en", + "theme": "dark", + "width": 360, + "a11yViolations": 0, + "automatic": { + "storyId": "tabs-local-panels--unselected", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "forms-text-field--read-only", + "locale": "en", + "theme": "dark", + "width": 360, + "a11yViolations": 0, + "automatic": { + "storyId": "forms-text-field--read-only", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "forms-text-field--error", + "locale": "en", + "theme": "dark", + "width": 360, + "a11yViolations": 0, + "automatic": { + "storyId": "forms-text-field--error", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "forms-text-field--empty-optional", + "locale": "en", + "theme": "dark", + "width": 360, + "a11yViolations": 0, + "automatic": { + "storyId": "forms-text-field--empty-optional", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "forms-text-field--focused-optional", + "locale": "en", + "theme": "dark", + "width": 360, + "a11yViolations": 0, + "automatic": { + "storyId": "forms-text-field--focused-optional", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "buttons-actions--variants", + "locale": "en", + "theme": "dark", + "width": 360, + "a11yViolations": 0, + "automatic": { + "storyId": "buttons-actions--variants", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "buttons-actions--loading", + "locale": "en", + "theme": "dark", + "width": 360, + "a11yViolations": 0, + "automatic": { + "storyId": "buttons-actions--loading", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "forms-select--default", + "locale": "en", + "theme": "dark", + "width": 360, + "a11yViolations": 0, + "automatic": { + "storyId": "forms-select--default", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "forms-select--multiple", + "locale": "en", + "theme": "dark", + "width": 360, + "a11yViolations": 0, + "automatic": { + "storyId": "forms-select--multiple", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "forms-checkbox--partial", + "locale": "en", + "theme": "dark", + "width": 360, + "a11yViolations": 0, + "automatic": { + "storyId": "forms-checkbox--partial", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "forms-checkbox--long-label", + "locale": "en", + "theme": "dark", + "width": 360, + "a11yViolations": 0, + "automatic": { + "storyId": "forms-checkbox--long-label", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "navigation-household-sections--mixed", + "locale": "en", + "theme": "dark", + "width": 360, + "a11yViolations": 0, + "automatic": { + "storyId": "navigation-household-sections--mixed", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "tabs-local-panels--icon-only", + "locale": "en", + "theme": "dark", + "width": 360, + "a11yViolations": 0, + "automatic": { + "storyId": "tabs-local-panels--icon-only", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "navigation-household-sections--overflow", + "locale": "en", + "theme": "dark", + "width": 360, + "a11yViolations": 0, + "automatic": { + "storyId": "navigation-household-sections--overflow", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "tabs-local-panels--overflow", + "locale": "en", + "theme": "dark", + "width": 360, + "a11yViolations": 0, + "automatic": { + "storyId": "tabs-local-panels--overflow", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "navigation-household-sections--long-labels", + "locale": "en", + "theme": "dark", + "width": 960, + "a11yViolations": 0, + "automatic": { + "storyId": "navigation-household-sections--long-labels", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "tabs-local-panels--unselected", + "locale": "en", + "theme": "dark", + "width": 960, + "a11yViolations": 0, + "automatic": { + "storyId": "tabs-local-panels--unselected", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "forms-text-field--read-only", + "locale": "en", + "theme": "dark", + "width": 960, + "a11yViolations": 0, + "automatic": { + "storyId": "forms-text-field--read-only", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "forms-text-field--error", + "locale": "en", + "theme": "dark", + "width": 960, + "a11yViolations": 0, + "automatic": { + "storyId": "forms-text-field--error", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "forms-text-field--empty-optional", + "locale": "en", + "theme": "dark", + "width": 960, + "a11yViolations": 0, + "automatic": { + "storyId": "forms-text-field--empty-optional", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "forms-text-field--focused-optional", + "locale": "en", + "theme": "dark", + "width": 960, + "a11yViolations": 0, + "automatic": { + "storyId": "forms-text-field--focused-optional", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "buttons-actions--variants", + "locale": "en", + "theme": "dark", + "width": 960, + "a11yViolations": 0, + "automatic": { + "storyId": "buttons-actions--variants", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "buttons-actions--loading", + "locale": "en", + "theme": "dark", + "width": 960, + "a11yViolations": 0, + "automatic": { + "storyId": "buttons-actions--loading", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "forms-select--default", + "locale": "en", + "theme": "dark", + "width": 960, + "a11yViolations": 0, + "automatic": { + "storyId": "forms-select--default", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "forms-select--multiple", + "locale": "en", + "theme": "dark", + "width": 960, + "a11yViolations": 0, + "automatic": { + "storyId": "forms-select--multiple", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "forms-checkbox--partial", + "locale": "en", + "theme": "dark", + "width": 960, + "a11yViolations": 0, + "automatic": { + "storyId": "forms-checkbox--partial", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "forms-checkbox--long-label", + "locale": "en", + "theme": "dark", + "width": 960, + "a11yViolations": 0, + "automatic": { + "storyId": "forms-checkbox--long-label", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "navigation-household-sections--mixed", + "locale": "en", + "theme": "dark", + "width": 960, + "a11yViolations": 0, + "automatic": { + "storyId": "navigation-household-sections--mixed", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "tabs-local-panels--icon-only", + "locale": "en", + "theme": "dark", + "width": 960, + "a11yViolations": 0, + "automatic": { + "storyId": "tabs-local-panels--icon-only", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "navigation-household-sections--overflow", + "locale": "en", + "theme": "dark", + "width": 960, + "a11yViolations": 0, + "automatic": { + "storyId": "navigation-household-sections--overflow", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "tabs-local-panels--overflow", + "locale": "en", + "theme": "dark", + "width": 960, + "a11yViolations": 0, + "automatic": { + "storyId": "tabs-local-panels--overflow", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "navigation-household-sections--long-labels", + "locale": "es", + "theme": "light", + "width": 360, + "a11yViolations": 0, + "automatic": { + "storyId": "navigation-household-sections--long-labels", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "tabs-local-panels--unselected", + "locale": "es", + "theme": "light", + "width": 360, + "a11yViolations": 0, + "automatic": { + "storyId": "tabs-local-panels--unselected", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "forms-text-field--read-only", + "locale": "es", + "theme": "light", + "width": 360, + "a11yViolations": 0, + "automatic": { + "storyId": "forms-text-field--read-only", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "forms-text-field--error", + "locale": "es", + "theme": "light", + "width": 360, + "a11yViolations": 0, + "automatic": { + "storyId": "forms-text-field--error", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "forms-text-field--empty-optional", + "locale": "es", + "theme": "light", + "width": 360, + "a11yViolations": 0, + "automatic": { + "storyId": "forms-text-field--empty-optional", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "forms-text-field--focused-optional", + "locale": "es", + "theme": "light", + "width": 360, + "a11yViolations": 0, + "automatic": { + "storyId": "forms-text-field--focused-optional", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "buttons-actions--variants", + "locale": "es", + "theme": "light", + "width": 360, + "a11yViolations": 0, + "automatic": { + "storyId": "buttons-actions--variants", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "buttons-actions--loading", + "locale": "es", + "theme": "light", + "width": 360, + "a11yViolations": 0, + "automatic": { + "storyId": "buttons-actions--loading", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "forms-select--default", + "locale": "es", + "theme": "light", + "width": 360, + "a11yViolations": 0, + "automatic": { + "storyId": "forms-select--default", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "forms-select--multiple", + "locale": "es", + "theme": "light", + "width": 360, + "a11yViolations": 0, + "automatic": { + "storyId": "forms-select--multiple", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "forms-checkbox--partial", + "locale": "es", + "theme": "light", + "width": 360, + "a11yViolations": 0, + "automatic": { + "storyId": "forms-checkbox--partial", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "forms-checkbox--long-label", + "locale": "es", + "theme": "light", + "width": 360, + "a11yViolations": 0, + "automatic": { + "storyId": "forms-checkbox--long-label", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "navigation-household-sections--mixed", + "locale": "es", + "theme": "light", + "width": 360, + "a11yViolations": 0, + "automatic": { + "storyId": "navigation-household-sections--mixed", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "tabs-local-panels--icon-only", + "locale": "es", + "theme": "light", + "width": 360, + "a11yViolations": 0, + "automatic": { + "storyId": "tabs-local-panels--icon-only", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "navigation-household-sections--overflow", + "locale": "es", + "theme": "light", + "width": 360, + "a11yViolations": 0, + "automatic": { + "storyId": "navigation-household-sections--overflow", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "tabs-local-panels--overflow", + "locale": "es", + "theme": "light", + "width": 360, + "a11yViolations": 0, + "automatic": { + "storyId": "tabs-local-panels--overflow", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "navigation-household-sections--long-labels", + "locale": "es", + "theme": "light", + "width": 960, + "a11yViolations": 0, + "automatic": { + "storyId": "navigation-household-sections--long-labels", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "tabs-local-panels--unselected", + "locale": "es", + "theme": "light", + "width": 960, + "a11yViolations": 0, + "automatic": { + "storyId": "tabs-local-panels--unselected", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "forms-text-field--read-only", + "locale": "es", + "theme": "light", + "width": 960, + "a11yViolations": 0, + "automatic": { + "storyId": "forms-text-field--read-only", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "forms-text-field--error", + "locale": "es", + "theme": "light", + "width": 960, + "a11yViolations": 0, + "automatic": { + "storyId": "forms-text-field--error", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "forms-text-field--empty-optional", + "locale": "es", + "theme": "light", + "width": 960, + "a11yViolations": 0, + "automatic": { + "storyId": "forms-text-field--empty-optional", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "forms-text-field--focused-optional", + "locale": "es", + "theme": "light", + "width": 960, + "a11yViolations": 0, + "automatic": { + "storyId": "forms-text-field--focused-optional", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "buttons-actions--variants", + "locale": "es", + "theme": "light", + "width": 960, + "a11yViolations": 0, + "automatic": { + "storyId": "buttons-actions--variants", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "buttons-actions--loading", + "locale": "es", + "theme": "light", + "width": 960, + "a11yViolations": 0, + "automatic": { + "storyId": "buttons-actions--loading", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "forms-select--default", + "locale": "es", + "theme": "light", + "width": 960, + "a11yViolations": 0, + "automatic": { + "storyId": "forms-select--default", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "forms-select--multiple", + "locale": "es", + "theme": "light", + "width": 960, + "a11yViolations": 0, + "automatic": { + "storyId": "forms-select--multiple", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "forms-checkbox--partial", + "locale": "es", + "theme": "light", + "width": 960, + "a11yViolations": 0, + "automatic": { + "storyId": "forms-checkbox--partial", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "forms-checkbox--long-label", + "locale": "es", + "theme": "light", + "width": 960, + "a11yViolations": 0, + "automatic": { + "storyId": "forms-checkbox--long-label", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "navigation-household-sections--mixed", + "locale": "es", + "theme": "light", + "width": 960, + "a11yViolations": 0, + "automatic": { + "storyId": "navigation-household-sections--mixed", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "tabs-local-panels--icon-only", + "locale": "es", + "theme": "light", + "width": 960, + "a11yViolations": 0, + "automatic": { + "storyId": "tabs-local-panels--icon-only", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "navigation-household-sections--overflow", + "locale": "es", + "theme": "light", + "width": 960, + "a11yViolations": 0, + "automatic": { + "storyId": "navigation-household-sections--overflow", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "tabs-local-panels--overflow", + "locale": "es", + "theme": "light", + "width": 960, + "a11yViolations": 0, + "automatic": { + "storyId": "tabs-local-panels--overflow", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "navigation-household-sections--long-labels", + "locale": "es", + "theme": "dark", + "width": 360, + "a11yViolations": 0, + "automatic": { + "storyId": "navigation-household-sections--long-labels", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "tabs-local-panels--unselected", + "locale": "es", + "theme": "dark", + "width": 360, + "a11yViolations": 0, + "automatic": { + "storyId": "tabs-local-panels--unselected", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "forms-text-field--read-only", + "locale": "es", + "theme": "dark", + "width": 360, + "a11yViolations": 0, + "automatic": { + "storyId": "forms-text-field--read-only", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "forms-text-field--error", + "locale": "es", + "theme": "dark", + "width": 360, + "a11yViolations": 0, + "automatic": { + "storyId": "forms-text-field--error", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "forms-text-field--empty-optional", + "locale": "es", + "theme": "dark", + "width": 360, + "a11yViolations": 0, + "automatic": { + "storyId": "forms-text-field--empty-optional", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "forms-text-field--focused-optional", + "locale": "es", + "theme": "dark", + "width": 360, + "a11yViolations": 0, + "automatic": { + "storyId": "forms-text-field--focused-optional", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "buttons-actions--variants", + "locale": "es", + "theme": "dark", + "width": 360, + "a11yViolations": 0, + "automatic": { + "storyId": "buttons-actions--variants", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "buttons-actions--loading", + "locale": "es", + "theme": "dark", + "width": 360, + "a11yViolations": 0, + "automatic": { + "storyId": "buttons-actions--loading", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "forms-select--default", + "locale": "es", + "theme": "dark", + "width": 360, + "a11yViolations": 0, + "automatic": { + "storyId": "forms-select--default", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "forms-select--multiple", + "locale": "es", + "theme": "dark", + "width": 360, + "a11yViolations": 0, + "automatic": { + "storyId": "forms-select--multiple", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "forms-checkbox--partial", + "locale": "es", + "theme": "dark", + "width": 360, + "a11yViolations": 0, + "automatic": { + "storyId": "forms-checkbox--partial", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "forms-checkbox--long-label", + "locale": "es", + "theme": "dark", + "width": 360, + "a11yViolations": 0, + "automatic": { + "storyId": "forms-checkbox--long-label", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "navigation-household-sections--mixed", + "locale": "es", + "theme": "dark", + "width": 360, + "a11yViolations": 0, + "automatic": { + "storyId": "navigation-household-sections--mixed", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "tabs-local-panels--icon-only", + "locale": "es", + "theme": "dark", + "width": 360, + "a11yViolations": 0, + "automatic": { + "storyId": "tabs-local-panels--icon-only", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "navigation-household-sections--overflow", + "locale": "es", + "theme": "dark", + "width": 360, + "a11yViolations": 0, + "automatic": { + "storyId": "navigation-household-sections--overflow", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "tabs-local-panels--overflow", + "locale": "es", + "theme": "dark", + "width": 360, + "a11yViolations": 0, + "automatic": { + "storyId": "tabs-local-panels--overflow", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "navigation-household-sections--long-labels", + "locale": "es", + "theme": "dark", + "width": 960, + "a11yViolations": 0, + "automatic": { + "storyId": "navigation-household-sections--long-labels", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "tabs-local-panels--unselected", + "locale": "es", + "theme": "dark", + "width": 960, + "a11yViolations": 0, + "automatic": { + "storyId": "tabs-local-panels--unselected", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "forms-text-field--read-only", + "locale": "es", + "theme": "dark", + "width": 960, + "a11yViolations": 0, + "automatic": { + "storyId": "forms-text-field--read-only", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "forms-text-field--error", + "locale": "es", + "theme": "dark", + "width": 960, + "a11yViolations": 0, + "automatic": { + "storyId": "forms-text-field--error", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "forms-text-field--empty-optional", + "locale": "es", + "theme": "dark", + "width": 960, + "a11yViolations": 0, + "automatic": { + "storyId": "forms-text-field--empty-optional", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "forms-text-field--focused-optional", + "locale": "es", + "theme": "dark", + "width": 960, + "a11yViolations": 0, + "automatic": { + "storyId": "forms-text-field--focused-optional", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "buttons-actions--variants", + "locale": "es", + "theme": "dark", + "width": 960, + "a11yViolations": 0, + "automatic": { + "storyId": "buttons-actions--variants", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "buttons-actions--loading", + "locale": "es", + "theme": "dark", + "width": 960, + "a11yViolations": 0, + "automatic": { + "storyId": "buttons-actions--loading", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "forms-select--default", + "locale": "es", + "theme": "dark", + "width": 960, + "a11yViolations": 0, + "automatic": { + "storyId": "forms-select--default", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "forms-select--multiple", + "locale": "es", + "theme": "dark", + "width": 960, + "a11yViolations": 0, + "automatic": { + "storyId": "forms-select--multiple", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "forms-checkbox--partial", + "locale": "es", + "theme": "dark", + "width": 960, + "a11yViolations": 0, + "automatic": { + "storyId": "forms-checkbox--partial", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "forms-checkbox--long-label", + "locale": "es", + "theme": "dark", + "width": 960, + "a11yViolations": 0, + "automatic": { + "storyId": "forms-checkbox--long-label", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "navigation-household-sections--mixed", + "locale": "es", + "theme": "dark", + "width": 960, + "a11yViolations": 0, + "automatic": { + "storyId": "navigation-household-sections--mixed", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "tabs-local-panels--icon-only", + "locale": "es", + "theme": "dark", + "width": 960, + "a11yViolations": 0, + "automatic": { + "storyId": "tabs-local-panels--icon-only", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "navigation-household-sections--overflow", + "locale": "es", + "theme": "dark", + "width": 960, + "a11yViolations": 0, + "automatic": { + "storyId": "navigation-household-sections--overflow", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + { + "story": "tabs-local-panels--overflow", + "locale": "es", + "theme": "dark", + "width": 960, + "a11yViolations": 0, + "automatic": { + "storyId": "tabs-local-panels--overflow", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + } + ], + "keyboard": true, + "nativeForm": true, + "selectForms": { + "typedDropdownTypeahead": true, + "multipleRepeatedEntries": true + }, + "checkboxForms": { + "nativeSpace": true, + "labelClick": true, + "requiredValidation": true, + "controlledReset": true + }, + "localRoboto": true, + "sameStoryRerender": { + "firstRun": { + "storyId": "forms-text-field--default", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + }, + "secondRun": { + "storyId": "forms-text-field--default", + "status": "success", + "revision": 5, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + }, + "thirdRun": { + "storyId": "forms-text-field--default", + "status": "success", + "revision": 7, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + "catalogForms": [ + { + "story": "forms-text-field--default", + "automatic": { + "storyId": "forms-text-field--default", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + }, + "nativeResetThenUpdate": true, + "text": "Example submitted: After reset" + }, + { + "story": "forms-select--default", + "automatic": { + "storyId": "forms-select--default", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + }, + "nativeResetThenUpdate": true, + "text": "Saved: [[\"category\",\"1\"]]" + }, + { + "story": "forms-checkbox--default", + "automatic": { + "storyId": "forms-checkbox--default", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + }, + "nativeResetThenUpdate": true, + "text": "Saved: [[\"notify\",\"on\"]]" + }, + { + "story": "buttons-actions--reset", + "automatic": { + "storyId": "buttons-actions--reset", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + }, + "nativeResetThenUpdate": true, + "text": "Requests: 3; Example submitted: 0; Resets: 3. " + } + ], + "checkboxVisual": [ + { + "theme": "light", + "state": "unchecked", + "geometryAndStylesMatch": true, + "textGeometryToleranceCssPx": 1, + "referenceImage": { + "path": "tests/storybook/reference/ha-checkbox/light-unchecked.png", + "sha256": "7cb0fe688748e0d4f219188eb08e3bb6e604cdf63f0a0ee033041da4763218a8", + "width": 296, + "height": 44 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "7cb0fe688748e0d4f219188eb08e3bb6e604cdf63f0a0ee033041da4763218a8" + } + }, + { + "theme": "light", + "state": "checked", + "geometryAndStylesMatch": true, + "textGeometryToleranceCssPx": 1, + "referenceImage": { + "path": "tests/storybook/reference/ha-checkbox/light-checked.png", + "sha256": "e22ea96d768e10852da0925e1e3b5f9f93a15406f181c85ce279f2b728049747", + "width": 296, + "height": 44 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "9603e7c27135af99b0fb6a790f0d3b64e7e40eefd1b9709a4c1a1a8694fc48f9" + } + }, + { + "theme": "light", + "state": "mixed", + "geometryAndStylesMatch": true, + "textGeometryToleranceCssPx": 1, + "referenceImage": { + "path": "tests/storybook/reference/ha-checkbox/light-mixed.png", + "sha256": "8bf15711a75b80d9549de7e8c037fb1c3d670c85d717812a77328d9e2886b338", + "width": 296, + "height": 44 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "620f742faf8990d8b473864fa36e244eea5ae2629888a7580d88ee322784ac8a" + } + }, + { + "theme": "light", + "state": "disabled", + "geometryAndStylesMatch": true, + "textGeometryToleranceCssPx": 1, + "referenceImage": { + "path": "tests/storybook/reference/ha-checkbox/light-disabled.png", + "sha256": "081d1d769eb7ccf987615e29fff820ef34c282a5c8d8457ae3462a711a960b76", + "width": 296, + "height": 44 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "3be885a317505f914b014898e4a456357c807b4365ac3c058efae9362b64360e" + } + }, + { + "theme": "light", + "state": "required", + "geometryAndStylesMatch": true, + "textGeometryToleranceCssPx": 1, + "referenceImage": { + "path": "tests/storybook/reference/ha-checkbox/light-required.png", + "sha256": "3c238a342b38e83ac371b53697bd356c9210d4a46dc25aadf9a4364c087edcb4", + "width": 296, + "height": 44 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "e44e58d786b63e2800da7e5519bf07ba0506f27036e4a97900a2acb4e70623ab" + } + }, + { + "theme": "light", + "state": "hover", + "geometryAndStylesMatch": true, + "textGeometryToleranceCssPx": 1, + "referenceImage": { + "path": "tests/storybook/reference/ha-checkbox/light-hover.png", + "sha256": "6cf4a5318a5c6c0898dc7c856a30cbc20287609b11558d8d35c337cd2053e5ef", + "width": 296, + "height": 44 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "6cf4a5318a5c6c0898dc7c856a30cbc20287609b11558d8d35c337cd2053e5ef" + } + }, + { + "theme": "light", + "state": "focus", + "geometryAndStylesMatch": true, + "textGeometryToleranceCssPx": 1, + "referenceImage": { + "path": "tests/storybook/reference/ha-checkbox/light-focus.png", + "sha256": "38d8577650e61c2b459cf553b250bdd385dc4e4fdcdcb02d7b950c9001c9f3de", + "width": 296, + "height": 44 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "38d8577650e61c2b459cf553b250bdd385dc4e4fdcdcb02d7b950c9001c9f3de" + } + }, + { + "theme": "dark", + "state": "unchecked", + "geometryAndStylesMatch": true, + "textGeometryToleranceCssPx": 1, + "referenceImage": { + "path": "tests/storybook/reference/ha-checkbox/dark-unchecked.png", + "sha256": "7488c107807464a5ec937f8823f68ad208c9c895679935d472d175d7fa38ca1e", + "width": 296, + "height": 44 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "7488c107807464a5ec937f8823f68ad208c9c895679935d472d175d7fa38ca1e" + } + }, + { + "theme": "dark", + "state": "checked", + "geometryAndStylesMatch": true, + "textGeometryToleranceCssPx": 1, + "referenceImage": { + "path": "tests/storybook/reference/ha-checkbox/dark-checked.png", + "sha256": "ab5851926a2867ac396f8227331612f43dbb013802ba4eb78afa6ceb851ba5b5", + "width": 296, + "height": 44 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "6fad550f85c1ae1c246edfcf679b105cfe26f4483b043721dba52644efe10b49" + } + }, + { + "theme": "dark", + "state": "mixed", + "geometryAndStylesMatch": true, + "textGeometryToleranceCssPx": 1, + "referenceImage": { + "path": "tests/storybook/reference/ha-checkbox/dark-mixed.png", + "sha256": "e4a3debcd62ca954efe68e7c55206678878fe92ad40ea009b55b235099034664", + "width": 296, + "height": 44 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "44588f987d7eacac083cb71d2a047bfe19073dd143cecaa0040beaafeba2d9d8" + } + }, + { + "theme": "dark", + "state": "disabled", + "geometryAndStylesMatch": true, + "textGeometryToleranceCssPx": 1, + "referenceImage": { + "path": "tests/storybook/reference/ha-checkbox/dark-disabled.png", + "sha256": "937281c31c83274765b3dc026ab6d482cbc3d12f66d172f8158376456dfdf421", + "width": 296, + "height": 44 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "dde3fa96612ac0c37d7d5f76882ef7415ffdfe77701ebdc87fee174734f6e135" + } + }, + { + "theme": "dark", + "state": "required", + "geometryAndStylesMatch": true, + "textGeometryToleranceCssPx": 1, + "referenceImage": { + "path": "tests/storybook/reference/ha-checkbox/dark-required.png", + "sha256": "9d87f0397175874e7274ca1894377beacd371c952f36954683a99b9c34de3413", + "width": 296, + "height": 44 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "e18efc74be4cf3ebdd0131378870a21444d3a1fafc5511ca1c34e603ac35a706" + } + }, + { + "theme": "dark", + "state": "hover", + "geometryAndStylesMatch": true, + "textGeometryToleranceCssPx": 1, + "referenceImage": { + "path": "tests/storybook/reference/ha-checkbox/dark-hover.png", + "sha256": "7ebf2711f5994c208a06b9b6d3dfc0be91da1c4bb1dc815dc0e44f790cfbfdd5", + "width": 296, + "height": 44 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "7ebf2711f5994c208a06b9b6d3dfc0be91da1c4bb1dc815dc0e44f790cfbfdd5" + } + }, + { + "theme": "dark", + "state": "focus", + "geometryAndStylesMatch": true, + "textGeometryToleranceCssPx": 1, + "referenceImage": { + "path": "tests/storybook/reference/ha-checkbox/dark-focus.png", + "sha256": "3d91ac873f034fffd1f1feea122e5b39a983a2d7688edd6a22a42bef10c79e48", + "width": 296, + "height": 44 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "3d91ac873f034fffd1f1feea122e5b39a983a2d7688edd6a22a42bef10c79e48" + } + } + ], + "navigationVisual": [ + { + "platform": "macos", + "kind": "navigation", + "theme": "light", + "state": "resting", + "typographyStateAndGeometryMatch": true, + "layoutToleranceCssPx": 1, + "textVerticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 89.484375, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 57.484375, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + }, + { + "geometry": { + "width": 68.6875, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 36.6875, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + }, + { + "geometry": { + "width": 90.15625, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 58.15625, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + } + ], + "referenceImage": { + "sha256": "6824588f84379b7143ee8b590609cc9aeee1da13df71f53961a7504d7ef930e5", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation/light-resting.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "6824588f84379b7143ee8b590609cc9aeee1da13df71f53961a7504d7ef930e5" + } + }, + { + "platform": "macos", + "kind": "navigation", + "theme": "light", + "state": "hover", + "typographyStateAndGeometryMatch": true, + "layoutToleranceCssPx": 1, + "textVerticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 89.484375, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 57.484375, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + }, + { + "geometry": { + "width": 68.6875, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 36.6875, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + }, + { + "geometry": { + "width": 90.15625, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 58.15625, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + } + ], + "referenceImage": { + "sha256": "6824588f84379b7143ee8b590609cc9aeee1da13df71f53961a7504d7ef930e5", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation/light-hover.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "6824588f84379b7143ee8b590609cc9aeee1da13df71f53961a7504d7ef930e5" + } + }, + { + "platform": "macos", + "kind": "navigation", + "theme": "light", + "state": "focus", + "typographyStateAndGeometryMatch": true, + "layoutToleranceCssPx": 1, + "textVerticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 89.484375, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 57.484375, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "-5px" + }, + "focusVisible": true + }, + { + "geometry": { + "width": 68.6875, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 36.6875, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + }, + { + "geometry": { + "width": 90.15625, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 58.15625, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + } + ], + "referenceImage": { + "sha256": "6ff49f4b7cc062f33921ce6da5281b51d3374ff34a408f6d65759b3de109131f", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation/light-focus.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "6ff49f4b7cc062f33921ce6da5281b51d3374ff34a408f6d65759b3de109131f" + } + }, + { + "platform": "macos", + "kind": "navigation", + "theme": "light", + "state": "disabled", + "typographyStateAndGeometryMatch": true, + "layoutToleranceCssPx": 1, + "textVerticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 89.484375, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 57.484375, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + }, + { + "geometry": { + "width": 68.6875, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 36.6875, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "0.5", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + }, + { + "geometry": { + "width": 90.15625, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 58.15625, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + } + ], + "referenceImage": { + "sha256": "5481d9420b59dd7337110b4f668aadcd6ccc01075c6b988ec9dcfb240bc6ea41", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation/light-disabled.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "5481d9420b59dd7337110b4f668aadcd6ccc01075c6b988ec9dcfb240bc6ea41" + } + }, + { + "platform": "macos", + "kind": "navigation", + "theme": "dark", + "state": "resting", + "typographyStateAndGeometryMatch": true, + "layoutToleranceCssPx": 1, + "textVerticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 89.484375, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 57.484375, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + }, + { + "geometry": { + "width": 68.6875, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 36.6875, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + }, + { + "geometry": { + "width": 90.15625, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 58.15625, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + } + ], + "referenceImage": { + "sha256": "dd9bccce01e26563fadfc9c752ca3cae7f7082c0870be9c46f388d8c6b85c360", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation/dark-resting.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "dd9bccce01e26563fadfc9c752ca3cae7f7082c0870be9c46f388d8c6b85c360" + } + }, + { + "platform": "macos", + "kind": "navigation", + "theme": "dark", + "state": "hover", + "typographyStateAndGeometryMatch": true, + "layoutToleranceCssPx": 1, + "textVerticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 89.484375, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 57.484375, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + }, + { + "geometry": { + "width": 68.6875, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 36.6875, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + }, + { + "geometry": { + "width": 90.15625, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 58.15625, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + } + ], + "referenceImage": { + "sha256": "dd9bccce01e26563fadfc9c752ca3cae7f7082c0870be9c46f388d8c6b85c360", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation/dark-hover.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "dd9bccce01e26563fadfc9c752ca3cae7f7082c0870be9c46f388d8c6b85c360" + } + }, + { + "platform": "macos", + "kind": "navigation", + "theme": "dark", + "state": "focus", + "typographyStateAndGeometryMatch": true, + "layoutToleranceCssPx": 1, + "textVerticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 89.484375, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 57.484375, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "-5px" + }, + "focusVisible": true + }, + { + "geometry": { + "width": 68.6875, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 36.6875, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + }, + { + "geometry": { + "width": 90.15625, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 58.15625, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + } + ], + "referenceImage": { + "sha256": "c6fa223e9c78b4d4f6d6c3faa6d21c1b8c18f4b35a921644521837148f29acfe", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation/dark-focus.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "c6fa223e9c78b4d4f6d6c3faa6d21c1b8c18f4b35a921644521837148f29acfe" + } + }, + { + "platform": "macos", + "kind": "navigation", + "theme": "dark", + "state": "disabled", + "typographyStateAndGeometryMatch": true, + "layoutToleranceCssPx": 1, + "textVerticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 89.484375, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 57.484375, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + }, + { + "geometry": { + "width": 68.6875, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 36.6875, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "0.5", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + }, + { + "geometry": { + "width": 90.15625, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 58.15625, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + } + ], + "referenceImage": { + "sha256": "37a9e9d8a7d6b55c6534d0c97d28d75743cf524151a60b30c2b75bf59cf2a7d0", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation/dark-disabled.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "37a9e9d8a7d6b55c6534d0c97d28d75743cf524151a60b30c2b75bf59cf2a7d0" + } + }, + { + "platform": "macos", + "kind": "panels", + "theme": "light", + "state": "resting", + "typographyStateAndGeometryMatch": true, + "layoutToleranceCssPx": 1, + "textVerticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 89.484375, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 57.484375, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + }, + { + "geometry": { + "width": 68.6875, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 36.6875, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + }, + { + "geometry": { + "width": 90.15625, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 58.15625, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + } + ], + "referenceImage": { + "sha256": "6824588f84379b7143ee8b590609cc9aeee1da13df71f53961a7504d7ef930e5", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation/light-resting.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "6824588f84379b7143ee8b590609cc9aeee1da13df71f53961a7504d7ef930e5" + } + }, + { + "platform": "macos", + "kind": "panels", + "theme": "light", + "state": "hover", + "typographyStateAndGeometryMatch": true, + "layoutToleranceCssPx": 1, + "textVerticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 89.484375, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 57.484375, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + }, + { + "geometry": { + "width": 68.6875, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 36.6875, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + }, + { + "geometry": { + "width": 90.15625, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 58.15625, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + } + ], + "referenceImage": { + "sha256": "6824588f84379b7143ee8b590609cc9aeee1da13df71f53961a7504d7ef930e5", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation/light-hover.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "6824588f84379b7143ee8b590609cc9aeee1da13df71f53961a7504d7ef930e5" + } + }, + { + "platform": "macos", + "kind": "panels", + "theme": "light", + "state": "focus", + "typographyStateAndGeometryMatch": true, + "layoutToleranceCssPx": 1, + "textVerticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 89.484375, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 57.484375, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "-5px" + }, + "focusVisible": true + }, + { + "geometry": { + "width": 68.6875, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 36.6875, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + }, + { + "geometry": { + "width": 90.15625, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 58.15625, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + } + ], + "referenceImage": { + "sha256": "6ff49f4b7cc062f33921ce6da5281b51d3374ff34a408f6d65759b3de109131f", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation/light-focus.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "6ff49f4b7cc062f33921ce6da5281b51d3374ff34a408f6d65759b3de109131f" + } + }, + { + "platform": "macos", + "kind": "panels", + "theme": "light", + "state": "disabled", + "typographyStateAndGeometryMatch": true, + "layoutToleranceCssPx": 1, + "textVerticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 89.484375, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 57.484375, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + }, + { + "geometry": { + "width": 68.6875, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 36.6875, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "0.5", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + }, + { + "geometry": { + "width": 90.15625, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 58.15625, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + } + ], + "referenceImage": { + "sha256": "5481d9420b59dd7337110b4f668aadcd6ccc01075c6b988ec9dcfb240bc6ea41", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation/light-disabled.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "5481d9420b59dd7337110b4f668aadcd6ccc01075c6b988ec9dcfb240bc6ea41" + } + }, + { + "platform": "macos", + "kind": "panels", + "theme": "dark", + "state": "resting", + "typographyStateAndGeometryMatch": true, + "layoutToleranceCssPx": 1, + "textVerticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 89.484375, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 57.484375, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + }, + { + "geometry": { + "width": 68.6875, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 36.6875, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + }, + { + "geometry": { + "width": 90.15625, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 58.15625, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + } + ], + "referenceImage": { + "sha256": "dd9bccce01e26563fadfc9c752ca3cae7f7082c0870be9c46f388d8c6b85c360", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation/dark-resting.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "dd9bccce01e26563fadfc9c752ca3cae7f7082c0870be9c46f388d8c6b85c360" + } + }, + { + "platform": "macos", + "kind": "panels", + "theme": "dark", + "state": "hover", + "typographyStateAndGeometryMatch": true, + "layoutToleranceCssPx": 1, + "textVerticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 89.484375, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 57.484375, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + }, + { + "geometry": { + "width": 68.6875, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 36.6875, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + }, + { + "geometry": { + "width": 90.15625, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 58.15625, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + } + ], + "referenceImage": { + "sha256": "dd9bccce01e26563fadfc9c752ca3cae7f7082c0870be9c46f388d8c6b85c360", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation/dark-hover.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "dd9bccce01e26563fadfc9c752ca3cae7f7082c0870be9c46f388d8c6b85c360" + } + }, + { + "platform": "macos", + "kind": "panels", + "theme": "dark", + "state": "focus", + "typographyStateAndGeometryMatch": true, + "layoutToleranceCssPx": 1, + "textVerticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 89.484375, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 57.484375, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "-5px" + }, + "focusVisible": true + }, + { + "geometry": { + "width": 68.6875, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 36.6875, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + }, + { + "geometry": { + "width": 90.15625, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 58.15625, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + } + ], + "referenceImage": { + "sha256": "c6fa223e9c78b4d4f6d6c3faa6d21c1b8c18f4b35a921644521837148f29acfe", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation/dark-focus.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "c6fa223e9c78b4d4f6d6c3faa6d21c1b8c18f4b35a921644521837148f29acfe" + } + }, + { + "platform": "macos", + "kind": "panels", + "theme": "dark", + "state": "disabled", + "typographyStateAndGeometryMatch": true, + "layoutToleranceCssPx": 1, + "textVerticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 89.484375, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 57.484375, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + }, + { + "geometry": { + "width": 68.6875, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 36.6875, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "0.5", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + }, + { + "geometry": { + "width": 90.15625, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 58.15625, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + } + ], + "referenceImage": { + "sha256": "37a9e9d8a7d6b55c6534d0c97d28d75743cf524151a60b30c2b75bf59cf2a7d0", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation/dark-disabled.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "37a9e9d8a7d6b55c6534d0c97d28d75743cf524151a60b30c2b75bf59cf2a7d0" + } + } + ], + "navigationIconsVisual": [ + { + "platform": "macos", + "kind": "navigation", + "theme": "light", + "presentation": "icon-only", + "state": "resting", + "geometryAndStateMatch": true, + "layoutToleranceCssPx": 1, + "verticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(20, 20, 20)" + }, + "accessibleName": "Overview", + "focusVisible": false + }, + { + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M4 3H20V21H4ZM7 6V9H10V6ZM12 6V8H17V6ZM7 12V15H10V12ZM12 12V14H17V12Z", + "fill": "rgb(20, 20, 20)" + }, + "accessibleName": "Tasks", + "focusVisible": false + }, + { + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(20, 20, 20)" + }, + "accessibleName": "Inventory", + "focusVisible": false + } + ], + "referenceImage": { + "file": "light-icon-only-resting.png", + "sha256": "5396ee8d3f578b42134632dc6633209b6e62260c52d0717ef360abd39326c8b8", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/light-icon-only-resting.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "5396ee8d3f578b42134632dc6633209b6e62260c52d0717ef360abd39326c8b8" + } + }, + { + "platform": "macos", + "kind": "navigation", + "theme": "light", + "presentation": "icon-only", + "state": "hover", + "geometryAndStateMatch": true, + "layoutToleranceCssPx": 1, + "verticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(20, 20, 20)" + }, + "accessibleName": "Overview", + "focusVisible": false + }, + { + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M4 3H20V21H4ZM7 6V9H10V6ZM12 6V8H17V6ZM7 12V15H10V12ZM12 12V14H17V12Z", + "fill": "rgb(20, 20, 20)" + }, + "accessibleName": "Tasks", + "focusVisible": false + }, + { + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(20, 20, 20)" + }, + "accessibleName": "Inventory", + "focusVisible": false + } + ], + "referenceImage": { + "file": "light-icon-only-hover.png", + "sha256": "5396ee8d3f578b42134632dc6633209b6e62260c52d0717ef360abd39326c8b8", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/light-icon-only-hover.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "5396ee8d3f578b42134632dc6633209b6e62260c52d0717ef360abd39326c8b8" + } + }, + { + "platform": "macos", + "kind": "navigation", + "theme": "light", + "presentation": "icon-only", + "state": "focus", + "geometryAndStateMatch": true, + "layoutToleranceCssPx": 1, + "verticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "-5px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(20, 20, 20)" + }, + "accessibleName": "Overview", + "focusVisible": true + }, + { + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M4 3H20V21H4ZM7 6V9H10V6ZM12 6V8H17V6ZM7 12V15H10V12ZM12 12V14H17V12Z", + "fill": "rgb(20, 20, 20)" + }, + "accessibleName": "Tasks", + "focusVisible": false + }, + { + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(20, 20, 20)" + }, + "accessibleName": "Inventory", + "focusVisible": false + } + ], + "referenceImage": { + "file": "light-icon-only-focus.png", + "sha256": "0bbf9e60a0b00c33bc8b691b3d1175da277aeea84f7c29d6e141e061215dd04e", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/light-icon-only-focus.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "0bbf9e60a0b00c33bc8b691b3d1175da277aeea84f7c29d6e141e061215dd04e" + } + }, + { + "platform": "macos", + "kind": "navigation", + "theme": "light", + "presentation": "icon-only", + "state": "disabled", + "geometryAndStateMatch": true, + "layoutToleranceCssPx": 1, + "verticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(20, 20, 20)" + }, + "accessibleName": "Overview", + "focusVisible": false + }, + { + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "0.5", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M4 3H20V21H4ZM7 6V9H10V6ZM12 6V8H17V6ZM7 12V15H10V12ZM12 12V14H17V12Z", + "fill": "rgb(20, 20, 20)" + }, + "accessibleName": "Tasks", + "focusVisible": false + }, + { + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(20, 20, 20)" + }, + "accessibleName": "Inventory", + "focusVisible": false + } + ], + "referenceImage": { + "file": "light-icon-only-disabled.png", + "sha256": "82c98d7d6a8797cc042e78e16234b9ec08cb230592ac900a8785293512447acd", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/light-icon-only-disabled.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "82c98d7d6a8797cc042e78e16234b9ec08cb230592ac900a8785293512447acd" + } + }, + { + "platform": "macos", + "kind": "navigation", + "theme": "light", + "presentation": "icon-and-title", + "state": "resting", + "geometryAndStateMatch": true, + "layoutToleranceCssPx": 1, + "verticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 121.484375, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 121.484375, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 57.484375, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 57.484375, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(20, 20, 20)" + }, + "accessibleName": "Overview", + "focusVisible": false + }, + { + "geometry": { + "width": 100.6875, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 100.6875, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 36.6875, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 36.6875, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M4 3H20V21H4ZM7 6V9H10V6ZM12 6V8H17V6ZM7 12V15H10V12ZM12 12V14H17V12Z", + "fill": "rgb(20, 20, 20)" + }, + "accessibleName": "Tasks", + "focusVisible": false + }, + { + "geometry": { + "width": 122.15625, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 122.15625, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 58.15625, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 58.15625, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(20, 20, 20)" + }, + "accessibleName": "Inventory", + "focusVisible": false + } + ], + "referenceImage": { + "file": "light-icon-and-title-resting.png", + "sha256": "4043dccc7bcbdc6683909904c5379f8e204248077e3362b23d226f7a80a20c03", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/light-icon-and-title-resting.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "4043dccc7bcbdc6683909904c5379f8e204248077e3362b23d226f7a80a20c03" + } + }, + { + "platform": "macos", + "kind": "navigation", + "theme": "light", + "presentation": "icon-and-title", + "state": "hover", + "geometryAndStateMatch": true, + "layoutToleranceCssPx": 1, + "verticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 121.484375, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 121.484375, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 57.484375, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 57.484375, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(20, 20, 20)" + }, + "accessibleName": "Overview", + "focusVisible": false + }, + { + "geometry": { + "width": 100.6875, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 100.6875, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 36.6875, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 36.6875, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M4 3H20V21H4ZM7 6V9H10V6ZM12 6V8H17V6ZM7 12V15H10V12ZM12 12V14H17V12Z", + "fill": "rgb(20, 20, 20)" + }, + "accessibleName": "Tasks", + "focusVisible": false + }, + { + "geometry": { + "width": 122.15625, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 122.15625, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 58.15625, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 58.15625, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(20, 20, 20)" + }, + "accessibleName": "Inventory", + "focusVisible": false + } + ], + "referenceImage": { + "file": "light-icon-and-title-hover.png", + "sha256": "4043dccc7bcbdc6683909904c5379f8e204248077e3362b23d226f7a80a20c03", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/light-icon-and-title-hover.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "4043dccc7bcbdc6683909904c5379f8e204248077e3362b23d226f7a80a20c03" + } + }, + { + "platform": "macos", + "kind": "navigation", + "theme": "light", + "presentation": "icon-and-title", + "state": "focus", + "geometryAndStateMatch": true, + "layoutToleranceCssPx": 1, + "verticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 121.484375, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 121.484375, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 57.484375, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 57.484375, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "-5px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(20, 20, 20)" + }, + "accessibleName": "Overview", + "focusVisible": true + }, + { + "geometry": { + "width": 100.6875, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 100.6875, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 36.6875, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 36.6875, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M4 3H20V21H4ZM7 6V9H10V6ZM12 6V8H17V6ZM7 12V15H10V12ZM12 12V14H17V12Z", + "fill": "rgb(20, 20, 20)" + }, + "accessibleName": "Tasks", + "focusVisible": false + }, + { + "geometry": { + "width": 122.15625, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 122.15625, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 58.15625, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 58.15625, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(20, 20, 20)" + }, + "accessibleName": "Inventory", + "focusVisible": false + } + ], + "referenceImage": { + "file": "light-icon-and-title-focus.png", + "sha256": "4225d1cb87d205f198c832a0d0c0560b8af0d62267683b2ddda6603975dcfa97", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/light-icon-and-title-focus.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "4225d1cb87d205f198c832a0d0c0560b8af0d62267683b2ddda6603975dcfa97" + } + }, + { + "platform": "macos", + "kind": "navigation", + "theme": "light", + "presentation": "icon-and-title", + "state": "disabled", + "geometryAndStateMatch": true, + "layoutToleranceCssPx": 1, + "verticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 121.484375, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 121.484375, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 57.484375, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 57.484375, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(20, 20, 20)" + }, + "accessibleName": "Overview", + "focusVisible": false + }, + { + "geometry": { + "width": 100.6875, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 100.6875, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 36.6875, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 36.6875, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "0.5", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M4 3H20V21H4ZM7 6V9H10V6ZM12 6V8H17V6ZM7 12V15H10V12ZM12 12V14H17V12Z", + "fill": "rgb(20, 20, 20)" + }, + "accessibleName": "Tasks", + "focusVisible": false + }, + { + "geometry": { + "width": 122.15625, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 122.15625, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 58.15625, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 58.15625, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(20, 20, 20)" + }, + "accessibleName": "Inventory", + "focusVisible": false + } + ], + "referenceImage": { + "file": "light-icon-and-title-disabled.png", + "sha256": "4ecfb71272efd8dbafa260aaa24c156868609eedcecac997a15638fdf3cb611c", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/light-icon-and-title-disabled.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "4ecfb71272efd8dbafa260aaa24c156868609eedcecac997a15638fdf3cb611c" + } + }, + { + "platform": "macos", + "kind": "navigation", + "theme": "light", + "presentation": "mixed", + "state": "resting", + "geometryAndStateMatch": true, + "layoutToleranceCssPx": 1, + "verticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(20, 20, 20)" + }, + "accessibleName": "Overview", + "focusVisible": false + }, + { + "geometry": { + "width": 68.6875, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 68.6875, + "height": 54.390625 + }, + "icon": null, + "label": { + "x": 16, + "y": 18, + "width": 36.6875, + "height": 22.390625 + }, + "text": { + "x": 16, + "y": 21, + "width": 36.6875, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "18px 16px 14px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": null, + "accessibleName": "Tasks", + "focusVisible": false + }, + { + "geometry": { + "width": 122.15625, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 122.15625, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 58.15625, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 58.15625, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(20, 20, 20)" + }, + "accessibleName": "Inventory", + "focusVisible": false + } + ], + "referenceImage": { + "file": "light-mixed-resting.png", + "sha256": "bba2a314cbfc80fd3a4ffff730217d55f20ef29872e7f5bcab90d26445648a31", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/light-mixed-resting.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "bba2a314cbfc80fd3a4ffff730217d55f20ef29872e7f5bcab90d26445648a31" + } + }, + { + "platform": "macos", + "kind": "navigation", + "theme": "light", + "presentation": "mixed", + "state": "hover", + "geometryAndStateMatch": true, + "layoutToleranceCssPx": 1, + "verticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(20, 20, 20)" + }, + "accessibleName": "Overview", + "focusVisible": false + }, + { + "geometry": { + "width": 68.6875, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 68.6875, + "height": 54.390625 + }, + "icon": null, + "label": { + "x": 16, + "y": 18, + "width": 36.6875, + "height": 22.390625 + }, + "text": { + "x": 16, + "y": 21, + "width": 36.6875, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "18px 16px 14px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": null, + "accessibleName": "Tasks", + "focusVisible": false + }, + { + "geometry": { + "width": 122.15625, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 122.15625, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 58.15625, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 58.15625, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(20, 20, 20)" + }, + "accessibleName": "Inventory", + "focusVisible": false + } + ], + "referenceImage": { + "file": "light-mixed-hover.png", + "sha256": "bba2a314cbfc80fd3a4ffff730217d55f20ef29872e7f5bcab90d26445648a31", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/light-mixed-hover.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "bba2a314cbfc80fd3a4ffff730217d55f20ef29872e7f5bcab90d26445648a31" + } + }, + { + "platform": "macos", + "kind": "navigation", + "theme": "light", + "presentation": "mixed", + "state": "focus", + "geometryAndStateMatch": true, + "layoutToleranceCssPx": 1, + "verticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "-5px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(20, 20, 20)" + }, + "accessibleName": "Overview", + "focusVisible": true + }, + { + "geometry": { + "width": 68.6875, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 68.6875, + "height": 54.390625 + }, + "icon": null, + "label": { + "x": 16, + "y": 18, + "width": 36.6875, + "height": 22.390625 + }, + "text": { + "x": 16, + "y": 21, + "width": 36.6875, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "18px 16px 14px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": null, + "accessibleName": "Tasks", + "focusVisible": false + }, + { + "geometry": { + "width": 122.15625, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 122.15625, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 58.15625, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 58.15625, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(20, 20, 20)" + }, + "accessibleName": "Inventory", + "focusVisible": false + } + ], + "referenceImage": { + "file": "light-mixed-focus.png", + "sha256": "ec54c6a5df9d6f908cc230031da729799f98812609a51f785d4890f29b39bece", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/light-mixed-focus.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "ec54c6a5df9d6f908cc230031da729799f98812609a51f785d4890f29b39bece" + } + }, + { + "platform": "macos", + "kind": "navigation", + "theme": "light", + "presentation": "mixed", + "state": "disabled", + "geometryAndStateMatch": true, + "layoutToleranceCssPx": 1, + "verticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(20, 20, 20)" + }, + "accessibleName": "Overview", + "focusVisible": false + }, + { + "geometry": { + "width": 68.6875, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 68.6875, + "height": 54.390625 + }, + "icon": null, + "label": { + "x": 16, + "y": 18, + "width": 36.6875, + "height": 22.390625 + }, + "text": { + "x": 16, + "y": 21, + "width": 36.6875, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "0.5", + "padding": "18px 16px 14px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": null, + "accessibleName": "Tasks", + "focusVisible": false + }, + { + "geometry": { + "width": 122.15625, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 122.15625, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 58.15625, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 58.15625, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(20, 20, 20)" + }, + "accessibleName": "Inventory", + "focusVisible": false + } + ], + "referenceImage": { + "file": "light-mixed-disabled.png", + "sha256": "8f56b2171479a0eef2fc258be3ffa6517a485a04a42c7b65860b768f6077300f", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/light-mixed-disabled.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "8f56b2171479a0eef2fc258be3ffa6517a485a04a42c7b65860b768f6077300f" + } + }, + { + "platform": "macos", + "kind": "navigation", + "theme": "dark", + "presentation": "icon-only", + "state": "resting", + "geometryAndStateMatch": true, + "layoutToleranceCssPx": 1, + "verticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(225, 225, 225)" + }, + "accessibleName": "Overview", + "focusVisible": false + }, + { + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M4 3H20V21H4ZM7 6V9H10V6ZM12 6V8H17V6ZM7 12V15H10V12ZM12 12V14H17V12Z", + "fill": "rgb(225, 225, 225)" + }, + "accessibleName": "Tasks", + "focusVisible": false + }, + { + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(225, 225, 225)" + }, + "accessibleName": "Inventory", + "focusVisible": false + } + ], + "referenceImage": { + "file": "dark-icon-only-resting.png", + "sha256": "4a920d86ba5a92e80cdd9296dc9c37434075d560426b7fdbcb179fdc0faec510", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/dark-icon-only-resting.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "4a920d86ba5a92e80cdd9296dc9c37434075d560426b7fdbcb179fdc0faec510" + } + }, + { + "platform": "macos", + "kind": "navigation", + "theme": "dark", + "presentation": "icon-only", + "state": "hover", + "geometryAndStateMatch": true, + "layoutToleranceCssPx": 1, + "verticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(225, 225, 225)" + }, + "accessibleName": "Overview", + "focusVisible": false + }, + { + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M4 3H20V21H4ZM7 6V9H10V6ZM12 6V8H17V6ZM7 12V15H10V12ZM12 12V14H17V12Z", + "fill": "rgb(225, 225, 225)" + }, + "accessibleName": "Tasks", + "focusVisible": false + }, + { + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(225, 225, 225)" + }, + "accessibleName": "Inventory", + "focusVisible": false + } + ], + "referenceImage": { + "file": "dark-icon-only-hover.png", + "sha256": "4a920d86ba5a92e80cdd9296dc9c37434075d560426b7fdbcb179fdc0faec510", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/dark-icon-only-hover.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "4a920d86ba5a92e80cdd9296dc9c37434075d560426b7fdbcb179fdc0faec510" + } + }, + { + "platform": "macos", + "kind": "navigation", + "theme": "dark", + "presentation": "icon-only", + "state": "focus", + "geometryAndStateMatch": true, + "layoutToleranceCssPx": 1, + "verticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "-5px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(225, 225, 225)" + }, + "accessibleName": "Overview", + "focusVisible": true + }, + { + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M4 3H20V21H4ZM7 6V9H10V6ZM12 6V8H17V6ZM7 12V15H10V12ZM12 12V14H17V12Z", + "fill": "rgb(225, 225, 225)" + }, + "accessibleName": "Tasks", + "focusVisible": false + }, + { + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(225, 225, 225)" + }, + "accessibleName": "Inventory", + "focusVisible": false + } + ], + "referenceImage": { + "file": "dark-icon-only-focus.png", + "sha256": "2946c913f664eb5e6a624d27d469d91b808df944992ede33c8680c7136771348", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/dark-icon-only-focus.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "2946c913f664eb5e6a624d27d469d91b808df944992ede33c8680c7136771348" + } + }, + { + "platform": "macos", + "kind": "navigation", + "theme": "dark", + "presentation": "icon-only", + "state": "disabled", + "geometryAndStateMatch": true, + "layoutToleranceCssPx": 1, + "verticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(225, 225, 225)" + }, + "accessibleName": "Overview", + "focusVisible": false + }, + { + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "0.5", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M4 3H20V21H4ZM7 6V9H10V6ZM12 6V8H17V6ZM7 12V15H10V12ZM12 12V14H17V12Z", + "fill": "rgb(225, 225, 225)" + }, + "accessibleName": "Tasks", + "focusVisible": false + }, + { + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(225, 225, 225)" + }, + "accessibleName": "Inventory", + "focusVisible": false + } + ], + "referenceImage": { + "file": "dark-icon-only-disabled.png", + "sha256": "c158c8d600a6b96e38a840f8f505638c6f88dbc6cd2926a33445831ab4622b7c", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/dark-icon-only-disabled.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "c158c8d600a6b96e38a840f8f505638c6f88dbc6cd2926a33445831ab4622b7c" + } + }, + { + "platform": "macos", + "kind": "navigation", + "theme": "dark", + "presentation": "icon-and-title", + "state": "resting", + "geometryAndStateMatch": true, + "layoutToleranceCssPx": 1, + "verticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 121.484375, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 121.484375, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 57.484375, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 57.484375, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(225, 225, 225)" + }, + "accessibleName": "Overview", + "focusVisible": false + }, + { + "geometry": { + "width": 100.6875, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 100.6875, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 36.6875, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 36.6875, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M4 3H20V21H4ZM7 6V9H10V6ZM12 6V8H17V6ZM7 12V15H10V12ZM12 12V14H17V12Z", + "fill": "rgb(225, 225, 225)" + }, + "accessibleName": "Tasks", + "focusVisible": false + }, + { + "geometry": { + "width": 122.15625, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 122.15625, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 58.15625, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 58.15625, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(225, 225, 225)" + }, + "accessibleName": "Inventory", + "focusVisible": false + } + ], + "referenceImage": { + "file": "dark-icon-and-title-resting.png", + "sha256": "0372ee1e2606e19b7df3e80036204ab74ac6a10809c697261b56c46bb006e266", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/dark-icon-and-title-resting.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "0372ee1e2606e19b7df3e80036204ab74ac6a10809c697261b56c46bb006e266" + } + }, + { + "platform": "macos", + "kind": "navigation", + "theme": "dark", + "presentation": "icon-and-title", + "state": "hover", + "geometryAndStateMatch": true, + "layoutToleranceCssPx": 1, + "verticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 121.484375, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 121.484375, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 57.484375, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 57.484375, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(225, 225, 225)" + }, + "accessibleName": "Overview", + "focusVisible": false + }, + { + "geometry": { + "width": 100.6875, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 100.6875, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 36.6875, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 36.6875, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M4 3H20V21H4ZM7 6V9H10V6ZM12 6V8H17V6ZM7 12V15H10V12ZM12 12V14H17V12Z", + "fill": "rgb(225, 225, 225)" + }, + "accessibleName": "Tasks", + "focusVisible": false + }, + { + "geometry": { + "width": 122.15625, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 122.15625, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 58.15625, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 58.15625, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(225, 225, 225)" + }, + "accessibleName": "Inventory", + "focusVisible": false + } + ], + "referenceImage": { + "file": "dark-icon-and-title-hover.png", + "sha256": "0372ee1e2606e19b7df3e80036204ab74ac6a10809c697261b56c46bb006e266", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/dark-icon-and-title-hover.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "0372ee1e2606e19b7df3e80036204ab74ac6a10809c697261b56c46bb006e266" + } + }, + { + "platform": "macos", + "kind": "navigation", + "theme": "dark", + "presentation": "icon-and-title", + "state": "focus", + "geometryAndStateMatch": true, + "layoutToleranceCssPx": 1, + "verticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 121.484375, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 121.484375, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 57.484375, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 57.484375, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "-5px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(225, 225, 225)" + }, + "accessibleName": "Overview", + "focusVisible": true + }, + { + "geometry": { + "width": 100.6875, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 100.6875, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 36.6875, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 36.6875, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M4 3H20V21H4ZM7 6V9H10V6ZM12 6V8H17V6ZM7 12V15H10V12ZM12 12V14H17V12Z", + "fill": "rgb(225, 225, 225)" + }, + "accessibleName": "Tasks", + "focusVisible": false + }, + { + "geometry": { + "width": 122.15625, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 122.15625, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 58.15625, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 58.15625, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(225, 225, 225)" + }, + "accessibleName": "Inventory", + "focusVisible": false + } + ], + "referenceImage": { + "file": "dark-icon-and-title-focus.png", + "sha256": "f6e546c2a95d9c19a7b2fcb8b932584d72e9a576aabdf411b2971e984110509b", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/dark-icon-and-title-focus.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "f6e546c2a95d9c19a7b2fcb8b932584d72e9a576aabdf411b2971e984110509b" + } + }, + { + "platform": "macos", + "kind": "navigation", + "theme": "dark", + "presentation": "icon-and-title", + "state": "disabled", + "geometryAndStateMatch": true, + "layoutToleranceCssPx": 1, + "verticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 121.484375, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 121.484375, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 57.484375, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 57.484375, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(225, 225, 225)" + }, + "accessibleName": "Overview", + "focusVisible": false + }, + { + "geometry": { + "width": 100.6875, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 100.6875, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 36.6875, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 36.6875, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "0.5", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M4 3H20V21H4ZM7 6V9H10V6ZM12 6V8H17V6ZM7 12V15H10V12ZM12 12V14H17V12Z", + "fill": "rgb(225, 225, 225)" + }, + "accessibleName": "Tasks", + "focusVisible": false + }, + { + "geometry": { + "width": 122.15625, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 122.15625, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 58.15625, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 58.15625, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(225, 225, 225)" + }, + "accessibleName": "Inventory", + "focusVisible": false + } + ], + "referenceImage": { + "file": "dark-icon-and-title-disabled.png", + "sha256": "ceb3349b0a7bf632438d697f865317bc053c4097279a975b6722180407614a18", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/dark-icon-and-title-disabled.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "ceb3349b0a7bf632438d697f865317bc053c4097279a975b6722180407614a18" + } + }, + { + "platform": "macos", + "kind": "navigation", + "theme": "dark", + "presentation": "mixed", + "state": "resting", + "geometryAndStateMatch": true, + "layoutToleranceCssPx": 1, + "verticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(225, 225, 225)" + }, + "accessibleName": "Overview", + "focusVisible": false + }, + { + "geometry": { + "width": 68.6875, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 68.6875, + "height": 54.390625 + }, + "icon": null, + "label": { + "x": 16, + "y": 18, + "width": 36.6875, + "height": 22.390625 + }, + "text": { + "x": 16, + "y": 21, + "width": 36.6875, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "18px 16px 14px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": null, + "accessibleName": "Tasks", + "focusVisible": false + }, + { + "geometry": { + "width": 122.15625, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 122.15625, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 58.15625, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 58.15625, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(225, 225, 225)" + }, + "accessibleName": "Inventory", + "focusVisible": false + } + ], + "referenceImage": { + "file": "dark-mixed-resting.png", + "sha256": "36eadfcc4601dfd2380a11384503ef8ec69ce363adb8ea103e4b444467b53a21", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/dark-mixed-resting.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "36eadfcc4601dfd2380a11384503ef8ec69ce363adb8ea103e4b444467b53a21" + } + }, + { + "platform": "macos", + "kind": "navigation", + "theme": "dark", + "presentation": "mixed", + "state": "hover", + "geometryAndStateMatch": true, + "layoutToleranceCssPx": 1, + "verticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(225, 225, 225)" + }, + "accessibleName": "Overview", + "focusVisible": false + }, + { + "geometry": { + "width": 68.6875, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 68.6875, + "height": 54.390625 + }, + "icon": null, + "label": { + "x": 16, + "y": 18, + "width": 36.6875, + "height": 22.390625 + }, + "text": { + "x": 16, + "y": 21, + "width": 36.6875, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "18px 16px 14px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": null, + "accessibleName": "Tasks", + "focusVisible": false + }, + { + "geometry": { + "width": 122.15625, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 122.15625, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 58.15625, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 58.15625, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(225, 225, 225)" + }, + "accessibleName": "Inventory", + "focusVisible": false + } + ], + "referenceImage": { + "file": "dark-mixed-hover.png", + "sha256": "36eadfcc4601dfd2380a11384503ef8ec69ce363adb8ea103e4b444467b53a21", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/dark-mixed-hover.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "36eadfcc4601dfd2380a11384503ef8ec69ce363adb8ea103e4b444467b53a21" + } + }, + { + "platform": "macos", + "kind": "navigation", + "theme": "dark", + "presentation": "mixed", + "state": "focus", + "geometryAndStateMatch": true, + "layoutToleranceCssPx": 1, + "verticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "-5px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(225, 225, 225)" + }, + "accessibleName": "Overview", + "focusVisible": true + }, + { + "geometry": { + "width": 68.6875, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 68.6875, + "height": 54.390625 + }, + "icon": null, + "label": { + "x": 16, + "y": 18, + "width": 36.6875, + "height": 22.390625 + }, + "text": { + "x": 16, + "y": 21, + "width": 36.6875, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "18px 16px 14px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": null, + "accessibleName": "Tasks", + "focusVisible": false + }, + { + "geometry": { + "width": 122.15625, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 122.15625, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 58.15625, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 58.15625, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(225, 225, 225)" + }, + "accessibleName": "Inventory", + "focusVisible": false + } + ], + "referenceImage": { + "file": "dark-mixed-focus.png", + "sha256": "96f626961fee54e697ee825b551fe195834b85f1ff7a9f07fe56bd79fdb88d51", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/dark-mixed-focus.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "96f626961fee54e697ee825b551fe195834b85f1ff7a9f07fe56bd79fdb88d51" + } + }, + { + "platform": "macos", + "kind": "navigation", + "theme": "dark", + "presentation": "mixed", + "state": "disabled", + "geometryAndStateMatch": true, + "layoutToleranceCssPx": 1, + "verticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(225, 225, 225)" + }, + "accessibleName": "Overview", + "focusVisible": false + }, + { + "geometry": { + "width": 68.6875, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 68.6875, + "height": 54.390625 + }, + "icon": null, + "label": { + "x": 16, + "y": 18, + "width": 36.6875, + "height": 22.390625 + }, + "text": { + "x": 16, + "y": 21, + "width": 36.6875, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "0.5", + "padding": "18px 16px 14px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": null, + "accessibleName": "Tasks", + "focusVisible": false + }, + { + "geometry": { + "width": 122.15625, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 122.15625, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 58.15625, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 58.15625, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(225, 225, 225)" + }, + "accessibleName": "Inventory", + "focusVisible": false + } + ], + "referenceImage": { + "file": "dark-mixed-disabled.png", + "sha256": "3348e0e4aee7d156b06b728393cdcc87aa11679f2b9b6e61f80cf5d407cc926f", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/dark-mixed-disabled.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "3348e0e4aee7d156b06b728393cdcc87aa11679f2b9b6e61f80cf5d407cc926f" + } + }, + { + "platform": "macos", + "kind": "panels", + "theme": "light", + "presentation": "icon-only", + "state": "resting", + "geometryAndStateMatch": true, + "layoutToleranceCssPx": 1, + "verticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(20, 20, 20)" + }, + "accessibleName": "Overview", + "focusVisible": false + }, + { + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M4 3H20V21H4ZM7 6V9H10V6ZM12 6V8H17V6ZM7 12V15H10V12ZM12 12V14H17V12Z", + "fill": "rgb(20, 20, 20)" + }, + "accessibleName": "Tasks", + "focusVisible": false + }, + { + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(20, 20, 20)" + }, + "accessibleName": "Inventory", + "focusVisible": false + } + ], + "referenceImage": { + "file": "light-icon-only-resting.png", + "sha256": "5396ee8d3f578b42134632dc6633209b6e62260c52d0717ef360abd39326c8b8", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/light-icon-only-resting.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "5396ee8d3f578b42134632dc6633209b6e62260c52d0717ef360abd39326c8b8" + } + }, + { + "platform": "macos", + "kind": "panels", + "theme": "light", + "presentation": "icon-only", + "state": "hover", + "geometryAndStateMatch": true, + "layoutToleranceCssPx": 1, + "verticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(20, 20, 20)" + }, + "accessibleName": "Overview", + "focusVisible": false + }, + { + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M4 3H20V21H4ZM7 6V9H10V6ZM12 6V8H17V6ZM7 12V15H10V12ZM12 12V14H17V12Z", + "fill": "rgb(20, 20, 20)" + }, + "accessibleName": "Tasks", + "focusVisible": false + }, + { + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(20, 20, 20)" + }, + "accessibleName": "Inventory", + "focusVisible": false + } + ], + "referenceImage": { + "file": "light-icon-only-hover.png", + "sha256": "5396ee8d3f578b42134632dc6633209b6e62260c52d0717ef360abd39326c8b8", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/light-icon-only-hover.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "5396ee8d3f578b42134632dc6633209b6e62260c52d0717ef360abd39326c8b8" + } + }, + { + "platform": "macos", + "kind": "panels", + "theme": "light", + "presentation": "icon-only", + "state": "focus", + "geometryAndStateMatch": true, + "layoutToleranceCssPx": 1, + "verticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "-5px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(20, 20, 20)" + }, + "accessibleName": "Overview", + "focusVisible": true + }, + { + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M4 3H20V21H4ZM7 6V9H10V6ZM12 6V8H17V6ZM7 12V15H10V12ZM12 12V14H17V12Z", + "fill": "rgb(20, 20, 20)" + }, + "accessibleName": "Tasks", + "focusVisible": false + }, + { + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(20, 20, 20)" + }, + "accessibleName": "Inventory", + "focusVisible": false + } + ], + "referenceImage": { + "file": "light-icon-only-focus.png", + "sha256": "0bbf9e60a0b00c33bc8b691b3d1175da277aeea84f7c29d6e141e061215dd04e", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/light-icon-only-focus.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "0bbf9e60a0b00c33bc8b691b3d1175da277aeea84f7c29d6e141e061215dd04e" + } + }, + { + "platform": "macos", + "kind": "panels", + "theme": "light", + "presentation": "icon-only", + "state": "disabled", + "geometryAndStateMatch": true, + "layoutToleranceCssPx": 1, + "verticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(20, 20, 20)" + }, + "accessibleName": "Overview", + "focusVisible": false + }, + { + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "0.5", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M4 3H20V21H4ZM7 6V9H10V6ZM12 6V8H17V6ZM7 12V15H10V12ZM12 12V14H17V12Z", + "fill": "rgb(20, 20, 20)" + }, + "accessibleName": "Tasks", + "focusVisible": false + }, + { + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(20, 20, 20)" + }, + "accessibleName": "Inventory", + "focusVisible": false + } + ], + "referenceImage": { + "file": "light-icon-only-disabled.png", + "sha256": "82c98d7d6a8797cc042e78e16234b9ec08cb230592ac900a8785293512447acd", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/light-icon-only-disabled.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "82c98d7d6a8797cc042e78e16234b9ec08cb230592ac900a8785293512447acd" + } + }, + { + "platform": "macos", + "kind": "panels", + "theme": "light", + "presentation": "icon-and-title", + "state": "resting", + "geometryAndStateMatch": true, + "layoutToleranceCssPx": 1, + "verticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 121.484375, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 121.484375, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 57.484375, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 57.484375, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(20, 20, 20)" + }, + "accessibleName": "Overview", + "focusVisible": false + }, + { + "geometry": { + "width": 100.6875, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 100.6875, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 36.6875, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 36.6875, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M4 3H20V21H4ZM7 6V9H10V6ZM12 6V8H17V6ZM7 12V15H10V12ZM12 12V14H17V12Z", + "fill": "rgb(20, 20, 20)" + }, + "accessibleName": "Tasks", + "focusVisible": false + }, + { + "geometry": { + "width": 122.15625, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 122.15625, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 58.15625, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 58.15625, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(20, 20, 20)" + }, + "accessibleName": "Inventory", + "focusVisible": false + } + ], + "referenceImage": { + "file": "light-icon-and-title-resting.png", + "sha256": "4043dccc7bcbdc6683909904c5379f8e204248077e3362b23d226f7a80a20c03", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/light-icon-and-title-resting.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "4043dccc7bcbdc6683909904c5379f8e204248077e3362b23d226f7a80a20c03" + } + }, + { + "platform": "macos", + "kind": "panels", + "theme": "light", + "presentation": "icon-and-title", + "state": "hover", + "geometryAndStateMatch": true, + "layoutToleranceCssPx": 1, + "verticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 121.484375, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 121.484375, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 57.484375, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 57.484375, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(20, 20, 20)" + }, + "accessibleName": "Overview", + "focusVisible": false + }, + { + "geometry": { + "width": 100.6875, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 100.6875, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 36.6875, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 36.6875, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M4 3H20V21H4ZM7 6V9H10V6ZM12 6V8H17V6ZM7 12V15H10V12ZM12 12V14H17V12Z", + "fill": "rgb(20, 20, 20)" + }, + "accessibleName": "Tasks", + "focusVisible": false + }, + { + "geometry": { + "width": 122.15625, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 122.15625, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 58.15625, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 58.15625, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(20, 20, 20)" + }, + "accessibleName": "Inventory", + "focusVisible": false + } + ], + "referenceImage": { + "file": "light-icon-and-title-hover.png", + "sha256": "4043dccc7bcbdc6683909904c5379f8e204248077e3362b23d226f7a80a20c03", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/light-icon-and-title-hover.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "4043dccc7bcbdc6683909904c5379f8e204248077e3362b23d226f7a80a20c03" + } + }, + { + "platform": "macos", + "kind": "panels", + "theme": "light", + "presentation": "icon-and-title", + "state": "focus", + "geometryAndStateMatch": true, + "layoutToleranceCssPx": 1, + "verticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 121.484375, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 121.484375, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 57.484375, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 57.484375, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "-5px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(20, 20, 20)" + }, + "accessibleName": "Overview", + "focusVisible": true + }, + { + "geometry": { + "width": 100.6875, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 100.6875, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 36.6875, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 36.6875, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M4 3H20V21H4ZM7 6V9H10V6ZM12 6V8H17V6ZM7 12V15H10V12ZM12 12V14H17V12Z", + "fill": "rgb(20, 20, 20)" + }, + "accessibleName": "Tasks", + "focusVisible": false + }, + { + "geometry": { + "width": 122.15625, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 122.15625, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 58.15625, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 58.15625, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(20, 20, 20)" + }, + "accessibleName": "Inventory", + "focusVisible": false + } + ], + "referenceImage": { + "file": "light-icon-and-title-focus.png", + "sha256": "4225d1cb87d205f198c832a0d0c0560b8af0d62267683b2ddda6603975dcfa97", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/light-icon-and-title-focus.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "4225d1cb87d205f198c832a0d0c0560b8af0d62267683b2ddda6603975dcfa97" + } + }, + { + "platform": "macos", + "kind": "panels", + "theme": "light", + "presentation": "icon-and-title", + "state": "disabled", + "geometryAndStateMatch": true, + "layoutToleranceCssPx": 1, + "verticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 121.484375, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 121.484375, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 57.484375, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 57.484375, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(20, 20, 20)" + }, + "accessibleName": "Overview", + "focusVisible": false + }, + { + "geometry": { + "width": 100.6875, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 100.6875, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 36.6875, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 36.6875, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "0.5", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M4 3H20V21H4ZM7 6V9H10V6ZM12 6V8H17V6ZM7 12V15H10V12ZM12 12V14H17V12Z", + "fill": "rgb(20, 20, 20)" + }, + "accessibleName": "Tasks", + "focusVisible": false + }, + { + "geometry": { + "width": 122.15625, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 122.15625, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 58.15625, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 58.15625, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(20, 20, 20)" + }, + "accessibleName": "Inventory", + "focusVisible": false + } + ], + "referenceImage": { + "file": "light-icon-and-title-disabled.png", + "sha256": "4ecfb71272efd8dbafa260aaa24c156868609eedcecac997a15638fdf3cb611c", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/light-icon-and-title-disabled.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "4ecfb71272efd8dbafa260aaa24c156868609eedcecac997a15638fdf3cb611c" + } + }, + { + "platform": "macos", + "kind": "panels", + "theme": "light", + "presentation": "mixed", + "state": "resting", + "geometryAndStateMatch": true, + "layoutToleranceCssPx": 1, + "verticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(20, 20, 20)" + }, + "accessibleName": "Overview", + "focusVisible": false + }, + { + "geometry": { + "width": 68.6875, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 68.6875, + "height": 54.390625 + }, + "icon": null, + "label": { + "x": 16, + "y": 18, + "width": 36.6875, + "height": 22.390625 + }, + "text": { + "x": 16, + "y": 21, + "width": 36.6875, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "18px 16px 14px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": null, + "accessibleName": "Tasks", + "focusVisible": false + }, + { + "geometry": { + "width": 122.15625, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 122.15625, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 58.15625, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 58.15625, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(20, 20, 20)" + }, + "accessibleName": "Inventory", + "focusVisible": false + } + ], + "referenceImage": { + "file": "light-mixed-resting.png", + "sha256": "bba2a314cbfc80fd3a4ffff730217d55f20ef29872e7f5bcab90d26445648a31", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/light-mixed-resting.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "bba2a314cbfc80fd3a4ffff730217d55f20ef29872e7f5bcab90d26445648a31" + } + }, + { + "platform": "macos", + "kind": "panels", + "theme": "light", + "presentation": "mixed", + "state": "hover", + "geometryAndStateMatch": true, + "layoutToleranceCssPx": 1, + "verticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(20, 20, 20)" + }, + "accessibleName": "Overview", + "focusVisible": false + }, + { + "geometry": { + "width": 68.6875, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 68.6875, + "height": 54.390625 + }, + "icon": null, + "label": { + "x": 16, + "y": 18, + "width": 36.6875, + "height": 22.390625 + }, + "text": { + "x": 16, + "y": 21, + "width": 36.6875, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "18px 16px 14px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": null, + "accessibleName": "Tasks", + "focusVisible": false + }, + { + "geometry": { + "width": 122.15625, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 122.15625, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 58.15625, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 58.15625, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(20, 20, 20)" + }, + "accessibleName": "Inventory", + "focusVisible": false + } + ], + "referenceImage": { + "file": "light-mixed-hover.png", + "sha256": "bba2a314cbfc80fd3a4ffff730217d55f20ef29872e7f5bcab90d26445648a31", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/light-mixed-hover.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "bba2a314cbfc80fd3a4ffff730217d55f20ef29872e7f5bcab90d26445648a31" + } + }, + { + "platform": "macos", + "kind": "panels", + "theme": "light", + "presentation": "mixed", + "state": "focus", + "geometryAndStateMatch": true, + "layoutToleranceCssPx": 1, + "verticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "-5px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(20, 20, 20)" + }, + "accessibleName": "Overview", + "focusVisible": true + }, + { + "geometry": { + "width": 68.6875, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 68.6875, + "height": 54.390625 + }, + "icon": null, + "label": { + "x": 16, + "y": 18, + "width": 36.6875, + "height": 22.390625 + }, + "text": { + "x": 16, + "y": 21, + "width": 36.6875, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "18px 16px 14px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": null, + "accessibleName": "Tasks", + "focusVisible": false + }, + { + "geometry": { + "width": 122.15625, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 122.15625, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 58.15625, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 58.15625, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(20, 20, 20)" + }, + "accessibleName": "Inventory", + "focusVisible": false + } + ], + "referenceImage": { + "file": "light-mixed-focus.png", + "sha256": "ec54c6a5df9d6f908cc230031da729799f98812609a51f785d4890f29b39bece", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/light-mixed-focus.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "ec54c6a5df9d6f908cc230031da729799f98812609a51f785d4890f29b39bece" + } + }, + { + "platform": "macos", + "kind": "panels", + "theme": "light", + "presentation": "mixed", + "state": "disabled", + "geometryAndStateMatch": true, + "layoutToleranceCssPx": 1, + "verticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(20, 20, 20)" + }, + "accessibleName": "Overview", + "focusVisible": false + }, + { + "geometry": { + "width": 68.6875, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 68.6875, + "height": 54.390625 + }, + "icon": null, + "label": { + "x": 16, + "y": 18, + "width": 36.6875, + "height": 22.390625 + }, + "text": { + "x": 16, + "y": 21, + "width": 36.6875, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "0.5", + "padding": "18px 16px 14px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": null, + "accessibleName": "Tasks", + "focusVisible": false + }, + { + "geometry": { + "width": 122.15625, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 122.15625, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 58.15625, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 58.15625, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(20, 20, 20)" + }, + "accessibleName": "Inventory", + "focusVisible": false + } + ], + "referenceImage": { + "file": "light-mixed-disabled.png", + "sha256": "8f56b2171479a0eef2fc258be3ffa6517a485a04a42c7b65860b768f6077300f", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/light-mixed-disabled.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "8f56b2171479a0eef2fc258be3ffa6517a485a04a42c7b65860b768f6077300f" + } + }, + { + "platform": "macos", + "kind": "panels", + "theme": "dark", + "presentation": "icon-only", + "state": "resting", + "geometryAndStateMatch": true, + "layoutToleranceCssPx": 1, + "verticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(225, 225, 225)" + }, + "accessibleName": "Overview", + "focusVisible": false + }, + { + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M4 3H20V21H4ZM7 6V9H10V6ZM12 6V8H17V6ZM7 12V15H10V12ZM12 12V14H17V12Z", + "fill": "rgb(225, 225, 225)" + }, + "accessibleName": "Tasks", + "focusVisible": false + }, + { + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(225, 225, 225)" + }, + "accessibleName": "Inventory", + "focusVisible": false + } + ], + "referenceImage": { + "file": "dark-icon-only-resting.png", + "sha256": "4a920d86ba5a92e80cdd9296dc9c37434075d560426b7fdbcb179fdc0faec510", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/dark-icon-only-resting.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "4a920d86ba5a92e80cdd9296dc9c37434075d560426b7fdbcb179fdc0faec510" + } + }, + { + "platform": "macos", + "kind": "panels", + "theme": "dark", + "presentation": "icon-only", + "state": "hover", + "geometryAndStateMatch": true, + "layoutToleranceCssPx": 1, + "verticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(225, 225, 225)" + }, + "accessibleName": "Overview", + "focusVisible": false + }, + { + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M4 3H20V21H4ZM7 6V9H10V6ZM12 6V8H17V6ZM7 12V15H10V12ZM12 12V14H17V12Z", + "fill": "rgb(225, 225, 225)" + }, + "accessibleName": "Tasks", + "focusVisible": false + }, + { + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(225, 225, 225)" + }, + "accessibleName": "Inventory", + "focusVisible": false + } + ], + "referenceImage": { + "file": "dark-icon-only-hover.png", + "sha256": "4a920d86ba5a92e80cdd9296dc9c37434075d560426b7fdbcb179fdc0faec510", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/dark-icon-only-hover.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "4a920d86ba5a92e80cdd9296dc9c37434075d560426b7fdbcb179fdc0faec510" + } + }, + { + "platform": "macos", + "kind": "panels", + "theme": "dark", + "presentation": "icon-only", + "state": "focus", + "geometryAndStateMatch": true, + "layoutToleranceCssPx": 1, + "verticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "-5px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(225, 225, 225)" + }, + "accessibleName": "Overview", + "focusVisible": true + }, + { + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M4 3H20V21H4ZM7 6V9H10V6ZM12 6V8H17V6ZM7 12V15H10V12ZM12 12V14H17V12Z", + "fill": "rgb(225, 225, 225)" + }, + "accessibleName": "Tasks", + "focusVisible": false + }, + { + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(225, 225, 225)" + }, + "accessibleName": "Inventory", + "focusVisible": false + } + ], + "referenceImage": { + "file": "dark-icon-only-focus.png", + "sha256": "2946c913f664eb5e6a624d27d469d91b808df944992ede33c8680c7136771348", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/dark-icon-only-focus.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "2946c913f664eb5e6a624d27d469d91b808df944992ede33c8680c7136771348" + } + }, + { + "platform": "macos", + "kind": "panels", + "theme": "dark", + "presentation": "icon-only", + "state": "disabled", + "geometryAndStateMatch": true, + "layoutToleranceCssPx": 1, + "verticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(225, 225, 225)" + }, + "accessibleName": "Overview", + "focusVisible": false + }, + { + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "0.5", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M4 3H20V21H4ZM7 6V9H10V6ZM12 6V8H17V6ZM7 12V15H10V12ZM12 12V14H17V12Z", + "fill": "rgb(225, 225, 225)" + }, + "accessibleName": "Tasks", + "focusVisible": false + }, + { + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(225, 225, 225)" + }, + "accessibleName": "Inventory", + "focusVisible": false + } + ], + "referenceImage": { + "file": "dark-icon-only-disabled.png", + "sha256": "c158c8d600a6b96e38a840f8f505638c6f88dbc6cd2926a33445831ab4622b7c", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/dark-icon-only-disabled.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "c158c8d600a6b96e38a840f8f505638c6f88dbc6cd2926a33445831ab4622b7c" + } + }, + { + "platform": "macos", + "kind": "panels", + "theme": "dark", + "presentation": "icon-and-title", + "state": "resting", + "geometryAndStateMatch": true, + "layoutToleranceCssPx": 1, + "verticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 121.484375, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 121.484375, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 57.484375, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 57.484375, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(225, 225, 225)" + }, + "accessibleName": "Overview", + "focusVisible": false + }, + { + "geometry": { + "width": 100.6875, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 100.6875, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 36.6875, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 36.6875, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M4 3H20V21H4ZM7 6V9H10V6ZM12 6V8H17V6ZM7 12V15H10V12ZM12 12V14H17V12Z", + "fill": "rgb(225, 225, 225)" + }, + "accessibleName": "Tasks", + "focusVisible": false + }, + { + "geometry": { + "width": 122.15625, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 122.15625, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 58.15625, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 58.15625, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(225, 225, 225)" + }, + "accessibleName": "Inventory", + "focusVisible": false + } + ], + "referenceImage": { + "file": "dark-icon-and-title-resting.png", + "sha256": "0372ee1e2606e19b7df3e80036204ab74ac6a10809c697261b56c46bb006e266", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/dark-icon-and-title-resting.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "0372ee1e2606e19b7df3e80036204ab74ac6a10809c697261b56c46bb006e266" + } + }, + { + "platform": "macos", + "kind": "panels", + "theme": "dark", + "presentation": "icon-and-title", + "state": "hover", + "geometryAndStateMatch": true, + "layoutToleranceCssPx": 1, + "verticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 121.484375, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 121.484375, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 57.484375, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 57.484375, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(225, 225, 225)" + }, + "accessibleName": "Overview", + "focusVisible": false + }, + { + "geometry": { + "width": 100.6875, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 100.6875, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 36.6875, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 36.6875, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M4 3H20V21H4ZM7 6V9H10V6ZM12 6V8H17V6ZM7 12V15H10V12ZM12 12V14H17V12Z", + "fill": "rgb(225, 225, 225)" + }, + "accessibleName": "Tasks", + "focusVisible": false + }, + { + "geometry": { + "width": 122.15625, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 122.15625, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 58.15625, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 58.15625, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(225, 225, 225)" + }, + "accessibleName": "Inventory", + "focusVisible": false + } + ], + "referenceImage": { + "file": "dark-icon-and-title-hover.png", + "sha256": "0372ee1e2606e19b7df3e80036204ab74ac6a10809c697261b56c46bb006e266", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/dark-icon-and-title-hover.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "0372ee1e2606e19b7df3e80036204ab74ac6a10809c697261b56c46bb006e266" + } + }, + { + "platform": "macos", + "kind": "panels", + "theme": "dark", + "presentation": "icon-and-title", + "state": "focus", + "geometryAndStateMatch": true, + "layoutToleranceCssPx": 1, + "verticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 121.484375, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 121.484375, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 57.484375, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 57.484375, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "-5px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(225, 225, 225)" + }, + "accessibleName": "Overview", + "focusVisible": true + }, + { + "geometry": { + "width": 100.6875, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 100.6875, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 36.6875, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 36.6875, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M4 3H20V21H4ZM7 6V9H10V6ZM12 6V8H17V6ZM7 12V15H10V12ZM12 12V14H17V12Z", + "fill": "rgb(225, 225, 225)" + }, + "accessibleName": "Tasks", + "focusVisible": false + }, + { + "geometry": { + "width": 122.15625, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 122.15625, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 58.15625, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 58.15625, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(225, 225, 225)" + }, + "accessibleName": "Inventory", + "focusVisible": false + } + ], + "referenceImage": { + "file": "dark-icon-and-title-focus.png", + "sha256": "f6e546c2a95d9c19a7b2fcb8b932584d72e9a576aabdf411b2971e984110509b", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/dark-icon-and-title-focus.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "f6e546c2a95d9c19a7b2fcb8b932584d72e9a576aabdf411b2971e984110509b" + } + }, + { + "platform": "macos", + "kind": "panels", + "theme": "dark", + "presentation": "icon-and-title", + "state": "disabled", + "geometryAndStateMatch": true, + "layoutToleranceCssPx": 1, + "verticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 121.484375, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 121.484375, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 57.484375, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 57.484375, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(225, 225, 225)" + }, + "accessibleName": "Overview", + "focusVisible": false + }, + { + "geometry": { + "width": 100.6875, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 100.6875, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 36.6875, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 36.6875, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "0.5", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M4 3H20V21H4ZM7 6V9H10V6ZM12 6V8H17V6ZM7 12V15H10V12ZM12 12V14H17V12Z", + "fill": "rgb(225, 225, 225)" + }, + "accessibleName": "Tasks", + "focusVisible": false + }, + { + "geometry": { + "width": 122.15625, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 122.15625, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 58.15625, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 58.15625, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(225, 225, 225)" + }, + "accessibleName": "Inventory", + "focusVisible": false + } + ], + "referenceImage": { + "file": "dark-icon-and-title-disabled.png", + "sha256": "ceb3349b0a7bf632438d697f865317bc053c4097279a975b6722180407614a18", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/dark-icon-and-title-disabled.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "ceb3349b0a7bf632438d697f865317bc053c4097279a975b6722180407614a18" + } + }, + { + "platform": "macos", + "kind": "panels", + "theme": "dark", + "presentation": "mixed", + "state": "resting", + "geometryAndStateMatch": true, + "layoutToleranceCssPx": 1, + "verticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(225, 225, 225)" + }, + "accessibleName": "Overview", + "focusVisible": false + }, + { + "geometry": { + "width": 68.6875, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 68.6875, + "height": 54.390625 + }, + "icon": null, + "label": { + "x": 16, + "y": 18, + "width": 36.6875, + "height": 22.390625 + }, + "text": { + "x": 16, + "y": 21, + "width": 36.6875, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "18px 16px 14px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": null, + "accessibleName": "Tasks", + "focusVisible": false + }, + { + "geometry": { + "width": 122.15625, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 122.15625, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 58.15625, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 58.15625, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(225, 225, 225)" + }, + "accessibleName": "Inventory", + "focusVisible": false + } + ], + "referenceImage": { + "file": "dark-mixed-resting.png", + "sha256": "36eadfcc4601dfd2380a11384503ef8ec69ce363adb8ea103e4b444467b53a21", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/dark-mixed-resting.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "36eadfcc4601dfd2380a11384503ef8ec69ce363adb8ea103e4b444467b53a21" + } + }, + { + "platform": "macos", + "kind": "panels", + "theme": "dark", + "presentation": "mixed", + "state": "hover", + "geometryAndStateMatch": true, + "layoutToleranceCssPx": 1, + "verticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(225, 225, 225)" + }, + "accessibleName": "Overview", + "focusVisible": false + }, + { + "geometry": { + "width": 68.6875, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 68.6875, + "height": 54.390625 + }, + "icon": null, + "label": { + "x": 16, + "y": 18, + "width": 36.6875, + "height": 22.390625 + }, + "text": { + "x": 16, + "y": 21, + "width": 36.6875, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "18px 16px 14px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": null, + "accessibleName": "Tasks", + "focusVisible": false + }, + { + "geometry": { + "width": 122.15625, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 122.15625, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 58.15625, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 58.15625, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(225, 225, 225)" + }, + "accessibleName": "Inventory", + "focusVisible": false + } + ], + "referenceImage": { + "file": "dark-mixed-hover.png", + "sha256": "36eadfcc4601dfd2380a11384503ef8ec69ce363adb8ea103e4b444467b53a21", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/dark-mixed-hover.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "36eadfcc4601dfd2380a11384503ef8ec69ce363adb8ea103e4b444467b53a21" + } + }, + { + "platform": "macos", + "kind": "panels", + "theme": "dark", + "presentation": "mixed", + "state": "focus", + "geometryAndStateMatch": true, + "layoutToleranceCssPx": 1, + "verticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "-5px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(225, 225, 225)" + }, + "accessibleName": "Overview", + "focusVisible": true + }, + { + "geometry": { + "width": 68.6875, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 68.6875, + "height": 54.390625 + }, + "icon": null, + "label": { + "x": 16, + "y": 18, + "width": 36.6875, + "height": 22.390625 + }, + "text": { + "x": 16, + "y": 21, + "width": 36.6875, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "18px 16px 14px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": null, + "accessibleName": "Tasks", + "focusVisible": false + }, + { + "geometry": { + "width": 122.15625, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 122.15625, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 58.15625, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 58.15625, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(225, 225, 225)" + }, + "accessibleName": "Inventory", + "focusVisible": false + } + ], + "referenceImage": { + "file": "dark-mixed-focus.png", + "sha256": "96f626961fee54e697ee825b551fe195834b85f1ff7a9f07fe56bd79fdb88d51", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/dark-mixed-focus.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "96f626961fee54e697ee825b551fe195834b85f1ff7a9f07fe56bd79fdb88d51" + } + }, + { + "platform": "macos", + "kind": "panels", + "theme": "dark", + "presentation": "mixed", + "state": "disabled", + "geometryAndStateMatch": true, + "layoutToleranceCssPx": 1, + "verticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 56, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 56, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": null, + "text": null + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 11L12 3L21 11V21H15V14H9V21H3Z", + "fill": "rgb(225, 225, 225)" + }, + "accessibleName": "Overview", + "focusVisible": false + }, + { + "geometry": { + "width": 68.6875, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 68.6875, + "height": 54.390625 + }, + "icon": null, + "label": { + "x": 16, + "y": 18, + "width": 36.6875, + "height": 22.390625 + }, + "text": { + "x": 16, + "y": 21, + "width": 36.6875, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "0.5", + "padding": "18px 16px 14px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": null, + "accessibleName": "Tasks", + "focusVisible": false + }, + { + "geometry": { + "width": 122.15625, + "height": 56, + "content": { + "x": 0, + "y": 0, + "width": 122.15625, + "height": 52 + }, + "icon": { + "x": 16, + "y": 16, + "width": 24, + "height": 24 + }, + "label": { + "x": 48, + "y": 16.796875, + "width": 58.15625, + "height": 22.390625 + }, + "text": { + "x": 48, + "y": 19.796875, + "width": 58.15625, + "height": 16 + } + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "padding": "16px 16px 12px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "icon": { + "path": "M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z", + "fill": "rgb(225, 225, 225)" + }, + "accessibleName": "Inventory", + "focusVisible": false + } + ], + "referenceImage": { + "file": "dark-mixed-disabled.png", + "sha256": "3348e0e4aee7d156b06b728393cdcc87aa11679f2b9b6e61f80cf5d407cc926f", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation-icons/macos/dark-mixed-disabled.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "3348e0e4aee7d156b06b728393cdcc87aa11679f2b9b6e61f80cf5d407cc926f" + } + } + ], + "navigationOverflowVisual": [ + { + "platform": "macos", + "kind": "navigation", + "theme": "light", + "rtl": false, + "state": "start", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-navigation-overflow/macos/light-ltr-start.png", + "sha256": "77faac8434e945fe27b314eccdfccd77ab66f7b332735c9ecd83517a91105cb6", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "77faac8434e945fe27b314eccdfccd77ab66f7b332735c9ecd83517a91105cb6" + } + }, + { + "platform": "macos", + "kind": "navigation", + "theme": "light", + "rtl": false, + "state": "middle", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-navigation-overflow/macos/light-ltr-middle.png", + "sha256": "de0f42a0947551aef0b2be3ee03fcac98cc19ac79f36f49e8d226a75d682f3ed", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "de0f42a0947551aef0b2be3ee03fcac98cc19ac79f36f49e8d226a75d682f3ed" + } + }, + { + "platform": "macos", + "kind": "navigation", + "theme": "light", + "rtl": false, + "state": "end", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-navigation-overflow/macos/light-ltr-end.png", + "sha256": "2041529ef861d4b3d1655befa1fa765dbfab813541025a09ff1977dea0fd62a1", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "2041529ef861d4b3d1655befa1fa765dbfab813541025a09ff1977dea0fd62a1" + } + }, + { + "platform": "macos", + "kind": "navigation", + "theme": "light", + "rtl": false, + "state": "hover-next", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-navigation-overflow/macos/light-ltr-hover-next.png", + "sha256": "07554add33de5ed97291ff092e60953f33503997fc3193d2e5ffd411cbe253e5", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "07554add33de5ed97291ff092e60953f33503997fc3193d2e5ffd411cbe253e5" + } + }, + { + "platform": "macos", + "kind": "navigation", + "theme": "light", + "rtl": false, + "state": "focus-next", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-navigation-overflow/macos/light-ltr-focus-next.png", + "sha256": "40fbe916f1a153e913f1266d6d687b2630804196275cf79d79b7a8701aed2f38", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "40fbe916f1a153e913f1266d6d687b2630804196275cf79d79b7a8701aed2f38" + } + }, + { + "platform": "macos", + "kind": "navigation", + "theme": "light", + "rtl": true, + "state": "start", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-navigation-overflow/macos/light-rtl-start.png", + "sha256": "88f4672bc67069c9cabe76418c4dcde9e0f20c775669626d0d7da8409ac7a515", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "88f4672bc67069c9cabe76418c4dcde9e0f20c775669626d0d7da8409ac7a515" + } + }, + { + "platform": "macos", + "kind": "navigation", + "theme": "light", + "rtl": true, + "state": "middle", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-navigation-overflow/macos/light-rtl-middle.png", + "sha256": "7d6166d54d0c090af5b004498c21b6cc7d30b72a5a521c63b978879ce9d8904e", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "7d6166d54d0c090af5b004498c21b6cc7d30b72a5a521c63b978879ce9d8904e" + } + }, + { + "platform": "macos", + "kind": "navigation", + "theme": "light", + "rtl": true, + "state": "end", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-navigation-overflow/macos/light-rtl-end.png", + "sha256": "362f019ec93171ae6fa708e28927f2bcdc7c028adb7f6cb2bb7874b75f9f7d2a", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "362f019ec93171ae6fa708e28927f2bcdc7c028adb7f6cb2bb7874b75f9f7d2a" + } + }, + { + "platform": "macos", + "kind": "navigation", + "theme": "light", + "rtl": true, + "state": "hover-next", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-navigation-overflow/macos/light-rtl-hover-next.png", + "sha256": "258b85b166564d6a2ad2309c2c126ba091d25c38192c8d32db36524132110896", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "258b85b166564d6a2ad2309c2c126ba091d25c38192c8d32db36524132110896" + } + }, + { + "platform": "macos", + "kind": "navigation", + "theme": "light", + "rtl": true, + "state": "focus-next", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-navigation-overflow/macos/light-rtl-focus-next.png", + "sha256": "2fcfc48492f09406a188b95a6a12ddb8ea8f10221bd8a0131b92e370bb9c1ea5", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "2fcfc48492f09406a188b95a6a12ddb8ea8f10221bd8a0131b92e370bb9c1ea5" + } + }, + { + "platform": "macos", + "kind": "navigation", + "theme": "dark", + "rtl": false, + "state": "start", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-navigation-overflow/macos/dark-ltr-start.png", + "sha256": "2c70dd70107796b75f32c2cd1ddb8458f15ea39c690a3fe04fadf00f5aff6b36", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "2c70dd70107796b75f32c2cd1ddb8458f15ea39c690a3fe04fadf00f5aff6b36" + } + }, + { + "platform": "macos", + "kind": "navigation", + "theme": "dark", + "rtl": false, + "state": "middle", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-navigation-overflow/macos/dark-ltr-middle.png", + "sha256": "2e5fa29c40483ce870c3935c3c918e3ec80d65d7d6243fd3d6d862a366748d7f", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "2e5fa29c40483ce870c3935c3c918e3ec80d65d7d6243fd3d6d862a366748d7f" + } + }, + { + "platform": "macos", + "kind": "navigation", + "theme": "dark", + "rtl": false, + "state": "end", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-navigation-overflow/macos/dark-ltr-end.png", + "sha256": "9d8892fe72333ab643c622b1c7f38482c7cf010f339bf3b9033e033506244f01", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "9d8892fe72333ab643c622b1c7f38482c7cf010f339bf3b9033e033506244f01" + } + }, + { + "platform": "macos", + "kind": "navigation", + "theme": "dark", + "rtl": false, + "state": "hover-next", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-navigation-overflow/macos/dark-ltr-hover-next.png", + "sha256": "0d15f4335e096f35f9dc8720ba6c989c60b62416767e58dd480575f511142e5a", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "0d15f4335e096f35f9dc8720ba6c989c60b62416767e58dd480575f511142e5a" + } + }, + { + "platform": "macos", + "kind": "navigation", + "theme": "dark", + "rtl": false, + "state": "focus-next", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-navigation-overflow/macos/dark-ltr-focus-next.png", + "sha256": "1e8755af3a1680a8c957a882dc2c7d33392ffe4e35ff921a481b89c537d1e516", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "1e8755af3a1680a8c957a882dc2c7d33392ffe4e35ff921a481b89c537d1e516" + } + }, + { + "platform": "macos", + "kind": "navigation", + "theme": "dark", + "rtl": true, + "state": "start", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-navigation-overflow/macos/dark-rtl-start.png", + "sha256": "796d8a187daf9a3bfc653b7a62c40bd0f2cfe47de4d50596fdf246191a91d361", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "796d8a187daf9a3bfc653b7a62c40bd0f2cfe47de4d50596fdf246191a91d361" + } + }, + { + "platform": "macos", + "kind": "navigation", + "theme": "dark", + "rtl": true, + "state": "middle", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-navigation-overflow/macos/dark-rtl-middle.png", + "sha256": "56bcb940eee8d2b929e1b7ffac20a3aba610d642cbbc9b157146b8e548fc302f", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "56bcb940eee8d2b929e1b7ffac20a3aba610d642cbbc9b157146b8e548fc302f" + } + }, + { + "platform": "macos", + "kind": "navigation", + "theme": "dark", + "rtl": true, + "state": "end", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-navigation-overflow/macos/dark-rtl-end.png", + "sha256": "eeb06cff27a9b0ce1fc417237de094ad691b5997e480c34efd27e0608b7fae46", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "eeb06cff27a9b0ce1fc417237de094ad691b5997e480c34efd27e0608b7fae46" + } + }, + { + "platform": "macos", + "kind": "navigation", + "theme": "dark", + "rtl": true, + "state": "hover-next", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-navigation-overflow/macos/dark-rtl-hover-next.png", + "sha256": "631f951e54988431fa3098aa0ed0ec85e6833144e5bc33bd941de53d1f7c3284", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "631f951e54988431fa3098aa0ed0ec85e6833144e5bc33bd941de53d1f7c3284" + } + }, + { + "platform": "macos", + "kind": "navigation", + "theme": "dark", + "rtl": true, + "state": "focus-next", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-navigation-overflow/macos/dark-rtl-focus-next.png", + "sha256": "97295a42b10b411e9bda190886033f41a91cddfc0c337030d0942826800034d4", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "97295a42b10b411e9bda190886033f41a91cddfc0c337030d0942826800034d4" + } + }, + { + "platform": "macos", + "kind": "panels", + "theme": "light", + "rtl": false, + "state": "start", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-navigation-overflow/macos/light-ltr-start.png", + "sha256": "77faac8434e945fe27b314eccdfccd77ab66f7b332735c9ecd83517a91105cb6", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "77faac8434e945fe27b314eccdfccd77ab66f7b332735c9ecd83517a91105cb6" + } + }, + { + "platform": "macos", + "kind": "panels", + "theme": "light", + "rtl": false, + "state": "middle", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-navigation-overflow/macos/light-ltr-middle.png", + "sha256": "de0f42a0947551aef0b2be3ee03fcac98cc19ac79f36f49e8d226a75d682f3ed", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "de0f42a0947551aef0b2be3ee03fcac98cc19ac79f36f49e8d226a75d682f3ed" + } + }, + { + "platform": "macos", + "kind": "panels", + "theme": "light", + "rtl": false, + "state": "end", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-navigation-overflow/macos/light-ltr-end.png", + "sha256": "2041529ef861d4b3d1655befa1fa765dbfab813541025a09ff1977dea0fd62a1", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "2041529ef861d4b3d1655befa1fa765dbfab813541025a09ff1977dea0fd62a1" + } + }, + { + "platform": "macos", + "kind": "panels", + "theme": "light", + "rtl": false, + "state": "hover-next", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-navigation-overflow/macos/light-ltr-hover-next.png", + "sha256": "07554add33de5ed97291ff092e60953f33503997fc3193d2e5ffd411cbe253e5", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "07554add33de5ed97291ff092e60953f33503997fc3193d2e5ffd411cbe253e5" + } + }, + { + "platform": "macos", + "kind": "panels", + "theme": "light", + "rtl": false, + "state": "focus-next", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-navigation-overflow/macos/light-ltr-focus-next.png", + "sha256": "40fbe916f1a153e913f1266d6d687b2630804196275cf79d79b7a8701aed2f38", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "40fbe916f1a153e913f1266d6d687b2630804196275cf79d79b7a8701aed2f38" + } + }, + { + "platform": "macos", + "kind": "panels", + "theme": "light", + "rtl": true, + "state": "start", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-navigation-overflow/macos/light-rtl-start.png", + "sha256": "88f4672bc67069c9cabe76418c4dcde9e0f20c775669626d0d7da8409ac7a515", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "88f4672bc67069c9cabe76418c4dcde9e0f20c775669626d0d7da8409ac7a515" + } + }, + { + "platform": "macos", + "kind": "panels", + "theme": "light", + "rtl": true, + "state": "middle", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-navigation-overflow/macos/light-rtl-middle.png", + "sha256": "7d6166d54d0c090af5b004498c21b6cc7d30b72a5a521c63b978879ce9d8904e", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "7d6166d54d0c090af5b004498c21b6cc7d30b72a5a521c63b978879ce9d8904e" + } + }, + { + "platform": "macos", + "kind": "panels", + "theme": "light", + "rtl": true, + "state": "end", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-navigation-overflow/macos/light-rtl-end.png", + "sha256": "362f019ec93171ae6fa708e28927f2bcdc7c028adb7f6cb2bb7874b75f9f7d2a", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "362f019ec93171ae6fa708e28927f2bcdc7c028adb7f6cb2bb7874b75f9f7d2a" + } + }, + { + "platform": "macos", + "kind": "panels", + "theme": "light", + "rtl": true, + "state": "hover-next", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-navigation-overflow/macos/light-rtl-hover-next.png", + "sha256": "258b85b166564d6a2ad2309c2c126ba091d25c38192c8d32db36524132110896", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "258b85b166564d6a2ad2309c2c126ba091d25c38192c8d32db36524132110896" + } + }, + { + "platform": "macos", + "kind": "panels", + "theme": "light", + "rtl": true, + "state": "focus-next", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-navigation-overflow/macos/light-rtl-focus-next.png", + "sha256": "2fcfc48492f09406a188b95a6a12ddb8ea8f10221bd8a0131b92e370bb9c1ea5", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "2fcfc48492f09406a188b95a6a12ddb8ea8f10221bd8a0131b92e370bb9c1ea5" + } + }, + { + "platform": "macos", + "kind": "panels", + "theme": "dark", + "rtl": false, + "state": "start", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-navigation-overflow/macos/dark-ltr-start.png", + "sha256": "2c70dd70107796b75f32c2cd1ddb8458f15ea39c690a3fe04fadf00f5aff6b36", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "2c70dd70107796b75f32c2cd1ddb8458f15ea39c690a3fe04fadf00f5aff6b36" + } + }, + { + "platform": "macos", + "kind": "panels", + "theme": "dark", + "rtl": false, + "state": "middle", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-navigation-overflow/macos/dark-ltr-middle.png", + "sha256": "2e5fa29c40483ce870c3935c3c918e3ec80d65d7d6243fd3d6d862a366748d7f", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "2e5fa29c40483ce870c3935c3c918e3ec80d65d7d6243fd3d6d862a366748d7f" + } + }, + { + "platform": "macos", + "kind": "panels", + "theme": "dark", + "rtl": false, + "state": "end", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-navigation-overflow/macos/dark-ltr-end.png", + "sha256": "9d8892fe72333ab643c622b1c7f38482c7cf010f339bf3b9033e033506244f01", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "9d8892fe72333ab643c622b1c7f38482c7cf010f339bf3b9033e033506244f01" + } + }, + { + "platform": "macos", + "kind": "panels", + "theme": "dark", + "rtl": false, + "state": "hover-next", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-navigation-overflow/macos/dark-ltr-hover-next.png", + "sha256": "0d15f4335e096f35f9dc8720ba6c989c60b62416767e58dd480575f511142e5a", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "0d15f4335e096f35f9dc8720ba6c989c60b62416767e58dd480575f511142e5a" + } + }, + { + "platform": "macos", + "kind": "panels", + "theme": "dark", + "rtl": false, + "state": "focus-next", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-navigation-overflow/macos/dark-ltr-focus-next.png", + "sha256": "1e8755af3a1680a8c957a882dc2c7d33392ffe4e35ff921a481b89c537d1e516", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "1e8755af3a1680a8c957a882dc2c7d33392ffe4e35ff921a481b89c537d1e516" + } + }, + { + "platform": "macos", + "kind": "panels", + "theme": "dark", + "rtl": true, + "state": "start", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-navigation-overflow/macos/dark-rtl-start.png", + "sha256": "796d8a187daf9a3bfc653b7a62c40bd0f2cfe47de4d50596fdf246191a91d361", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "796d8a187daf9a3bfc653b7a62c40bd0f2cfe47de4d50596fdf246191a91d361" + } + }, + { + "platform": "macos", + "kind": "panels", + "theme": "dark", + "rtl": true, + "state": "middle", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-navigation-overflow/macos/dark-rtl-middle.png", + "sha256": "56bcb940eee8d2b929e1b7ffac20a3aba610d642cbbc9b157146b8e548fc302f", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "56bcb940eee8d2b929e1b7ffac20a3aba610d642cbbc9b157146b8e548fc302f" + } + }, + { + "platform": "macos", + "kind": "panels", + "theme": "dark", + "rtl": true, + "state": "end", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-navigation-overflow/macos/dark-rtl-end.png", + "sha256": "eeb06cff27a9b0ce1fc417237de094ad691b5997e480c34efd27e0608b7fae46", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "eeb06cff27a9b0ce1fc417237de094ad691b5997e480c34efd27e0608b7fae46" + } + }, + { + "platform": "macos", + "kind": "panels", + "theme": "dark", + "rtl": true, + "state": "hover-next", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-navigation-overflow/macos/dark-rtl-hover-next.png", + "sha256": "631f951e54988431fa3098aa0ed0ec85e6833144e5bc33bd941de53d1f7c3284", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "631f951e54988431fa3098aa0ed0ec85e6833144e5bc33bd941de53d1f7c3284" + } + }, + { + "platform": "macos", + "kind": "panels", + "theme": "dark", + "rtl": true, + "state": "focus-next", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-navigation-overflow/macos/dark-rtl-focus-next.png", + "sha256": "97295a42b10b411e9bda190886033f41a91cddfc0c337030d0942826800034d4", + "width": 240, + "height": 56 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "97295a42b10b411e9bda190886033f41a91cddfc0c337030d0942826800034d4" + } + } + ], + "buttonVisual": [ + { + "platform": "macos", + "theme": "light", + "name": "primary-resting", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/light-primary-resting.png", + "sha256": "00146c7d196c8566e20d247063f07b036a239f2cbb5b921cd20aad8b760c6eec" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "00146c7d196c8566e20d247063f07b036a239f2cbb5b921cd20aad8b760c6eec" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "primary-hover", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/light-primary-hover.png", + "sha256": "97f2b648bbc1c6c54a1e6b5cf5f60e2f92bce154b5752b2ba03e72b47be0a01d" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "97f2b648bbc1c6c54a1e6b5cf5f60e2f92bce154b5752b2ba03e72b47be0a01d" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "primary-focus", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/light-primary-focus.png", + "sha256": "1afb84bead4516818e6f394707a4ac2d9d92b3ff315cdd8281113ae852df9c41" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "1afb84bead4516818e6f394707a4ac2d9d92b3ff315cdd8281113ae852df9c41" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "primary-disabled", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/light-primary-disabled.png", + "sha256": "b460dc960cea56d9e0a5a0a8169009960585482c51c5d778fd5ba51134229e96" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "b460dc960cea56d9e0a5a0a8169009960585482c51c5d778fd5ba51134229e96" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "primary-active", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/light-primary-active.png", + "sha256": "00146c7d196c8566e20d247063f07b036a239f2cbb5b921cd20aad8b760c6eec" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "00146c7d196c8566e20d247063f07b036a239f2cbb5b921cd20aad8b760c6eec" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "neutral-resting", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/light-neutral-resting.png", + "sha256": "dab13426013135fc53c20b5e42eb495ac1c46b00624184ecc17bfcd8fd95c6e2" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "dab13426013135fc53c20b5e42eb495ac1c46b00624184ecc17bfcd8fd95c6e2" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "neutral-hover", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/light-neutral-hover.png", + "sha256": "c59ab4c58e13dfa872aacc96aaf2dab2c117ab6d454be745488617166b96d6f0" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "c59ab4c58e13dfa872aacc96aaf2dab2c117ab6d454be745488617166b96d6f0" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "neutral-focus", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/light-neutral-focus.png", + "sha256": "6b991fc242dfcaca59f735670884ee0afebd0cca5c8925ed6907d606d01ee162" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "6b991fc242dfcaca59f735670884ee0afebd0cca5c8925ed6907d606d01ee162" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "neutral-disabled", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/light-neutral-disabled.png", + "sha256": "7e3eb961dd9150d91e8d9f689ce8ef2e736498f804cc65b0075763939f275ee3" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "7e3eb961dd9150d91e8d9f689ce8ef2e736498f804cc65b0075763939f275ee3" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "neutral-active", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/light-neutral-active.png", + "sha256": "dab13426013135fc53c20b5e42eb495ac1c46b00624184ecc17bfcd8fd95c6e2" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "dab13426013135fc53c20b5e42eb495ac1c46b00624184ecc17bfcd8fd95c6e2" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "danger-resting", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/light-danger-resting.png", + "sha256": "d2b9d2181b1eb59c21abd226831ca798edc40feb184540609eb94d602809c92c" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "d2b9d2181b1eb59c21abd226831ca798edc40feb184540609eb94d602809c92c" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "danger-hover", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/light-danger-hover.png", + "sha256": "88092b131089205aefac0cdddf194ec9f69aa466088b3ac51ba527e31fc079a5" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "88092b131089205aefac0cdddf194ec9f69aa466088b3ac51ba527e31fc079a5" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "danger-focus", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/light-danger-focus.png", + "sha256": "5708db688816267099b364a3ecbacaa815614be79945b22160d331069924b7f1" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "5708db688816267099b364a3ecbacaa815614be79945b22160d331069924b7f1" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "danger-disabled", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/light-danger-disabled.png", + "sha256": "b460dc960cea56d9e0a5a0a8169009960585482c51c5d778fd5ba51134229e96" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "b460dc960cea56d9e0a5a0a8169009960585482c51c5d778fd5ba51134229e96" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "danger-active", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/light-danger-active.png", + "sha256": "d2b9d2181b1eb59c21abd226831ca798edc40feb184540609eb94d602809c92c" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "d2b9d2181b1eb59c21abd226831ca798edc40feb184540609eb94d602809c92c" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "success-resting", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/light-success-resting.png", + "sha256": "f3c0d4e08f8996d4115715fe5ff298ceef01ff8a772047f0cef6a0256c82f5e2" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "f3c0d4e08f8996d4115715fe5ff298ceef01ff8a772047f0cef6a0256c82f5e2" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "success-hover", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/light-success-hover.png", + "sha256": "d51bd55b6407ef952027a7d658dfaa717b5d77b3c24cc44279257aefa41fba86" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "d51bd55b6407ef952027a7d658dfaa717b5d77b3c24cc44279257aefa41fba86" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "success-focus", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/light-success-focus.png", + "sha256": "5ae4e6d2b26c7097a8e296705b91cc0ca3336d117e8242963ef6187f490d3054" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "5ae4e6d2b26c7097a8e296705b91cc0ca3336d117e8242963ef6187f490d3054" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "success-disabled", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/light-success-disabled.png", + "sha256": "b460dc960cea56d9e0a5a0a8169009960585482c51c5d778fd5ba51134229e96" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "b460dc960cea56d9e0a5a0a8169009960585482c51c5d778fd5ba51134229e96" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "success-active", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/light-success-active.png", + "sha256": "f3c0d4e08f8996d4115715fe5ff298ceef01ff8a772047f0cef6a0256c82f5e2" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "f3c0d4e08f8996d4115715fe5ff298ceef01ff8a772047f0cef6a0256c82f5e2" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "warning-resting", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/light-warning-resting.png", + "sha256": "04296d7a0de6dd80c863edadb99f55def434a01f1aa1b71379b177992994c8b9" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "04296d7a0de6dd80c863edadb99f55def434a01f1aa1b71379b177992994c8b9" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "warning-hover", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/light-warning-hover.png", + "sha256": "cc987fb35dc69211eba76078bf1e726bdf48ab67eafafb27d66b80232ea5549d" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "cc987fb35dc69211eba76078bf1e726bdf48ab67eafafb27d66b80232ea5549d" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "warning-focus", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/light-warning-focus.png", + "sha256": "479637bcb1ad0ca75b6dde4829e7d4a9591985bb4446c43f0d3b857cf622eaf7" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "479637bcb1ad0ca75b6dde4829e7d4a9591985bb4446c43f0d3b857cf622eaf7" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "warning-disabled", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/light-warning-disabled.png", + "sha256": "b460dc960cea56d9e0a5a0a8169009960585482c51c5d778fd5ba51134229e96" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "b460dc960cea56d9e0a5a0a8169009960585482c51c5d778fd5ba51134229e96" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "warning-active", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/light-warning-active.png", + "sha256": "04296d7a0de6dd80c863edadb99f55def434a01f1aa1b71379b177992994c8b9" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "04296d7a0de6dd80c863edadb99f55def434a01f1aa1b71379b177992994c8b9" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "plain-resting", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/light-plain-resting.png", + "sha256": "b0d55107655fff0b52c2b254339f774ccb8e5c1a350f142427efe48e0b68ed8a" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "b0d55107655fff0b52c2b254339f774ccb8e5c1a350f142427efe48e0b68ed8a" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "plain-hover", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/light-plain-hover.png", + "sha256": "1606850a0421254d31ac6683df2aa6a3603b0f95661e26b018a432571a1090bd" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "1606850a0421254d31ac6683df2aa6a3603b0f95661e26b018a432571a1090bd" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "plain-focus", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/light-plain-focus.png", + "sha256": "49edbe6ef9f2814759da0c71c760bdfe7f3d81b68f54ca9df09c8d4afb1e66e3" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "49edbe6ef9f2814759da0c71c760bdfe7f3d81b68f54ca9df09c8d4afb1e66e3" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "plain-disabled", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/light-plain-disabled.png", + "sha256": "2aecc1082fb1fb6b47cbfa32ef5e5bfe093ab064e136b44fbea10c6969c0fe19" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "2aecc1082fb1fb6b47cbfa32ef5e5bfe093ab064e136b44fbea10c6969c0fe19" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "plain-active", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/light-plain-active.png", + "sha256": "9862f38f156a822e18ca025480bec4bcd3e62f444b6703a8ea296cbbc87a14b6" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "9862f38f156a822e18ca025480bec4bcd3e62f444b6703a8ea296cbbc87a14b6" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "outlined-resting", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/light-outlined-resting.png", + "sha256": "268ae5cf93b78ad50f07d27f82adeae3e47951567b67a47a6fb5ab44bda49228" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "268ae5cf93b78ad50f07d27f82adeae3e47951567b67a47a6fb5ab44bda49228" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "outlined-hover", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/light-outlined-hover.png", + "sha256": "0ad4dda84adc63138c2a1d0a4465ec64e7b2a0818eb23a2be2fa8e03b3e5fa8a" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "0ad4dda84adc63138c2a1d0a4465ec64e7b2a0818eb23a2be2fa8e03b3e5fa8a" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "outlined-focus", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/light-outlined-focus.png", + "sha256": "fa5fdfbdcdaddbde629bcdf21356810b52a18e8d8bdf245ef89e83247ba9a526" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "fa5fdfbdcdaddbde629bcdf21356810b52a18e8d8bdf245ef89e83247ba9a526" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "outlined-disabled", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/light-outlined-disabled.png", + "sha256": "7e3eb961dd9150d91e8d9f689ce8ef2e736498f804cc65b0075763939f275ee3" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "7e3eb961dd9150d91e8d9f689ce8ef2e736498f804cc65b0075763939f275ee3" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "outlined-active", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/light-outlined-active.png", + "sha256": "268ae5cf93b78ad50f07d27f82adeae3e47951567b67a47a6fb5ab44bda49228" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "268ae5cf93b78ad50f07d27f82adeae3e47951567b67a47a6fb5ab44bda49228" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "filled-resting", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/light-filled-resting.png", + "sha256": "1606850a0421254d31ac6683df2aa6a3603b0f95661e26b018a432571a1090bd" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "1606850a0421254d31ac6683df2aa6a3603b0f95661e26b018a432571a1090bd" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "filled-hover", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/light-filled-hover.png", + "sha256": "1769d3320cd9e7bf4331685d8f5cbb64cfc70a17bddc7a9fdcb113f411fe7691" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "1769d3320cd9e7bf4331685d8f5cbb64cfc70a17bddc7a9fdcb113f411fe7691" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "filled-focus", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/light-filled-focus.png", + "sha256": "3f06fad2e983c2c5657001d593f973002d7fbf688a4368ccbf4f1ac5fd0a6b5e" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "3f06fad2e983c2c5657001d593f973002d7fbf688a4368ccbf4f1ac5fd0a6b5e" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "filled-disabled", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/light-filled-disabled.png", + "sha256": "25ff442e3ebf4b90937cf952757685fa629b0efddc3dc4cca71e169676eb35de" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "25ff442e3ebf4b90937cf952757685fa629b0efddc3dc4cca71e169676eb35de" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "filled-active", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/light-filled-active.png", + "sha256": "1606850a0421254d31ac6683df2aa6a3603b0f95661e26b018a432571a1090bd" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "1606850a0421254d31ac6683df2aa6a3603b0f95661e26b018a432571a1090bd" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "size-small", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 86.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/light-size-small.png", + "sha256": "654a76285358f3b4b1868512dafe7365f47678b1fb830e0a2099fa6863d5e622" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "654a76285358f3b4b1868512dafe7365f47678b1fb830e0a2099fa6863d5e622" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "size-large", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 103.171875, + "height": 48 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/light-size-large.png", + "sha256": "098c750b057a5029d6e30632a6257ddfbad8a206a1677f57608e97c65f960939" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "098c750b057a5029d6e30632a6257ddfbad8a206a1677f57608e97c65f960939" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "size-extra-large", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 103.171875, + "height": 56 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/light-size-extra-large.png", + "sha256": "c9b87d4fcda54e3805c74208669914d862e52ac68ee6dc1b78c27a0e28a4e818" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "c9b87d4fcda54e3805c74208669914d862e52ac68ee6dc1b78c27a0e28a4e818" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "icon-leading", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 114.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/light-icon-leading.png", + "sha256": "30cf0af3a1bf2a9bf3031b279e7b72d96cabe4f9f22a84cf0c86b1d9bf7a96e9" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "30cf0af3a1bf2a9bf3031b279e7b72d96cabe4f9f22a84cf0c86b1d9bf7a96e9" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "icon-trailing", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 114.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/light-icon-trailing.png", + "sha256": "1cd747372f33a4fec7e3a531f8aef17e09fb9675d3501dbb48d36ebaf697155a" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "1cd747372f33a4fec7e3a531f8aef17e09fb9675d3501dbb48d36ebaf697155a" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "icon-both", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 134.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/light-icon-both.png", + "sha256": "d267e01ea62c721ed07c2f92638a19e08362e011e36ffcb0a18339f69c06d74e" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "d267e01ea62c721ed07c2f92638a19e08362e011e36ffcb0a18339f69c06d74e" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "icon-only", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 44, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/light-icon-only.png", + "sha256": "e3b2df59a12a597fa6aa91e852ebdbbb89601d27923862c9b977d27645160885" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "e3b2df59a12a597fa6aa91e852ebdbbb89601d27923862c9b977d27645160885" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "loading", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/light-loading.png", + "sha256": "36e93e6a84d20e5df267dee5b9dcf00775a639e1e049d60c3941a25498a05ffa" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "36e93e6a84d20e5df267dee5b9dcf00775a639e1e049d60c3941a25498a05ffa" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "primary-resting", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/dark-primary-resting.png", + "sha256": "8accb35d0b121093395a1696dcd7a8da00def7fa4c6028befdeb95b7b9562fea" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "8accb35d0b121093395a1696dcd7a8da00def7fa4c6028befdeb95b7b9562fea" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "primary-hover", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/dark-primary-hover.png", + "sha256": "53c6d3c80e14deab51eab16bb5fffc3d088ff419ee08e4983e03126bc5ff4bc8" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "53c6d3c80e14deab51eab16bb5fffc3d088ff419ee08e4983e03126bc5ff4bc8" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "primary-focus", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/dark-primary-focus.png", + "sha256": "ce0a9aeb93bd70c025121b0176f29bd2d1e8f1db7b6d964a0eba14b3428e4f7c" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "ce0a9aeb93bd70c025121b0176f29bd2d1e8f1db7b6d964a0eba14b3428e4f7c" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "primary-disabled", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/dark-primary-disabled.png", + "sha256": "d085856afe509152789e6c19992017a45fff98fcc363c8ab5085ffc858b91b13" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "d085856afe509152789e6c19992017a45fff98fcc363c8ab5085ffc858b91b13" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "primary-active", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/dark-primary-active.png", + "sha256": "8accb35d0b121093395a1696dcd7a8da00def7fa4c6028befdeb95b7b9562fea" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "8accb35d0b121093395a1696dcd7a8da00def7fa4c6028befdeb95b7b9562fea" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "neutral-resting", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/dark-neutral-resting.png", + "sha256": "1984bf8ecadb3885740e291b05e6eafc3e834d3fdf8e346a134701b8dafe1ea1" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "1984bf8ecadb3885740e291b05e6eafc3e834d3fdf8e346a134701b8dafe1ea1" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "neutral-hover", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/dark-neutral-hover.png", + "sha256": "27dc5240fd7fa46ae8955df68a65d18239a772452a5cd6e07e97aaef82836943" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "27dc5240fd7fa46ae8955df68a65d18239a772452a5cd6e07e97aaef82836943" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "neutral-focus", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/dark-neutral-focus.png", + "sha256": "c12eea35e1a85e7deedcb57783957edd8d845aab335e81f82c9641b9700c1f29" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "c12eea35e1a85e7deedcb57783957edd8d845aab335e81f82c9641b9700c1f29" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "neutral-disabled", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/dark-neutral-disabled.png", + "sha256": "8ba5b33e65adbb7e1e135a3687a6e10d29cad9fdac995fa2f74446d45a8e472c" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "8ba5b33e65adbb7e1e135a3687a6e10d29cad9fdac995fa2f74446d45a8e472c" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "neutral-active", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/dark-neutral-active.png", + "sha256": "1984bf8ecadb3885740e291b05e6eafc3e834d3fdf8e346a134701b8dafe1ea1" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "1984bf8ecadb3885740e291b05e6eafc3e834d3fdf8e346a134701b8dafe1ea1" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "danger-resting", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/dark-danger-resting.png", + "sha256": "ae86520d43a2b1a33da5cc8db7abaa95c7b9da840b09b0882290f1f475c43266" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "ae86520d43a2b1a33da5cc8db7abaa95c7b9da840b09b0882290f1f475c43266" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "danger-hover", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/dark-danger-hover.png", + "sha256": "213c1f179410ba784d701ce1b28d253e429827c5ea1474c8c9f89a3ada2b6cee" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "213c1f179410ba784d701ce1b28d253e429827c5ea1474c8c9f89a3ada2b6cee" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "danger-focus", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/dark-danger-focus.png", + "sha256": "fba403a72c60642ccbb211037f912fd1fc9d6d40085219e160caab1e16d0cb35" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "fba403a72c60642ccbb211037f912fd1fc9d6d40085219e160caab1e16d0cb35" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "danger-disabled", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/dark-danger-disabled.png", + "sha256": "d085856afe509152789e6c19992017a45fff98fcc363c8ab5085ffc858b91b13" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "d085856afe509152789e6c19992017a45fff98fcc363c8ab5085ffc858b91b13" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "danger-active", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/dark-danger-active.png", + "sha256": "ae86520d43a2b1a33da5cc8db7abaa95c7b9da840b09b0882290f1f475c43266" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "ae86520d43a2b1a33da5cc8db7abaa95c7b9da840b09b0882290f1f475c43266" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "success-resting", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/dark-success-resting.png", + "sha256": "5e716e436c4f486173bbb607ef7a5c77ebe1a30f7537842ab4a617f775880d56" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "5e716e436c4f486173bbb607ef7a5c77ebe1a30f7537842ab4a617f775880d56" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "success-hover", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/dark-success-hover.png", + "sha256": "69531f02bb160090818ad3e7c33a179c950944da54034781721fe2cd80c5995f" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "69531f02bb160090818ad3e7c33a179c950944da54034781721fe2cd80c5995f" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "success-focus", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/dark-success-focus.png", + "sha256": "6e091b0360f5c79c459d9884243397bdf5490484f645511f0a352728f2c14502" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "6e091b0360f5c79c459d9884243397bdf5490484f645511f0a352728f2c14502" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "success-disabled", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/dark-success-disabled.png", + "sha256": "d085856afe509152789e6c19992017a45fff98fcc363c8ab5085ffc858b91b13" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "d085856afe509152789e6c19992017a45fff98fcc363c8ab5085ffc858b91b13" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "success-active", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/dark-success-active.png", + "sha256": "5e716e436c4f486173bbb607ef7a5c77ebe1a30f7537842ab4a617f775880d56" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "5e716e436c4f486173bbb607ef7a5c77ebe1a30f7537842ab4a617f775880d56" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "warning-resting", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/dark-warning-resting.png", + "sha256": "1c3f5a9b3667fb0bd490f7a3c7c853c96e7036a713437f394718fd3f72c69335" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "1c3f5a9b3667fb0bd490f7a3c7c853c96e7036a713437f394718fd3f72c69335" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "warning-hover", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/dark-warning-hover.png", + "sha256": "11aa580eb7d146d1169236ef62325561d420df9a00d829009fb7a4ce0ca3a9e8" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "11aa580eb7d146d1169236ef62325561d420df9a00d829009fb7a4ce0ca3a9e8" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "warning-focus", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/dark-warning-focus.png", + "sha256": "306fa506e48d8a6e3dc1b648d735a20782d9b85cececd3ea8d7eca50c33707ff" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "306fa506e48d8a6e3dc1b648d735a20782d9b85cececd3ea8d7eca50c33707ff" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "warning-disabled", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/dark-warning-disabled.png", + "sha256": "d085856afe509152789e6c19992017a45fff98fcc363c8ab5085ffc858b91b13" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "d085856afe509152789e6c19992017a45fff98fcc363c8ab5085ffc858b91b13" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "warning-active", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/dark-warning-active.png", + "sha256": "1c3f5a9b3667fb0bd490f7a3c7c853c96e7036a713437f394718fd3f72c69335" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "1c3f5a9b3667fb0bd490f7a3c7c853c96e7036a713437f394718fd3f72c69335" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "plain-resting", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/dark-plain-resting.png", + "sha256": "641b91855063757e57c5d11fe9380f853f7fbd5c0ee0e9d7d176edd3465be277" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "641b91855063757e57c5d11fe9380f853f7fbd5c0ee0e9d7d176edd3465be277" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "plain-hover", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/dark-plain-hover.png", + "sha256": "29b18caa3953a26925ee6d9a6360d435f67ae8c992fae99bd7fe4d899f9f38cb" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "29b18caa3953a26925ee6d9a6360d435f67ae8c992fae99bd7fe4d899f9f38cb" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "plain-focus", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/dark-plain-focus.png", + "sha256": "23ec3d365d65dd190688e5e317083612965b0e73b7a117a3557fe8993be06e9b" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "23ec3d365d65dd190688e5e317083612965b0e73b7a117a3557fe8993be06e9b" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "plain-disabled", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/dark-plain-disabled.png", + "sha256": "b2d736daf7602cb0d7f106fa92fd013acb3c4ea38823aa8eb57949026061aa89" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "b2d736daf7602cb0d7f106fa92fd013acb3c4ea38823aa8eb57949026061aa89" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "plain-active", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/dark-plain-active.png", + "sha256": "8c87d5ea4cd0e958b69059d37560f1610eb92c2a41362f58dd66cb3784709adf" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "8c87d5ea4cd0e958b69059d37560f1610eb92c2a41362f58dd66cb3784709adf" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "outlined-resting", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/dark-outlined-resting.png", + "sha256": "0cee1236b940300fb979bb05c36ec3f85a22279a57d674f39a64cddec69e01f5" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "0cee1236b940300fb979bb05c36ec3f85a22279a57d674f39a64cddec69e01f5" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "outlined-hover", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/dark-outlined-hover.png", + "sha256": "161d98c11a5923da8413d75a7ffb8c197206c6c8905ff101bc72581e30db1599" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "161d98c11a5923da8413d75a7ffb8c197206c6c8905ff101bc72581e30db1599" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "outlined-focus", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/dark-outlined-focus.png", + "sha256": "d5712e1ec4dba2f9e629effd89f7cc4743d47c6085ded388b9b237ebf72ba8cf" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "d5712e1ec4dba2f9e629effd89f7cc4743d47c6085ded388b9b237ebf72ba8cf" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "outlined-disabled", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/dark-outlined-disabled.png", + "sha256": "8ba5b33e65adbb7e1e135a3687a6e10d29cad9fdac995fa2f74446d45a8e472c" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "8ba5b33e65adbb7e1e135a3687a6e10d29cad9fdac995fa2f74446d45a8e472c" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "outlined-active", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/dark-outlined-active.png", + "sha256": "0cee1236b940300fb979bb05c36ec3f85a22279a57d674f39a64cddec69e01f5" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "0cee1236b940300fb979bb05c36ec3f85a22279a57d674f39a64cddec69e01f5" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "filled-resting", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/dark-filled-resting.png", + "sha256": "29b18caa3953a26925ee6d9a6360d435f67ae8c992fae99bd7fe4d899f9f38cb" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "29b18caa3953a26925ee6d9a6360d435f67ae8c992fae99bd7fe4d899f9f38cb" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "filled-hover", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/dark-filled-hover.png", + "sha256": "0c352ba586e4eb67ce2dcbe51847fbfd5a7c9f0b28dbbffe55e9853bc5b7fe53" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "0c352ba586e4eb67ce2dcbe51847fbfd5a7c9f0b28dbbffe55e9853bc5b7fe53" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "filled-focus", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/dark-filled-focus.png", + "sha256": "30eac769d5be15f39828292fee463897e9d369c0d0dec1ce67d80933ed659750" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "30eac769d5be15f39828292fee463897e9d369c0d0dec1ce67d80933ed659750" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "filled-disabled", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/dark-filled-disabled.png", + "sha256": "af30f7b84f3af142d6004df6b2dc90e7b4080a7b5b3cd525acb8754bc33e857c" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "af30f7b84f3af142d6004df6b2dc90e7b4080a7b5b3cd525acb8754bc33e857c" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "filled-active", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/dark-filled-active.png", + "sha256": "29b18caa3953a26925ee6d9a6360d435f67ae8c992fae99bd7fe4d899f9f38cb" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "29b18caa3953a26925ee6d9a6360d435f67ae8c992fae99bd7fe4d899f9f38cb" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "size-small", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 86.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/dark-size-small.png", + "sha256": "dfd940d3ff9d2a1e92a7bb5c4f7a1fe5de39b74e48da64148a29a29d75340c03" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "dfd940d3ff9d2a1e92a7bb5c4f7a1fe5de39b74e48da64148a29a29d75340c03" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "size-large", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 103.171875, + "height": 48 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/dark-size-large.png", + "sha256": "2e89a754cbfc5ed4481fa9b64f1923f4ee27117e5406c37110e37bec74517d92" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "2e89a754cbfc5ed4481fa9b64f1923f4ee27117e5406c37110e37bec74517d92" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "size-extra-large", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 103.171875, + "height": 56 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/dark-size-extra-large.png", + "sha256": "d4ef962dcf3c31d0626ae4bb522244cc66a5843990a6d172059c9517eb4b08fa" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "d4ef962dcf3c31d0626ae4bb522244cc66a5843990a6d172059c9517eb4b08fa" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "icon-leading", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 114.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/dark-icon-leading.png", + "sha256": "41568eb0a5ce4c98c83881c85ddeba6334794be73dc144b235548c77e5d164bb" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "41568eb0a5ce4c98c83881c85ddeba6334794be73dc144b235548c77e5d164bb" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "icon-trailing", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 114.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/dark-icon-trailing.png", + "sha256": "e0b7122c4c68f7e63dd23dacd3b4d9517439da50baad55442da8f0c9df98d45e" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "e0b7122c4c68f7e63dd23dacd3b4d9517439da50baad55442da8f0c9df98d45e" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "icon-both", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 134.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/dark-icon-both.png", + "sha256": "5a194266516633c89097a075df7b6b84da5fff624d6d669f2ea4449a9e95c345" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "5a194266516633c89097a075df7b6b84da5fff624d6d669f2ea4449a9e95c345" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "icon-only", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 44, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/dark-icon-only.png", + "sha256": "21b3a5f5b2022db56ac9670f128e93501bee4a7262dc01500f2f751365288263" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "21b3a5f5b2022db56ac9670f128e93501bee4a7262dc01500f2f751365288263" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "loading", + "geometryMatch": true, + "identicalPixels": true, + "hitArea": { + "x": 8, + "y": 8, + "width": 94.53125, + "height": 44 + }, + "referenceImage": { + "path": "tests/storybook/reference/ha-button/macos/dark-loading.png", + "sha256": "f82d45b465de6d77360fbfc1720ea00304d32707abc2d717c823475eb9dd8a79" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "f82d45b465de6d77360fbfc1720ea00304d32707abc2d717c823475eb9dd8a79" + } + } + ], + "fieldVisual": [ + { + "platform": "macos", + "theme": "light", + "name": "empty", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-field/macos/light-empty.png", + "sha256": "c229be953288e2ff08527395b936c90aabb06b624d32ef0efe656af8c16cb989" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "c229be953288e2ff08527395b936c90aabb06b624d32ef0efe656af8c16cb989" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "hover-empty", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-field/macos/light-hover-empty.png", + "sha256": "686468cd01a5d851075eb2c92eafd0f1627df0b6073e626b9dcccca2e01a3da5" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "686468cd01a5d851075eb2c92eafd0f1627df0b6073e626b9dcccca2e01a3da5" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "focus-empty", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-field/macos/light-focus-empty.png", + "sha256": "8fc87a113c9ac63ca496d2f40a1bd27354df32a527d0961bcef362dca1ad4f65" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "8fc87a113c9ac63ca496d2f40a1bd27354df32a527d0961bcef362dca1ad4f65" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "disabled-empty", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-field/macos/light-disabled-empty.png", + "sha256": "5ab972da255dc2b0a2a86b880bc8890cfbc482d3b9626aa989168cd37647fb5f" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "5ab972da255dc2b0a2a86b880bc8890cfbc482d3b9626aa989168cd37647fb5f" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "readonly-empty", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-field/macos/light-readonly-empty.png", + "sha256": "c229be953288e2ff08527395b936c90aabb06b624d32ef0efe656af8c16cb989" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "c229be953288e2ff08527395b936c90aabb06b624d32ef0efe656af8c16cb989" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "required-empty", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-field/macos/light-required-empty.png", + "sha256": "3547945744c08eafe17b3ee2737d5d7a0ba0c948d35a3e7d3fa6ea2df6554f72" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "3547945744c08eafe17b3ee2737d5d7a0ba0c948d35a3e7d3fa6ea2df6554f72" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "description-empty", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-field/macos/light-description-empty.png", + "sha256": "751738d947a88f8962bb3b61c7317189c0edef087ecccaaabe21c1a2c5ed6d16" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "751738d947a88f8962bb3b61c7317189c0edef087ecccaaabe21c1a2c5ed6d16" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "error-empty", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-field/macos/light-error-empty.png", + "sha256": "f4c8becf6dc1d039a080a50821410f3e7899aa44fc0acdbf6d8f910188dcbce6" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "f4c8becf6dc1d039a080a50821410f3e7899aa44fc0acdbf6d8f910188dcbce6" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "placeholder-empty", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-field/macos/light-placeholder-empty.png", + "sha256": "236ad24f04ebd0bf22f7e6bb1dcb89b1318cb00d15a6f184b923b6532fa78007" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "236ad24f04ebd0bf22f7e6bb1dcb89b1318cb00d15a6f184b923b6532fa78007" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "narrow-empty", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-field/macos/light-narrow-empty.png", + "sha256": "a32b1964ecc0c40826f0215674b3aabd557eb1d15168484fe9c52eee6458c522" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "a32b1964ecc0c40826f0215674b3aabd557eb1d15168484fe9c52eee6458c522" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "filled", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-field/macos/light-filled.png", + "sha256": "10b839872a360cdc8a4c3d9ce9bb6d88e822a2a9346bcf1b499511a43a61d928" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "10b839872a360cdc8a4c3d9ce9bb6d88e822a2a9346bcf1b499511a43a61d928" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "hover-filled", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-field/macos/light-hover-filled.png", + "sha256": "36b888b580b41cd744593340260b21aa839e78a057af2f69954ec36bbea5cfb0" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "36b888b580b41cd744593340260b21aa839e78a057af2f69954ec36bbea5cfb0" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "focus-filled", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-field/macos/light-focus-filled.png", + "sha256": "ee479c28aacee10b3df0c6367ccbd2bf7e5d7b374c703aa3109b4a4faf0bc447" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "ee479c28aacee10b3df0c6367ccbd2bf7e5d7b374c703aa3109b4a4faf0bc447" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "disabled-filled", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-field/macos/light-disabled-filled.png", + "sha256": "786e96113ec133a08e74610345fe2f11556ceb6c09e6adaef5322778ee54aacf" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "786e96113ec133a08e74610345fe2f11556ceb6c09e6adaef5322778ee54aacf" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "readonly-filled", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-field/macos/light-readonly-filled.png", + "sha256": "10b839872a360cdc8a4c3d9ce9bb6d88e822a2a9346bcf1b499511a43a61d928" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "10b839872a360cdc8a4c3d9ce9bb6d88e822a2a9346bcf1b499511a43a61d928" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "required-filled", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-field/macos/light-required-filled.png", + "sha256": "848665ad3157ece2458039605111b2011da69d31098dedad4976c020cd5464cf" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "848665ad3157ece2458039605111b2011da69d31098dedad4976c020cd5464cf" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "description-filled", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-field/macos/light-description-filled.png", + "sha256": "014fb0218f8773ba75652b3a9916b6cd5988c76b2bf982e5f41f2f69c20c5084" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "014fb0218f8773ba75652b3a9916b6cd5988c76b2bf982e5f41f2f69c20c5084" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "error-filled", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-field/macos/light-error-filled.png", + "sha256": "d7969f25133564875ca226fd1f354ac613a64638bce09b0a250204c615810e60" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "d7969f25133564875ca226fd1f354ac613a64638bce09b0a250204c615810e60" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "placeholder-filled", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-field/macos/light-placeholder-filled.png", + "sha256": "10b839872a360cdc8a4c3d9ce9bb6d88e822a2a9346bcf1b499511a43a61d928" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "10b839872a360cdc8a4c3d9ce9bb6d88e822a2a9346bcf1b499511a43a61d928" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "narrow-filled", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-field/macos/light-narrow-filled.png", + "sha256": "54d8af631849029b091675cdeb7a15b5a547d97ceca994e9ac39aa2f5718fe4f" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "54d8af631849029b091675cdeb7a15b5a547d97ceca994e9ac39aa2f5718fe4f" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "required-focus", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-field/macos/light-required-focus.png", + "sha256": "c6b177f51bb8d8fba547883caa294998c648bf5aceeb946a84017baa07636447" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "c6b177f51bb8d8fba547883caa294998c648bf5aceeb946a84017baa07636447" + } + }, + { + "platform": "macos", + "theme": "light", + "name": "error-focus", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-field/macos/light-error-focus.png", + "sha256": "5f898b9009755414fdae2279c1a4e5613908aaa4ed44c63aa6d6905149063f3b" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "5f898b9009755414fdae2279c1a4e5613908aaa4ed44c63aa6d6905149063f3b" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "empty", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-field/macos/dark-empty.png", + "sha256": "eec38e42d547777ea034b0998d167c3503c9f8667a1af00c130258ee1f2831f4" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "eec38e42d547777ea034b0998d167c3503c9f8667a1af00c130258ee1f2831f4" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "hover-empty", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-field/macos/dark-hover-empty.png", + "sha256": "dfd7d6e812331b0e211e6c9b4debd659724458d72053587ca33fb0cab1fd6aaf" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "dfd7d6e812331b0e211e6c9b4debd659724458d72053587ca33fb0cab1fd6aaf" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "focus-empty", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-field/macos/dark-focus-empty.png", + "sha256": "2538c47978937e51c7fb170ea98aaba651112d35c22db4ae4ee329f3f6e99c61" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "2538c47978937e51c7fb170ea98aaba651112d35c22db4ae4ee329f3f6e99c61" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "disabled-empty", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-field/macos/dark-disabled-empty.png", + "sha256": "6ecc0caab45f46b161ad18d3af66a493edbb0d73e8997315f213eddf439015f6" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "6ecc0caab45f46b161ad18d3af66a493edbb0d73e8997315f213eddf439015f6" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "readonly-empty", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-field/macos/dark-readonly-empty.png", + "sha256": "eec38e42d547777ea034b0998d167c3503c9f8667a1af00c130258ee1f2831f4" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "eec38e42d547777ea034b0998d167c3503c9f8667a1af00c130258ee1f2831f4" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "required-empty", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-field/macos/dark-required-empty.png", + "sha256": "4b7e4111c5b2ce48fa7c933980e232b848f505fc64b30caf56ef7ad9896a3171" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "4b7e4111c5b2ce48fa7c933980e232b848f505fc64b30caf56ef7ad9896a3171" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "description-empty", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-field/macos/dark-description-empty.png", + "sha256": "38dbc4d550e713564bb6b2460bc87d7d71525d482b559039cec22c9df3a2e8f8" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "38dbc4d550e713564bb6b2460bc87d7d71525d482b559039cec22c9df3a2e8f8" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "error-empty", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-field/macos/dark-error-empty.png", + "sha256": "47a860ec968e10938c6da67f148758dcf6cfaf9054efa80a22747265e06c4bc6" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "47a860ec968e10938c6da67f148758dcf6cfaf9054efa80a22747265e06c4bc6" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "placeholder-empty", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-field/macos/dark-placeholder-empty.png", + "sha256": "21b3f47da5ad0093bb691c40ae463115ffe53d2f2012bbb38ed0d6e7c86a330e" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "21b3f47da5ad0093bb691c40ae463115ffe53d2f2012bbb38ed0d6e7c86a330e" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "narrow-empty", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-field/macos/dark-narrow-empty.png", + "sha256": "995b7b66fb6b130b02f2e30f14a1b84e1e7f3a259593c5a43fa4b1fb5c65f7a0" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "995b7b66fb6b130b02f2e30f14a1b84e1e7f3a259593c5a43fa4b1fb5c65f7a0" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "filled", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-field/macos/dark-filled.png", + "sha256": "926dbbfcf3c51d95b86a7de57c39bff0d38cd93a675a288f0d8d4abd81ad8dde" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "926dbbfcf3c51d95b86a7de57c39bff0d38cd93a675a288f0d8d4abd81ad8dde" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "hover-filled", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-field/macos/dark-hover-filled.png", + "sha256": "ddcd6a217c55faaf063417b76e1faacc3f7e832d87cf202bf08697be6a7383ae" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "ddcd6a217c55faaf063417b76e1faacc3f7e832d87cf202bf08697be6a7383ae" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "focus-filled", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-field/macos/dark-focus-filled.png", + "sha256": "aadad027ee280748bc0944690bb9bd32dbbbabf078e87cfa043ce81772a5f228" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "aadad027ee280748bc0944690bb9bd32dbbbabf078e87cfa043ce81772a5f228" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "disabled-filled", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-field/macos/dark-disabled-filled.png", + "sha256": "230ae54bab93248b232bc90cbf7f135d68e6dbb29c7c933fe9178c4aa35d82b4" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "230ae54bab93248b232bc90cbf7f135d68e6dbb29c7c933fe9178c4aa35d82b4" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "readonly-filled", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-field/macos/dark-readonly-filled.png", + "sha256": "926dbbfcf3c51d95b86a7de57c39bff0d38cd93a675a288f0d8d4abd81ad8dde" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "926dbbfcf3c51d95b86a7de57c39bff0d38cd93a675a288f0d8d4abd81ad8dde" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "required-filled", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-field/macos/dark-required-filled.png", + "sha256": "d8b5e2471fd93d29a6d99402ad3eea44d9cda9cb7e6f3efd6bd901d6ea60792f" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "d8b5e2471fd93d29a6d99402ad3eea44d9cda9cb7e6f3efd6bd901d6ea60792f" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "description-filled", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-field/macos/dark-description-filled.png", + "sha256": "2e1574487d67bea86a9fb9943840b64cae394f5d1844d24f61630a98fb8a3d19" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "2e1574487d67bea86a9fb9943840b64cae394f5d1844d24f61630a98fb8a3d19" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "error-filled", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-field/macos/dark-error-filled.png", + "sha256": "13139df13590e7a42d2ac53b4b3e44a78274b8ae51900ee4aefa03f2454b9300" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "13139df13590e7a42d2ac53b4b3e44a78274b8ae51900ee4aefa03f2454b9300" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "placeholder-filled", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-field/macos/dark-placeholder-filled.png", + "sha256": "926dbbfcf3c51d95b86a7de57c39bff0d38cd93a675a288f0d8d4abd81ad8dde" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "926dbbfcf3c51d95b86a7de57c39bff0d38cd93a675a288f0d8d4abd81ad8dde" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "narrow-filled", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-field/macos/dark-narrow-filled.png", + "sha256": "62502e3f451bdaab6559f8553ec58e2dfd3cf9fd2e7c6c499ade1be718383d34" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "62502e3f451bdaab6559f8553ec58e2dfd3cf9fd2e7c6c499ade1be718383d34" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "required-focus", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-field/macos/dark-required-focus.png", + "sha256": "d0d1147cfdf17d695222e1b35747e0e1c6041811d493d27136a2ee3ea2a2e072" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "d0d1147cfdf17d695222e1b35747e0e1c6041811d493d27136a2ee3ea2a2e072" + } + }, + { + "platform": "macos", + "theme": "dark", + "name": "error-focus", + "geometryMatch": true, + "identicalPixels": true, + "referenceImage": { + "path": "tests/storybook/reference/ha-field/macos/dark-error-focus.png", + "sha256": "4368b8ea9a9377b84a106055597282274717371d1a1bbc1426470a9ca361f9c6" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "4368b8ea9a9377b84a106055597282274717371d1a1bbc1426470a9ca361f9c6" + } + } + ], + "selectVisual": [ + { + "platform": "macos", + "architecture": "arm64", + "browser": "156.0.8078.4", + "theme": "light", + "name": "single-empty", + "geometryMatch": true, + "identicalPixels": false, + "rasterAgreement": { + "pixels": 30976, + "changedPixels": 2, + "peakChannelDelta": 3, + "meanChannelDelta": 0.00019369834710743802, + "changedFraction": 6.456611570247934e-05, + "alphaChanges": 0, + "exact": false, + "accepted": true + }, + "problems": [], + "referenceImage": { + "path": "tests/storybook/reference/ha-select/macos/light-single-empty.png", + "sha256": "9bf3ad1feed8f8dbaed21fdb171a6c619653f3c31b2dc7e0bae64723ae0a53bc" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "4986eeb9cd853cdb6ae4628fa8b8867113eb2a1bbaf4274f6ef9be4a0c7ac628" + }, + "actual": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(94, 94, 94)" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": { + "x": 32, + "y": 32.796875, + "width": 296, + "height": 22.390625 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px 8px 0px 16px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "overline": null, + "headline": { + "box": { + "x": 32, + "y": 32.796875, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 35.796875, + "width": 56.046875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "helper": null, + "menu": null, + "options": [ + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "opacity": "0.5", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + } + ] + } + }, + { + "platform": "macos", + "architecture": "arm64", + "browser": "156.0.8078.4", + "theme": "light", + "name": "single-placeholder", + "geometryMatch": true, + "identicalPixels": false, + "rasterAgreement": { + "pixels": 30976, + "changedPixels": 2, + "peakChannelDelta": 3, + "meanChannelDelta": 0.00019369834710743802, + "changedFraction": 6.456611570247934e-05, + "alphaChanges": 0, + "exact": false, + "accepted": true + }, + "problems": [], + "referenceImage": { + "path": "tests/storybook/reference/ha-select/macos/light-single-placeholder.png", + "sha256": "61b94617a2934fb103046bd687cfd5007695a397f8097cb1a3fcad0e7033161c" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "df0d3734072f98a8596d3bf0c8a11b4362d93ca47a80b38f34229219229a091d" + }, + "actual": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(94, 94, 94)" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": { + "x": 32, + "y": 32.796875, + "width": 296, + "height": 22.390625 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px 8px 0px 16px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "overline": null, + "headline": { + "box": { + "x": 32, + "y": 32.796875, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 35.796875, + "width": 100.234375, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "helper": null, + "menu": null, + "options": [ + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "opacity": "0.5", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + } + ] + } + }, + { + "platform": "macos", + "architecture": "arm64", + "browser": "156.0.8078.4", + "theme": "light", + "name": "single-filled", + "geometryMatch": true, + "identicalPixels": false, + "rasterAgreement": { + "pixels": 30976, + "changedPixels": 2, + "peakChannelDelta": 3, + "meanChannelDelta": 0.00019369834710743802, + "changedFraction": 6.456611570247934e-05, + "alphaChanges": 0, + "exact": false, + "accepted": true + }, + "problems": [], + "referenceImage": { + "path": "tests/storybook/reference/ha-select/macos/light-single-filled.png", + "sha256": "b953362b284cc66d5a7afcb3eab37bba84757829d979c637cf34a3de00e45aef" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "179da46822511b1691bd316f4d5e6ffdfe0f8badf4338f17e5450d43212e248f" + }, + "actual": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(94, 94, 94)" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": { + "x": 32, + "y": 23.59375, + "width": 296, + "height": 40.796875 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px 8px 0px 16px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 48.046875, + "height": 14 + }, + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "padding": "0px", + "margin": "0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 80.765625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "helper": null, + "menu": null, + "options": [ + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(239, 249, 254)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "opacity": "0.5", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + } + ] + } + }, + { + "platform": "macos", + "architecture": "arm64", + "browser": "156.0.8078.4", + "theme": "light", + "name": "single-hover", + "geometryMatch": true, + "identicalPixels": false, + "rasterAgreement": { + "pixels": 30976, + "changedPixels": 22, + "peakChannelDelta": 3, + "meanChannelDelta": 0.0008393595041322314, + "changedFraction": 0.0007102272727272727, + "alphaChanges": 0, + "exact": false, + "accepted": true + }, + "problems": [], + "referenceImage": { + "path": "tests/storybook/reference/ha-select/macos/light-single-hover.png", + "sha256": "3e760f8a81e967dc319211e9039f7c7feef97a43c578438cbe3b394b3992b28c" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "c60a7b9854e76ab4078c571e988c335486202c7ae07e9b50973cbd7ee345360e" + }, + "actual": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(94, 94, 94)" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": { + "x": 32, + "y": 23.59375, + "width": 296, + "height": 40.796875 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px 8px 0px 16px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 48.046875, + "height": 14 + }, + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "padding": "0px", + "margin": "0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 80.765625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "helper": null, + "menu": null, + "options": [ + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(239, 249, 254)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "opacity": "0.5", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + } + ] + } + }, + { + "platform": "macos", + "architecture": "arm64", + "browser": "156.0.8078.4", + "theme": "light", + "name": "single-focus", + "geometryMatch": true, + "identicalPixels": false, + "rasterAgreement": { + "pixels": 30976, + "changedPixels": 2, + "peakChannelDelta": 3, + "meanChannelDelta": 0.00019369834710743802, + "changedFraction": 6.456611570247934e-05, + "alphaChanges": 0, + "exact": false, + "accepted": true + }, + "problems": [], + "referenceImage": { + "path": "tests/storybook/reference/ha-select/macos/light-single-focus.png", + "sha256": "69947e01df94c28be91c342f52cf0278f7a848a027fea87ad20210cf4115cafc" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "87b222b41c3a6e24b2a9880ff70caf653c638ebbc2dc552472c87873af58f93a" + }, + "actual": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "2px", + "backgroundColor": "rgb(0, 154, 199)" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": { + "x": 32, + "y": 23.59375, + "width": 296, + "height": 40.796875 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px 8px 0px 16px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 48.046875, + "height": 14 + }, + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "padding": "0px", + "margin": "0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 80.765625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "helper": null, + "menu": null, + "options": [ + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(239, 249, 254)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "opacity": "0.5", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + } + ] + } + }, + { + "platform": "macos", + "architecture": "arm64", + "browser": "156.0.8078.4", + "theme": "light", + "name": "single-empty-focus", + "geometryMatch": true, + "identicalPixels": false, + "rasterAgreement": { + "pixels": 30976, + "changedPixels": 2, + "peakChannelDelta": 3, + "meanChannelDelta": 0.00019369834710743802, + "changedFraction": 6.456611570247934e-05, + "alphaChanges": 0, + "exact": false, + "accepted": true + }, + "problems": [], + "referenceImage": { + "path": "tests/storybook/reference/ha-select/macos/light-single-empty-focus.png", + "sha256": "eacdbeee01107c0108546bb9e3e7ca8798e8ec5bbc833fe8d0c40307825940d7" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "c5893e0e7c0eee3baf8ac9af1a0c82dbce365e73bcb2d3fef7006c35a31f85dc" + }, + "actual": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "2px", + "backgroundColor": "rgb(0, 154, 199)" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": { + "x": 32, + "y": 32.796875, + "width": 296, + "height": 22.390625 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px 8px 0px 16px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "overline": null, + "headline": { + "box": { + "x": 32, + "y": 32.796875, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 35.796875, + "width": 56.046875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "helper": null, + "menu": null, + "options": [ + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "opacity": "0.5", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + } + ] + } + }, + { + "platform": "macos", + "architecture": "arm64", + "browser": "156.0.8078.4", + "theme": "light", + "name": "single-disabled", + "geometryMatch": true, + "identicalPixels": true, + "rasterAgreement": { + "pixels": 30976, + "changedPixels": 0, + "peakChannelDelta": 0, + "meanChannelDelta": 0, + "changedFraction": 0, + "alphaChanges": 0, + "exact": true, + "accepted": true + }, + "problems": [], + "referenceImage": { + "path": "tests/storybook/reference/ha-select/macos/light-single-disabled.png", + "sha256": "7cabc9344d2b870035a7b3cfb7df45b8d58cb2d7162b88a25c26b59225aad604" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "7cabc9344d2b870035a7b3cfb7df45b8d58cb2d7162b88a25c26b59225aad604" + }, + "actual": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(204, 204, 204)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "0.5", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(94, 94, 94)" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": { + "x": 32, + "y": 23.59375, + "width": 296, + "height": 40.796875 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px 8px 0px 16px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "0.5", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 48.046875, + "height": 14 + }, + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "padding": "0px", + "margin": "0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 80.765625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "helper": null, + "menu": null, + "options": [ + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(239, 249, 254)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "opacity": "0.5", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + } + ] + } + }, + { + "platform": "macos", + "architecture": "arm64", + "browser": "156.0.8078.4", + "theme": "light", + "name": "single-required", + "geometryMatch": true, + "identicalPixels": false, + "rasterAgreement": { + "pixels": 30976, + "changedPixels": 2, + "peakChannelDelta": 3, + "meanChannelDelta": 0.00019369834710743802, + "changedFraction": 6.456611570247934e-05, + "alphaChanges": 0, + "exact": false, + "accepted": true + }, + "problems": [], + "referenceImage": { + "path": "tests/storybook/reference/ha-select/macos/light-single-required.png", + "sha256": "ee63c23dc30010a854cd6a13af564fd0ba76b86fa14ff34f0e019ca7188c2ec6" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "4aa506fc8c9d573c58933f8f74d0cbd8b6ccb177f929aaa1010fe9169046bfc1" + }, + "actual": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(94, 94, 94)" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": { + "x": 32, + "y": 23.59375, + "width": 296, + "height": 40.796875 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px 8px 0px 16px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 56.1875, + "height": 14 + }, + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "padding": "0px", + "margin": "0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 80.765625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "helper": null, + "menu": null, + "options": [ + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(239, 249, 254)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "opacity": "0.5", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + } + ] + } + }, + { + "platform": "macos", + "architecture": "arm64", + "browser": "156.0.8078.4", + "theme": "light", + "name": "single-helper", + "geometryMatch": true, + "identicalPixels": false, + "rasterAgreement": { + "pixels": 38720, + "changedPixels": 2, + "peakChannelDelta": 3, + "meanChannelDelta": 0.00015495867768595042, + "changedFraction": 5.165289256198347e-05, + "alphaChanges": 0, + "exact": false, + "accepted": true + }, + "problems": [], + "referenceImage": { + "path": "tests/storybook/reference/ha-select/macos/light-single-helper.png", + "sha256": "00fe7917bceaff61309fc18f89f70a6957a39d9f2ca16980ee6ab190d237e56b" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "41c9e902a8e97d68a752fc641f5b09d861780bda6c064d9a81fde4387b4ac366" + }, + "actual": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(94, 94, 94)" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": { + "x": 32, + "y": 23.59375, + "width": 296, + "height": 40.796875 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px 8px 0px 16px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 48.046875, + "height": 14 + }, + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "padding": "0px", + "margin": "0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 80.765625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "helper": { + "box": { + "x": 16, + "y": 80, + "width": 320, + "height": 14 + }, + "glyph": { + "x": 32, + "y": 80, + "width": 109.359375, + "height": 14 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px 16px", + "margin": "8px 0px 0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "menu": null, + "options": [ + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(239, 249, 254)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "opacity": "0.5", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + } + ] + } + }, + { + "platform": "macos", + "architecture": "arm64", + "browser": "156.0.8078.4", + "theme": "light", + "name": "single-error", + "geometryMatch": true, + "identicalPixels": false, + "rasterAgreement": { + "pixels": 38720, + "changedPixels": 2, + "peakChannelDelta": 3, + "meanChannelDelta": 0.00015495867768595042, + "changedFraction": 5.165289256198347e-05, + "alphaChanges": 0, + "exact": false, + "accepted": true + }, + "problems": [], + "referenceImage": { + "path": "tests/storybook/reference/ha-select/macos/light-single-error.png", + "sha256": "d54622b474f59bb66b5399d41970b55650efa0811eed8b742cc7ad4f23a89f7c" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "ffe64502287ec7cb0a872708cc9898c0126681aba020996e54868a81660b190f" + }, + "actual": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "2px", + "backgroundColor": "rgb(219, 68, 55)" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": { + "x": 32, + "y": 23.59375, + "width": 296, + "height": 40.796875 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px 8px 0px 16px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 48.046875, + "height": 14 + }, + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "padding": "0px", + "margin": "0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 80.765625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "helper": { + "box": { + "x": 16, + "y": 80, + "width": 320, + "height": 14 + }, + "glyph": { + "x": 32, + "y": 80, + "width": 170.40625, + "height": 14 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px 16px", + "margin": "8px 0px 0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "menu": null, + "options": [ + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(239, 249, 254)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "opacity": "0.5", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + } + ] + } + }, + { + "platform": "macos", + "architecture": "arm64", + "browser": "156.0.8078.4", + "theme": "light", + "name": "single-narrow", + "geometryMatch": true, + "identicalPixels": false, + "rasterAgreement": { + "pixels": 18656, + "changedPixels": 2, + "peakChannelDelta": 3, + "meanChannelDelta": 0.00032161234991423673, + "changedFraction": 0.0001072041166380789, + "alphaChanges": 0, + "exact": false, + "accepted": true + }, + "problems": [], + "referenceImage": { + "path": "tests/storybook/reference/ha-select/macos/light-single-narrow.png", + "sha256": "d2fcd6d6a1cf0c5f6d84aa7d0179080663c9e1ec66ade8d33b5ed0621499b02e" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "f3e7606fc3642743f6b591a6d6d2edc741713e59589fcebeeedd1ab92d15d90a" + }, + "actual": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 56 + }, + "glyph": { + "x": 16, + "y": 16, + "width": 180, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(94, 94, 94)" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 56 + }, + "glyph": { + "x": 32, + "y": 23.59375, + "width": 156, + "height": 40.796875 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px 8px 0px 16px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 116, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 48.046875, + "height": 14 + }, + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "padding": "0px", + "margin": "0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 116, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 80.765625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "arrow": { + "box": { + "x": 156, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": { + "x": 156, + "y": 34, + "width": 32, + "height": 20 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "helper": null, + "menu": null, + "options": [ + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(239, 249, 254)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "opacity": "0.5", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + } + ] + } + }, + { + "platform": "macos", + "architecture": "arm64", + "browser": "156.0.8078.4", + "theme": "light", + "name": "single-rtl", + "geometryMatch": true, + "identicalPixels": false, + "rasterAgreement": { + "pixels": 30976, + "changedPixels": 2, + "peakChannelDelta": 3, + "meanChannelDelta": 0.00019369834710743802, + "changedFraction": 6.456611570247934e-05, + "alphaChanges": 0, + "exact": false, + "accepted": true + }, + "problems": [], + "referenceImage": { + "path": "tests/storybook/reference/ha-select/macos/light-single-rtl.png", + "sha256": "49f04178cb06ab998153ca4c9ea72a471764365d71d27ed5a496b54724616fe9" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "7ac9c22b42d9e0a9cac52776d5aad65cde914a193563ce2d30ebdae678c54bc1" + }, + "actual": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(94, 94, 94)" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": { + "x": 24, + "y": 23.59375, + "width": 296, + "height": 40.796875 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px 16px 0px 8px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "overline": { + "box": { + "x": 64, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 271.953125, + "y": 25.59375, + "width": 48.046875, + "height": 14 + }, + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "padding": "0px", + "margin": "0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "headline": { + "box": { + "x": 64, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 239.234375, + "y": 45, + "width": 80.765625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "arrow": { + "box": { + "x": 24, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": { + "x": 24, + "y": 34, + "width": 32, + "height": 20 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "helper": null, + "menu": null, + "options": [ + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(239, 249, 254)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "opacity": "0.5", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + } + ] + } + }, + { + "platform": "macos", + "architecture": "arm64", + "browser": "156.0.8078.4", + "theme": "light", + "name": "single-long", + "geometryMatch": true, + "identicalPixels": false, + "rasterAgreement": { + "pixels": 19292, + "changedPixels": 2, + "peakChannelDelta": 3, + "meanChannelDelta": 0.0003110097449720091, + "changedFraction": 0.00010366991499066971, + "alphaChanges": 0, + "exact": false, + "accepted": true + }, + "problems": [], + "referenceImage": { + "path": "tests/storybook/reference/ha-select/macos/light-single-long.png", + "sha256": "d05e9a207a7c1072a13033808d70c1c8aa84f64b14e0b0fd60e2d3a18dad08d6" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "0bf4ffc3cfe46461668ba879db710dcd8db83a3e83b5250ce811ab5b276a366e" + }, + "actual": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 59.203125 + }, + "glyph": { + "x": 16, + "y": 16, + "width": 238.28125, + "height": 59.203125 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(94, 94, 94)" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 59.203125 + }, + "glyph": { + "x": 32, + "y": 16, + "width": 222.28125, + "height": 59.203125 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px 8px 0px 16px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "overline": { + "box": { + "x": 32, + "y": 16, + "width": 116, + "height": 36.8125 + }, + "glyph": { + "x": 32, + "y": 18, + "width": 109.046875, + "height": 32.40625 + }, + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "padding": "0px", + "margin": "0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "headline": { + "box": { + "x": 32, + "y": 52.8125, + "width": 116, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 55.8125, + "width": 222.28125, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "arrow": { + "box": { + "x": 156, + "y": 35.59375, + "width": 32, + "height": 20 + }, + "glyph": { + "x": 156, + "y": 35.59375, + "width": 32, + "height": 20 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "helper": null, + "menu": null, + "options": [ + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(239, 249, 254)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "opacity": "0.5", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + } + ] + } + }, + { + "platform": "macos", + "architecture": "arm64", + "browser": "156.0.8078.4", + "theme": "light", + "name": "single-clearable", + "geometryMatch": true, + "identicalPixels": false, + "rasterAgreement": { + "pixels": 30976, + "changedPixels": 3, + "peakChannelDelta": 3, + "meanChannelDelta": 0.00025826446280991736, + "changedFraction": 9.684917355371901e-05, + "alphaChanges": 0, + "exact": false, + "accepted": true + }, + "problems": [], + "referenceImage": { + "path": "tests/storybook/reference/ha-select/macos/light-single-clearable.png", + "sha256": "182b3383ae8857d16d504ec41854d785fb7712e5ca67851edcfb615b6b7f07f7" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "e59ca99f25b88673e0e1ed859f13a05fad8d5d0b835014ec085213b963034a6d" + }, + "actual": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(94, 94, 94)" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": { + "x": 32, + "y": 23.59375, + "width": 296, + "height": 40.796875 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px 8px 0px 16px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 232, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 48.046875, + "height": 14 + }, + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "padding": "0px", + "margin": "0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 232, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 80.765625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "helper": null, + "menu": null, + "options": [ + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(239, 249, 254)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "opacity": "0.5", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + } + ] + } + }, + { + "platform": "macos", + "architecture": "arm64", + "browser": "156.0.8078.4", + "theme": "light", + "name": "single-menu", + "geometryMatch": true, + "identicalPixels": false, + "rasterAgreement": { + "pixels": 97888, + "changedPixels": 118, + "peakChannelDelta": 1, + "meanChannelDelta": 0.0012054593004249756, + "changedFraction": 0.0012054593004249756, + "alphaChanges": 0, + "exact": false, + "accepted": true + }, + "problems": [], + "referenceImage": { + "path": "tests/storybook/reference/ha-select/macos/light-single-menu.png", + "sha256": "1cd974bafae607eb7acd0bd7411b56b8bd0ed0962b0f78d8e084d47ef73c9e84" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "39f9b21f9a086c26a8c7c2310122684a6b25d952f81af24ca6066b8091ac5e65" + }, + "actual": { + "base": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(94, 94, 94)" + } + }, + "trigger": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": { + "x": 40, + "y": 23.59375, + "width": 296, + "height": 40.796875 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px 8px 0px 16px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "overline": { + "box": { + "x": 40, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 40, + "y": 25.59375, + "width": 48.046875, + "height": 14 + }, + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "padding": "0px", + "margin": "0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "headline": { + "box": { + "x": 40, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 40, + "y": 45, + "width": 80.765625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "arrow": { + "box": { + "x": 304, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": { + "x": 304, + "y": 34, + "width": 32, + "height": 20 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "helper": null, + "menu": { + "box": { + "x": 24, + "y": 72, + "width": 320, + "height": 170 + }, + "glyph": { + "x": 29, + "y": 77, + "width": 310, + "height": 160 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "4px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgb(230, 230, 230)", + "borderRadius": "8px", + "opacity": "1", + "boxShadow": "rgba(0, 0, 0, 0.1) 0px 3px 6px -1px, rgba(0, 0, 0, 0.15) 0px 8px 16px -2px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "options": [ + { + "box": { + "x": 29, + "y": 77, + "width": 310, + "height": 40 + }, + "glyph": { + "x": 43, + "y": 88.59375, + "width": 81.359375, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(239, 249, 254)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": 29, + "y": 117, + "width": 310, + "height": 40 + }, + "glyph": { + "x": 43, + "y": 128.59375, + "width": 58.6875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": 29, + "y": 157, + "width": 310, + "height": 40 + }, + "glyph": { + "x": 43, + "y": 168.59375, + "width": 34.078125, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": 29, + "y": 197, + "width": 310, + "height": 40 + }, + "glyph": { + "x": 43, + "y": 208.59375, + "width": 54.1875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "opacity": "0.5", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + } + ] + } + }, + { + "platform": "macos", + "architecture": "arm64", + "browser": "156.0.8078.4", + "theme": "light", + "name": "single-menu-hover", + "geometryMatch": true, + "identicalPixels": false, + "rasterAgreement": { + "pixels": 97888, + "changedPixels": 118, + "peakChannelDelta": 2, + "meanChannelDelta": 0.0011645962732919255, + "changedFraction": 0.0012054593004249756, + "alphaChanges": 0, + "exact": false, + "accepted": true + }, + "problems": [], + "referenceImage": { + "path": "tests/storybook/reference/ha-select/macos/light-single-menu-hover.png", + "sha256": "db272af5fd0ee1c8fb37841cbd58d9bc239c9c9f6c9f0d9f41c23e32a5408912" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "922aa95c4385edd65d879a5bdfaee4d3aafeee76da433c081017361cb4251771" + }, + "actual": { + "base": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(94, 94, 94)" + } + }, + "trigger": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": { + "x": 40, + "y": 23.59375, + "width": 296, + "height": 40.796875 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px 8px 0px 16px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "overline": { + "box": { + "x": 40, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 40, + "y": 25.59375, + "width": 48.046875, + "height": 14 + }, + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "padding": "0px", + "margin": "0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "headline": { + "box": { + "x": 40, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 40, + "y": 45, + "width": 80.765625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "arrow": { + "box": { + "x": 304, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": { + "x": 304, + "y": 34, + "width": 32, + "height": 20 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "helper": null, + "menu": { + "box": { + "x": 24, + "y": 72, + "width": 320, + "height": 170 + }, + "glyph": { + "x": 29, + "y": 77, + "width": 310, + "height": 160 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "4px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgb(230, 230, 230)", + "borderRadius": "8px", + "opacity": "1", + "boxShadow": "rgba(0, 0, 0, 0.1) 0px 3px 6px -1px, rgba(0, 0, 0, 0.15) 0px 8px 16px -2px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "options": [ + { + "box": { + "x": 29, + "y": 77, + "width": 310, + "height": 40 + }, + "glyph": { + "x": 43, + "y": 88.59375, + "width": 81.359375, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(239, 249, 254)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": 29, + "y": 117, + "width": 310, + "height": 40 + }, + "glyph": { + "x": 43, + "y": 128.59375, + "width": 58.6875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(230, 230, 230)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": 29, + "y": 157, + "width": 310, + "height": 40 + }, + "glyph": { + "x": 43, + "y": 168.59375, + "width": 34.078125, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": 29, + "y": 197, + "width": 310, + "height": 40 + }, + "glyph": { + "x": 43, + "y": 208.59375, + "width": 54.1875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "opacity": "0.5", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + } + ] + } + }, + { + "platform": "macos", + "architecture": "arm64", + "browser": "156.0.8078.4", + "theme": "light", + "name": "single-menu-keyboard", + "geometryMatch": true, + "identicalPixels": false, + "rasterAgreement": { + "pixels": 97888, + "changedPixels": 119, + "peakChannelDelta": 3, + "meanChannelDelta": 0.0012463223275580254, + "changedFraction": 0.001215675057208238, + "alphaChanges": 0, + "exact": false, + "accepted": true + }, + "problems": [], + "referenceImage": { + "path": "tests/storybook/reference/ha-select/macos/light-single-menu-keyboard.png", + "sha256": "478e8476e49fdeb4372b16c5cd0e2dafe22fb0478b7b35e1acaa4b4cdfe50a55" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "4131947a7bceed37b4a526bef2fbd4d56d8280932b8c051fda1e02c4a05420ca" + }, + "actual": { + "base": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(94, 94, 94)" + } + }, + "trigger": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": { + "x": 40, + "y": 23.59375, + "width": 296, + "height": 40.796875 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px 8px 0px 16px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "overline": { + "box": { + "x": 40, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 40, + "y": 25.59375, + "width": 48.046875, + "height": 14 + }, + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "padding": "0px", + "margin": "0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "headline": { + "box": { + "x": 40, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 40, + "y": 45, + "width": 80.765625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "arrow": { + "box": { + "x": 304, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": { + "x": 304, + "y": 34, + "width": 32, + "height": 20 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "helper": null, + "menu": { + "box": { + "x": 24, + "y": 72, + "width": 320, + "height": 170 + }, + "glyph": { + "x": 29, + "y": 77, + "width": 310, + "height": 160 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "4px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgb(230, 230, 230)", + "borderRadius": "8px", + "opacity": "1", + "boxShadow": "rgba(0, 0, 0, 0.1) 0px 3px 6px -1px, rgba(0, 0, 0, 0.15) 0px 8px 16px -2px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "options": [ + { + "box": { + "x": 29, + "y": 77, + "width": 310, + "height": 40 + }, + "glyph": { + "x": 43, + "y": 88.59375, + "width": 81.359375, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(239, 249, 254)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": 29, + "y": 117, + "width": 310, + "height": 40 + }, + "glyph": { + "x": 43, + "y": 128.59375, + "width": 58.6875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": 29, + "y": 157, + "width": 310, + "height": 40 + }, + "glyph": { + "x": 43, + "y": 168.59375, + "width": 34.078125, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(230, 230, 230)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": 29, + "y": 197, + "width": 310, + "height": 40 + }, + "glyph": { + "x": 43, + "y": 208.59375, + "width": 54.1875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "opacity": "0.5", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + } + ] + } + }, + { + "platform": "macos", + "architecture": "arm64", + "browser": "156.0.8078.4", + "theme": "light", + "name": "single-menu-narrow", + "geometryMatch": true, + "identicalPixels": false, + "rasterAgreement": { + "pixels": 60648, + "changedPixels": 113, + "peakChannelDelta": 3, + "meanChannelDelta": 0.001929165017807677, + "changedFraction": 0.0018632106582245087, + "alphaChanges": 0, + "exact": false, + "accepted": true + }, + "problems": [], + "referenceImage": { + "path": "tests/storybook/reference/ha-select/macos/light-single-menu-narrow.png", + "sha256": "045a8b1a41f9a9af85b9c6f58a23b3ecabefc588b234d874bab8f3f97a014373" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "1693b707ce515d287fffa7a09cbe42551ff841ec16f4b59726cc3c56f08d40a4" + }, + "actual": { + "base": { + "box": { + "x": 24, + "y": 16, + "width": 180, + "height": 56 + }, + "glyph": { + "x": 24, + "y": 16, + "width": 180, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(94, 94, 94)" + } + }, + "trigger": { + "box": { + "x": 24, + "y": 16, + "width": 180, + "height": 56 + }, + "glyph": { + "x": 40, + "y": 23.59375, + "width": 156, + "height": 40.796875 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px 8px 0px 16px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "overline": { + "box": { + "x": 40, + "y": 23.59375, + "width": 116, + "height": 18.40625 + }, + "glyph": { + "x": 40, + "y": 25.59375, + "width": 48.046875, + "height": 14 + }, + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "padding": "0px", + "margin": "0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "headline": { + "box": { + "x": 40, + "y": 42, + "width": 116, + "height": 22.390625 + }, + "glyph": { + "x": 40, + "y": 45, + "width": 80.765625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "arrow": { + "box": { + "x": 164, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": { + "x": 164, + "y": 34, + "width": 32, + "height": 20 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "helper": null, + "menu": { + "box": { + "x": 24, + "y": 72, + "width": 180, + "height": 170 + }, + "glyph": { + "x": 29, + "y": 77, + "width": 170, + "height": 160 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "4px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgb(230, 230, 230)", + "borderRadius": "8px", + "opacity": "1", + "boxShadow": "rgba(0, 0, 0, 0.1) 0px 3px 6px -1px, rgba(0, 0, 0, 0.15) 0px 8px 16px -2px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "options": [ + { + "box": { + "x": 29, + "y": 77, + "width": 170, + "height": 40 + }, + "glyph": { + "x": 43, + "y": 88.59375, + "width": 81.359375, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(239, 249, 254)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": 29, + "y": 117, + "width": 170, + "height": 40 + }, + "glyph": { + "x": 43, + "y": 128.59375, + "width": 58.6875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": 29, + "y": 157, + "width": 170, + "height": 40 + }, + "glyph": { + "x": 43, + "y": 168.59375, + "width": 34.078125, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": 29, + "y": 197, + "width": 170, + "height": 40 + }, + "glyph": { + "x": 43, + "y": 208.59375, + "width": 54.1875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "opacity": "0.5", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + } + ] + } + }, + { + "platform": "macos", + "architecture": "arm64", + "browser": "156.0.8078.4", + "theme": "light", + "name": "single-menu-rtl", + "geometryMatch": true, + "identicalPixels": false, + "rasterAgreement": { + "pixels": 97888, + "changedPixels": 137, + "peakChannelDelta": 1, + "meanChannelDelta": 0.001399558679306963, + "changedFraction": 0.001399558679306963, + "alphaChanges": 0, + "exact": false, + "accepted": true + }, + "problems": [], + "referenceImage": { + "path": "tests/storybook/reference/ha-select/macos/light-single-menu-rtl.png", + "sha256": "31a77f61479f1604ee8f826cb625b9041f1cd1e7936a025f4f8d62d68bd65471" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "d59ae698da03a12f0ca9eb69492ead026de526d00f0f9c79b431bcbfa37e29d9" + }, + "actual": { + "base": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(243, 243, 243)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(94, 94, 94)" + } + }, + "trigger": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": { + "x": 32, + "y": 23.59375, + "width": 296, + "height": 40.796875 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px 16px 0px 8px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "overline": { + "box": { + "x": 72, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 279.953125, + "y": 25.59375, + "width": 48.046875, + "height": 14 + }, + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "padding": "0px", + "margin": "0px", + "color": "rgba(0, 0, 0, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(0, 0, 0, 0.6)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgba(0, 0, 0, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "headline": { + "box": { + "x": 72, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 247.234375, + "y": 45, + "width": 80.765625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "arrow": { + "box": { + "x": 32, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": { + "x": 32, + "y": 34, + "width": 32, + "height": 20 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(94, 94, 94)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(94, 94, 94)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(94, 94, 94) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "helper": null, + "menu": { + "box": { + "x": 24, + "y": 72, + "width": 320, + "height": 170 + }, + "glyph": { + "x": 29, + "y": 77, + "width": 310, + "height": 160 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "4px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgb(255, 255, 255)", + "border": "1px solid rgb(230, 230, 230)", + "borderRadius": "8px", + "opacity": "1", + "boxShadow": "rgba(0, 0, 0, 0.1) 0px 3px 6px -1px, rgba(0, 0, 0, 0.15) 0px 8px 16px -2px", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "options": [ + { + "box": { + "x": 29, + "y": 77, + "width": 310, + "height": 40 + }, + "glyph": { + "x": 243.640625, + "y": 88.59375, + "width": 81.359375, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(239, 249, 254)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": 29, + "y": 117, + "width": 310, + "height": 40 + }, + "glyph": { + "x": 266.3125, + "y": 128.59375, + "width": 58.6875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": 29, + "y": 157, + "width": 310, + "height": 40 + }, + "glyph": { + "x": 290.921875, + "y": 168.59375, + "width": 34.078125, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": 29, + "y": 197, + "width": 310, + "height": 40 + }, + "glyph": { + "x": 270.8125, + "y": 208.59375, + "width": 54.1875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(20, 20, 20)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(20, 20, 20)", + "borderRadius": "4px", + "opacity": "0.5", + "boxShadow": "none", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + } + ] + } + }, + { + "platform": "macos", + "architecture": "arm64", + "browser": "156.0.8078.4", + "theme": "dark", + "name": "single-empty", + "geometryMatch": true, + "identicalPixels": false, + "rasterAgreement": { + "pixels": 30976, + "changedPixels": 2, + "peakChannelDelta": 2, + "meanChannelDelta": 0.00012913223140495868, + "changedFraction": 6.456611570247934e-05, + "alphaChanges": 0, + "exact": false, + "accepted": true + }, + "problems": [], + "referenceImage": { + "path": "tests/storybook/reference/ha-select/macos/dark-single-empty.png", + "sha256": "c17abfb86605e0ac86b2e95c72b1105f95c88dd318469f2aeabfd6236debc208" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "e03159387609562c0e8daeef74a22bb90d1e36a31132edfdb89186f4e7f2400a" + }, + "actual": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(177, 177, 177)" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": { + "x": 32, + "y": 32.796875, + "width": 296, + "height": 22.390625 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px 8px 0px 16px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "overline": null, + "headline": { + "box": { + "x": 32, + "y": 32.796875, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 35.796875, + "width": 56.046875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "helper": null, + "menu": null, + "options": [ + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "opacity": "0.5", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + } + ] + } + }, + { + "platform": "macos", + "architecture": "arm64", + "browser": "156.0.8078.4", + "theme": "dark", + "name": "single-placeholder", + "geometryMatch": true, + "identicalPixels": false, + "rasterAgreement": { + "pixels": 30976, + "changedPixels": 2, + "peakChannelDelta": 2, + "meanChannelDelta": 0.00012913223140495868, + "changedFraction": 6.456611570247934e-05, + "alphaChanges": 0, + "exact": false, + "accepted": true + }, + "problems": [], + "referenceImage": { + "path": "tests/storybook/reference/ha-select/macos/dark-single-placeholder.png", + "sha256": "95c4845add7f7c01fe476656e82822756cb63db5e0111e993d98e49167232b6c" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "5d1a3e88fc7ccb73e03db9f7ef9406fecc4f8296da035b74e9c1fb37348d948d" + }, + "actual": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(177, 177, 177)" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": { + "x": 32, + "y": 32.796875, + "width": 296, + "height": 22.390625 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px 8px 0px 16px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "overline": null, + "headline": { + "box": { + "x": 32, + "y": 32.796875, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 35.796875, + "width": 100.234375, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "helper": null, + "menu": null, + "options": [ + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "opacity": "0.5", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + } + ] + } + }, + { + "platform": "macos", + "architecture": "arm64", + "browser": "156.0.8078.4", + "theme": "dark", + "name": "single-filled", + "geometryMatch": true, + "identicalPixels": false, + "rasterAgreement": { + "pixels": 30976, + "changedPixels": 2, + "peakChannelDelta": 2, + "meanChannelDelta": 0.00012913223140495868, + "changedFraction": 6.456611570247934e-05, + "alphaChanges": 0, + "exact": false, + "accepted": true + }, + "problems": [], + "referenceImage": { + "path": "tests/storybook/reference/ha-select/macos/dark-single-filled.png", + "sha256": "0e2e0972fd5b2a5e8e4484845fff24486c1b8b7d776def1931de4b374a15c86e" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "c23247fc6764234b7bc4ae664748623bebfb92e8f8cb89d2da1d7583223fb39d" + }, + "actual": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(177, 177, 177)" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": { + "x": 32, + "y": 23.59375, + "width": 296, + "height": 40.796875 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px 8px 0px 16px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 48.046875, + "height": 14 + }, + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "padding": "0px", + "margin": "0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 80.765625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "helper": null, + "menu": null, + "options": [ + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(0, 23, 33)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "opacity": "0.5", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + } + ] + } + }, + { + "platform": "macos", + "architecture": "arm64", + "browser": "156.0.8078.4", + "theme": "dark", + "name": "single-hover", + "geometryMatch": true, + "identicalPixels": false, + "rasterAgreement": { + "pixels": 30976, + "changedPixels": 17, + "peakChannelDelta": 2, + "meanChannelDelta": 0.0006133780991735537, + "changedFraction": 0.0005488119834710744, + "alphaChanges": 0, + "exact": false, + "accepted": true + }, + "problems": [], + "referenceImage": { + "path": "tests/storybook/reference/ha-select/macos/dark-single-hover.png", + "sha256": "3323d1e3cc544e03fae948d419cfe07ca137b93430ecf7e2c262c4f383046b8b" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "e1db7c95976ccf6936bee152604ef9005dc7fca79e035ba39fa586a9cdf69d3a" + }, + "actual": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(177, 177, 177)" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": { + "x": 32, + "y": 23.59375, + "width": 296, + "height": 40.796875 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px 8px 0px 16px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 48.046875, + "height": 14 + }, + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "padding": "0px", + "margin": "0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 80.765625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "helper": null, + "menu": null, + "options": [ + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(0, 23, 33)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "opacity": "0.5", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + } + ] + } + }, + { + "platform": "macos", + "architecture": "arm64", + "browser": "156.0.8078.4", + "theme": "dark", + "name": "single-focus", + "geometryMatch": true, + "identicalPixels": false, + "rasterAgreement": { + "pixels": 30976, + "changedPixels": 2, + "peakChannelDelta": 2, + "meanChannelDelta": 0.00012913223140495868, + "changedFraction": 6.456611570247934e-05, + "alphaChanges": 0, + "exact": false, + "accepted": true + }, + "problems": [], + "referenceImage": { + "path": "tests/storybook/reference/ha-select/macos/dark-single-focus.png", + "sha256": "f68e6380c7896f1c18c111fbccf2cd5f320d115ae37830cce315fe7e815799c2" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "955302846b12bfd3315abc69b35000a8f932900879e40f3f1f87699028becaa1" + }, + "actual": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "2px", + "backgroundColor": "rgb(0, 154, 199)" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": { + "x": 32, + "y": 23.59375, + "width": 296, + "height": 40.796875 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px 8px 0px 16px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 48.046875, + "height": 14 + }, + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "padding": "0px", + "margin": "0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 80.765625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "helper": null, + "menu": null, + "options": [ + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(0, 23, 33)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "opacity": "0.5", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + } + ] + } + }, + { + "platform": "macos", + "architecture": "arm64", + "browser": "156.0.8078.4", + "theme": "dark", + "name": "single-empty-focus", + "geometryMatch": true, + "identicalPixels": false, + "rasterAgreement": { + "pixels": 30976, + "changedPixels": 2, + "peakChannelDelta": 2, + "meanChannelDelta": 0.00012913223140495868, + "changedFraction": 6.456611570247934e-05, + "alphaChanges": 0, + "exact": false, + "accepted": true + }, + "problems": [], + "referenceImage": { + "path": "tests/storybook/reference/ha-select/macos/dark-single-empty-focus.png", + "sha256": "bd3ff8f2689a0a49407c04b13a1a468dc9c7f258540c00e524f59aadca0ec97f" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "7870dff8b860f303352119551eeae7bf899ea2930caa824cfcf8c63ebb4fa8c6" + }, + "actual": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "2px", + "backgroundColor": "rgb(0, 154, 199)" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": { + "x": 32, + "y": 32.796875, + "width": 296, + "height": 22.390625 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px 8px 0px 16px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "overline": null, + "headline": { + "box": { + "x": 32, + "y": 32.796875, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 35.796875, + "width": 56.046875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "helper": null, + "menu": null, + "options": [ + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "opacity": "0.5", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + } + ] + } + }, + { + "platform": "macos", + "architecture": "arm64", + "browser": "156.0.8078.4", + "theme": "dark", + "name": "single-disabled", + "geometryMatch": true, + "identicalPixels": true, + "rasterAgreement": { + "pixels": 30976, + "changedPixels": 0, + "peakChannelDelta": 0, + "meanChannelDelta": 0, + "changedFraction": 0, + "alphaChanges": 0, + "exact": true, + "accepted": true + }, + "problems": [], + "referenceImage": { + "path": "tests/storybook/reference/ha-select/macos/dark-single-disabled.png", + "sha256": "bb035a079da5c467da39435d68f6edc2b8e5d84ca6c6e8b730d97c7d747c2f89" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "bb035a079da5c467da39435d68f6edc2b8e5d84ca6c6e8b730d97c7d747c2f89" + }, + "actual": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "0.5", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(177, 177, 177)" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": { + "x": 32, + "y": 23.59375, + "width": 296, + "height": 40.796875 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px 8px 0px 16px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "0.5", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 48.046875, + "height": 14 + }, + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "padding": "0px", + "margin": "0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 80.765625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "helper": null, + "menu": null, + "options": [ + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(0, 23, 33)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "opacity": "0.5", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + } + ] + } + }, + { + "platform": "macos", + "architecture": "arm64", + "browser": "156.0.8078.4", + "theme": "dark", + "name": "single-required", + "geometryMatch": true, + "identicalPixels": false, + "rasterAgreement": { + "pixels": 30976, + "changedPixels": 2, + "peakChannelDelta": 2, + "meanChannelDelta": 0.00012913223140495868, + "changedFraction": 6.456611570247934e-05, + "alphaChanges": 0, + "exact": false, + "accepted": true + }, + "problems": [], + "referenceImage": { + "path": "tests/storybook/reference/ha-select/macos/dark-single-required.png", + "sha256": "70df1c54bc247ea247e83db6b95fafc36de30adc13e559b2040bdd0230ab6826" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "a46c4bca6b690179d9c784b21420e64a8d868bfda02dd6d7fe5f8c8dae2a57ca" + }, + "actual": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(177, 177, 177)" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": { + "x": 32, + "y": 23.59375, + "width": 296, + "height": 40.796875 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px 8px 0px 16px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 56.1875, + "height": 14 + }, + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "padding": "0px", + "margin": "0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 80.765625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "helper": null, + "menu": null, + "options": [ + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(0, 23, 33)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "opacity": "0.5", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + } + ] + } + }, + { + "platform": "macos", + "architecture": "arm64", + "browser": "156.0.8078.4", + "theme": "dark", + "name": "single-helper", + "geometryMatch": true, + "identicalPixels": false, + "rasterAgreement": { + "pixels": 38720, + "changedPixels": 2, + "peakChannelDelta": 2, + "meanChannelDelta": 0.00010330578512396694, + "changedFraction": 5.165289256198347e-05, + "alphaChanges": 0, + "exact": false, + "accepted": true + }, + "problems": [], + "referenceImage": { + "path": "tests/storybook/reference/ha-select/macos/dark-single-helper.png", + "sha256": "852e9e9248d4d8134fc11e140198f3d6ef2366ef6e34b828730e115bcc1c044d" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "229109d5f9445aca2ecb8ce549f070b84d398a2ff9fd8e9b82e9f276f1c514d8" + }, + "actual": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(177, 177, 177)" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": { + "x": 32, + "y": 23.59375, + "width": 296, + "height": 40.796875 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px 8px 0px 16px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 48.046875, + "height": 14 + }, + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "padding": "0px", + "margin": "0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 80.765625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "helper": { + "box": { + "x": 16, + "y": 80, + "width": 320, + "height": 14 + }, + "glyph": { + "x": 32, + "y": 80, + "width": 109.359375, + "height": 14 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px 16px", + "margin": "8px 0px 0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "menu": null, + "options": [ + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(0, 23, 33)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "opacity": "0.5", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + } + ] + } + }, + { + "platform": "macos", + "architecture": "arm64", + "browser": "156.0.8078.4", + "theme": "dark", + "name": "single-error", + "geometryMatch": true, + "identicalPixels": false, + "rasterAgreement": { + "pixels": 38720, + "changedPixels": 2, + "peakChannelDelta": 2, + "meanChannelDelta": 0.00010330578512396694, + "changedFraction": 5.165289256198347e-05, + "alphaChanges": 0, + "exact": false, + "accepted": true + }, + "problems": [], + "referenceImage": { + "path": "tests/storybook/reference/ha-select/macos/dark-single-error.png", + "sha256": "ad8d9ffcda472d7f94f0807e6eeab7652ba211528425cefa73dc7ff416f09e40" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "010084f50a72c3a36ee2237b263581ced11f1863d0193ebca35235ce64c818c5" + }, + "actual": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "2px", + "backgroundColor": "rgb(219, 68, 55)" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": { + "x": 32, + "y": 23.59375, + "width": 296, + "height": 40.796875 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px 8px 0px 16px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 48.046875, + "height": 14 + }, + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "padding": "0px", + "margin": "0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 80.765625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "helper": { + "box": { + "x": 16, + "y": 80, + "width": 320, + "height": 14 + }, + "glyph": { + "x": 32, + "y": 80, + "width": 170.40625, + "height": 14 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px 16px", + "margin": "8px 0px 0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "menu": null, + "options": [ + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(0, 23, 33)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "opacity": "0.5", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + } + ] + } + }, + { + "platform": "macos", + "architecture": "arm64", + "browser": "156.0.8078.4", + "theme": "dark", + "name": "single-narrow", + "geometryMatch": true, + "identicalPixels": false, + "rasterAgreement": { + "pixels": 18656, + "changedPixels": 2, + "peakChannelDelta": 2, + "meanChannelDelta": 0.0002144082332761578, + "changedFraction": 0.0001072041166380789, + "alphaChanges": 0, + "exact": false, + "accepted": true + }, + "problems": [], + "referenceImage": { + "path": "tests/storybook/reference/ha-select/macos/dark-single-narrow.png", + "sha256": "a0cdb0a6d734f36b6d090d30122b97a70a77a2a3b210303a63aec2694929e5b9" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "44ced01cf107ef63c49da0652905563983c887da73db199c244571041b0dfad6" + }, + "actual": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 56 + }, + "glyph": { + "x": 16, + "y": 16, + "width": 180, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(177, 177, 177)" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 56 + }, + "glyph": { + "x": 32, + "y": 23.59375, + "width": 156, + "height": 40.796875 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px 8px 0px 16px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 116, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 48.046875, + "height": 14 + }, + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "padding": "0px", + "margin": "0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 116, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 80.765625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "arrow": { + "box": { + "x": 156, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": { + "x": 156, + "y": 34, + "width": 32, + "height": 20 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "helper": null, + "menu": null, + "options": [ + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(0, 23, 33)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "opacity": "0.5", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + } + ] + } + }, + { + "platform": "macos", + "architecture": "arm64", + "browser": "156.0.8078.4", + "theme": "dark", + "name": "single-rtl", + "geometryMatch": true, + "identicalPixels": false, + "rasterAgreement": { + "pixels": 30976, + "changedPixels": 2, + "peakChannelDelta": 2, + "meanChannelDelta": 0.00012913223140495868, + "changedFraction": 6.456611570247934e-05, + "alphaChanges": 0, + "exact": false, + "accepted": true + }, + "problems": [], + "referenceImage": { + "path": "tests/storybook/reference/ha-select/macos/dark-single-rtl.png", + "sha256": "9ab4ced540d43dc7da80bc1f59851ea48eac72939121a4445cd524b3b94a94a4" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "446e3cd58c136448ffcaa677fc498992cab038668ea3565094fa51de62849bd4" + }, + "actual": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(177, 177, 177)" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": { + "x": 24, + "y": 23.59375, + "width": 296, + "height": 40.796875 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px 16px 0px 8px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "overline": { + "box": { + "x": 64, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 271.953125, + "y": 25.59375, + "width": 48.046875, + "height": 14 + }, + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "padding": "0px", + "margin": "0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "headline": { + "box": { + "x": 64, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 239.234375, + "y": 45, + "width": 80.765625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "arrow": { + "box": { + "x": 24, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": { + "x": 24, + "y": 34, + "width": 32, + "height": 20 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "helper": null, + "menu": null, + "options": [ + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(0, 23, 33)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "opacity": "0.5", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + } + ] + } + }, + { + "platform": "macos", + "architecture": "arm64", + "browser": "156.0.8078.4", + "theme": "dark", + "name": "single-long", + "geometryMatch": true, + "identicalPixels": false, + "rasterAgreement": { + "pixels": 19292, + "changedPixels": 2, + "peakChannelDelta": 2, + "meanChannelDelta": 0.00020733982998133942, + "changedFraction": 0.00010366991499066971, + "alphaChanges": 0, + "exact": false, + "accepted": true + }, + "problems": [], + "referenceImage": { + "path": "tests/storybook/reference/ha-select/macos/dark-single-long.png", + "sha256": "818e2b05b7f673295a14538be895d2500d4bd11e5bfb5bd83cb0519bff123f42" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "a3582ac09065127b6821598506da149e8ae419abcea45d3d4ee66cb6ac1d937f" + }, + "actual": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 59.203125 + }, + "glyph": { + "x": 16, + "y": 16, + "width": 238.28125, + "height": 59.203125 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(177, 177, 177)" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 180, + "height": 59.203125 + }, + "glyph": { + "x": 32, + "y": 16, + "width": 222.28125, + "height": 59.203125 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px 8px 0px 16px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "overline": { + "box": { + "x": 32, + "y": 16, + "width": 116, + "height": 36.8125 + }, + "glyph": { + "x": 32, + "y": 18, + "width": 109.046875, + "height": 32.40625 + }, + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "padding": "0px", + "margin": "0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "headline": { + "box": { + "x": 32, + "y": 52.8125, + "width": 116, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 55.8125, + "width": 222.28125, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "arrow": { + "box": { + "x": 156, + "y": 35.59375, + "width": 32, + "height": 20 + }, + "glyph": { + "x": 156, + "y": 35.59375, + "width": 32, + "height": 20 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "helper": null, + "menu": null, + "options": [ + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(0, 23, 33)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "opacity": "0.5", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + } + ] + } + }, + { + "platform": "macos", + "architecture": "arm64", + "browser": "156.0.8078.4", + "theme": "dark", + "name": "single-clearable", + "geometryMatch": true, + "identicalPixels": false, + "rasterAgreement": { + "pixels": 30976, + "changedPixels": 2, + "peakChannelDelta": 2, + "meanChannelDelta": 0.00012913223140495868, + "changedFraction": 6.456611570247934e-05, + "alphaChanges": 0, + "exact": false, + "accepted": true + }, + "problems": [], + "referenceImage": { + "path": "tests/storybook/reference/ha-select/macos/dark-single-clearable.png", + "sha256": "0f4cf32d05a0df8d797997daafbc94dd1d1f59b59e2aa9c299085b50d94faf74" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "6dcedf1361b979ee492cdfa389d2a44230319e5792f155ee0aac6e45939fafe3" + }, + "actual": { + "base": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(177, 177, 177)" + } + }, + "trigger": { + "box": { + "x": 16, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": { + "x": 32, + "y": 23.59375, + "width": 296, + "height": 40.796875 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px 8px 0px 16px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "overline": { + "box": { + "x": 32, + "y": 23.59375, + "width": 232, + "height": 18.40625 + }, + "glyph": { + "x": 32, + "y": 25.59375, + "width": 48.046875, + "height": 14 + }, + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "padding": "0px", + "margin": "0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "headline": { + "box": { + "x": 32, + "y": 42, + "width": 232, + "height": 22.390625 + }, + "glyph": { + "x": 32, + "y": 45, + "width": 80.765625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "arrow": { + "box": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": { + "x": 296, + "y": 34, + "width": 32, + "height": 20 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "helper": null, + "menu": null, + "options": [ + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(0, 23, 33)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "glyph": { + "x": -32, + "y": -32, + "width": 0, + "height": 0 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "opacity": "0.5", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + } + ] + } + }, + { + "platform": "macos", + "architecture": "arm64", + "browser": "156.0.8078.4", + "theme": "dark", + "name": "single-menu", + "geometryMatch": true, + "identicalPixels": false, + "rasterAgreement": { + "pixels": 97888, + "changedPixels": 411, + "peakChannelDelta": 2, + "meanChannelDelta": 0.0042293233082706765, + "changedFraction": 0.004198676037920889, + "alphaChanges": 0, + "exact": false, + "accepted": true + }, + "problems": [], + "referenceImage": { + "path": "tests/storybook/reference/ha-select/macos/dark-single-menu.png", + "sha256": "5e7fe816162b67ac80b97a21a9c8f026aba93e414428652126ae4c17b9cfc753" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "cf3165aba5f4ce1fa41d858dd3194554aa56f4053e90f7c0c9b759dfded48dd4" + }, + "actual": { + "base": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(177, 177, 177)" + } + }, + "trigger": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": { + "x": 40, + "y": 23.59375, + "width": 296, + "height": 40.796875 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px 8px 0px 16px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "overline": { + "box": { + "x": 40, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 40, + "y": 25.59375, + "width": 48.046875, + "height": 14 + }, + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "padding": "0px", + "margin": "0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "headline": { + "box": { + "x": 40, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 40, + "y": 45, + "width": 80.765625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "arrow": { + "box": { + "x": 304, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": { + "x": 304, + "y": 34, + "width": 32, + "height": 20 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "helper": null, + "menu": { + "box": { + "x": 24, + "y": 72, + "width": 320, + "height": 170 + }, + "glyph": { + "x": 29, + "y": 77, + "width": 310, + "height": 160 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "4px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgb(94, 94, 94)", + "borderRadius": "8px", + "opacity": "1", + "boxShadow": "rgba(0, 0, 0, 0.35) 0px 3px 6px -1px, rgba(0, 0, 0, 0.45) 0px 8px 16px -2px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "options": [ + { + "box": { + "x": 29, + "y": 77, + "width": 310, + "height": 40 + }, + "glyph": { + "x": 43, + "y": 88.59375, + "width": 81.359375, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(0, 23, 33)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": 29, + "y": 117, + "width": 310, + "height": 40 + }, + "glyph": { + "x": 43, + "y": 128.59375, + "width": 58.6875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": 29, + "y": 157, + "width": 310, + "height": 40 + }, + "glyph": { + "x": 43, + "y": 168.59375, + "width": 34.078125, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": 29, + "y": 197, + "width": 310, + "height": 40 + }, + "glyph": { + "x": 43, + "y": 208.59375, + "width": 54.1875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "opacity": "0.5", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + } + ] + } + }, + { + "platform": "macos", + "architecture": "arm64", + "browser": "156.0.8078.4", + "theme": "dark", + "name": "single-menu-hover", + "geometryMatch": true, + "identicalPixels": false, + "rasterAgreement": { + "pixels": 97888, + "changedPixels": 234, + "peakChannelDelta": 3, + "meanChannelDelta": 0.002417729105372126, + "changedFraction": 0.002390487087283426, + "alphaChanges": 0, + "exact": false, + "accepted": true + }, + "problems": [], + "referenceImage": { + "path": "tests/storybook/reference/ha-select/macos/dark-single-menu-hover.png", + "sha256": "3c384c6b6f201356415c3a8cb4215dc7f6c434dde8d3e8b93ce4d0a9d377d853" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "7030fcb07f33e6cf94834500adcd8cf0ac376439c708bcce7169e90a321e0076" + }, + "actual": { + "base": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(177, 177, 177)" + } + }, + "trigger": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": { + "x": 40, + "y": 23.59375, + "width": 296, + "height": 40.796875 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px 8px 0px 16px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "overline": { + "box": { + "x": 40, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 40, + "y": 25.59375, + "width": 48.046875, + "height": 14 + }, + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "padding": "0px", + "margin": "0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "headline": { + "box": { + "x": 40, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 40, + "y": 45, + "width": 80.765625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "arrow": { + "box": { + "x": 304, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": { + "x": 304, + "y": 34, + "width": 32, + "height": 20 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "helper": null, + "menu": { + "box": { + "x": 24, + "y": 72, + "width": 320, + "height": 170 + }, + "glyph": { + "x": 29, + "y": 77, + "width": 310, + "height": 160 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "4px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgb(94, 94, 94)", + "borderRadius": "8px", + "opacity": "1", + "boxShadow": "rgba(0, 0, 0, 0.35) 0px 3px 6px -1px, rgba(0, 0, 0, 0.45) 0px 8px 16px -2px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "options": [ + { + "box": { + "x": 29, + "y": 77, + "width": 310, + "height": 40 + }, + "glyph": { + "x": 43, + "y": 88.59375, + "width": 81.359375, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(0, 23, 33)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": 29, + "y": 117, + "width": 310, + "height": 40 + }, + "glyph": { + "x": 43, + "y": 128.59375, + "width": 58.6875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(32, 32, 32)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": 29, + "y": 157, + "width": 310, + "height": 40 + }, + "glyph": { + "x": 43, + "y": 168.59375, + "width": 34.078125, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": 29, + "y": 197, + "width": 310, + "height": 40 + }, + "glyph": { + "x": 43, + "y": 208.59375, + "width": 54.1875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "opacity": "0.5", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + } + ] + } + }, + { + "platform": "macos", + "architecture": "arm64", + "browser": "156.0.8078.4", + "theme": "dark", + "name": "single-menu-keyboard", + "geometryMatch": true, + "identicalPixels": false, + "rasterAgreement": { + "pixels": 97888, + "changedPixels": 340, + "peakChannelDelta": 6, + "meanChannelDelta": 0.003565299117358614, + "changedFraction": 0.0034733573063092512, + "alphaChanges": 0, + "exact": false, + "accepted": true + }, + "problems": [], + "referenceImage": { + "path": "tests/storybook/reference/ha-select/macos/dark-single-menu-keyboard.png", + "sha256": "9f86f651b807ac11042ba3e4ff8a2b11a8fae4521e6f0c8bc09411f4a99b9822" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "8783bb2952fcdfd95c5a629afed9e2184288e87c031d3b19d2dfa26283f18827" + }, + "actual": { + "base": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(177, 177, 177)" + } + }, + "trigger": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": { + "x": 40, + "y": 23.59375, + "width": 296, + "height": 40.796875 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px 8px 0px 16px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "overline": { + "box": { + "x": 40, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 40, + "y": 25.59375, + "width": 48.046875, + "height": 14 + }, + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "padding": "0px", + "margin": "0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "headline": { + "box": { + "x": 40, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 40, + "y": 45, + "width": 80.765625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "arrow": { + "box": { + "x": 304, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": { + "x": 304, + "y": 34, + "width": 32, + "height": 20 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "helper": null, + "menu": { + "box": { + "x": 24, + "y": 72, + "width": 320, + "height": 170 + }, + "glyph": { + "x": 29, + "y": 77, + "width": 310, + "height": 160 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "4px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgb(94, 94, 94)", + "borderRadius": "8px", + "opacity": "1", + "boxShadow": "rgba(0, 0, 0, 0.35) 0px 3px 6px -1px, rgba(0, 0, 0, 0.45) 0px 8px 16px -2px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "options": [ + { + "box": { + "x": 29, + "y": 77, + "width": 310, + "height": 40 + }, + "glyph": { + "x": 43, + "y": 88.59375, + "width": 81.359375, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(0, 23, 33)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": 29, + "y": 117, + "width": 310, + "height": 40 + }, + "glyph": { + "x": 43, + "y": 128.59375, + "width": 58.6875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": 29, + "y": 157, + "width": 310, + "height": 40 + }, + "glyph": { + "x": 43, + "y": 168.59375, + "width": 34.078125, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(32, 32, 32)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": 29, + "y": 197, + "width": 310, + "height": 40 + }, + "glyph": { + "x": 43, + "y": 208.59375, + "width": 54.1875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "opacity": "0.5", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + } + ] + } + }, + { + "platform": "macos", + "architecture": "arm64", + "browser": "156.0.8078.4", + "theme": "dark", + "name": "single-menu-narrow", + "geometryMatch": true, + "identicalPixels": false, + "rasterAgreement": { + "pixels": 60648, + "changedPixels": 411, + "peakChannelDelta": 2, + "meanChannelDelta": 0.006859253396649519, + "changedFraction": 0.006776810447170558, + "alphaChanges": 0, + "exact": false, + "accepted": true + }, + "problems": [], + "referenceImage": { + "path": "tests/storybook/reference/ha-select/macos/dark-single-menu-narrow.png", + "sha256": "ab81b1cea7b1b63870b1a2f36f856b8048d373bb8b6beac94f48e54593339135" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "17d0e386c39d9b38fe545725b6c2967d5c2a46636e6f3f65c4acf3d3e95a340d" + }, + "actual": { + "base": { + "box": { + "x": 24, + "y": 16, + "width": 180, + "height": 56 + }, + "glyph": { + "x": 24, + "y": 16, + "width": 180, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(177, 177, 177)" + } + }, + "trigger": { + "box": { + "x": 24, + "y": 16, + "width": 180, + "height": 56 + }, + "glyph": { + "x": 40, + "y": 23.59375, + "width": 156, + "height": 40.796875 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px 8px 0px 16px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "overline": { + "box": { + "x": 40, + "y": 23.59375, + "width": 116, + "height": 18.40625 + }, + "glyph": { + "x": 40, + "y": 25.59375, + "width": 48.046875, + "height": 14 + }, + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "padding": "0px", + "margin": "0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "headline": { + "box": { + "x": 40, + "y": 42, + "width": 116, + "height": 22.390625 + }, + "glyph": { + "x": 40, + "y": 45, + "width": 80.765625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "arrow": { + "box": { + "x": 164, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": { + "x": 164, + "y": 34, + "width": 32, + "height": 20 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "helper": null, + "menu": { + "box": { + "x": 24, + "y": 72, + "width": 180, + "height": 170 + }, + "glyph": { + "x": 29, + "y": 77, + "width": 170, + "height": 160 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "4px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgb(94, 94, 94)", + "borderRadius": "8px", + "opacity": "1", + "boxShadow": "rgba(0, 0, 0, 0.35) 0px 3px 6px -1px, rgba(0, 0, 0, 0.45) 0px 8px 16px -2px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "options": [ + { + "box": { + "x": 29, + "y": 77, + "width": 170, + "height": 40 + }, + "glyph": { + "x": 43, + "y": 88.59375, + "width": 81.359375, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(0, 23, 33)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": 29, + "y": 117, + "width": 170, + "height": 40 + }, + "glyph": { + "x": 43, + "y": 128.59375, + "width": 58.6875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": 29, + "y": 157, + "width": 170, + "height": 40 + }, + "glyph": { + "x": 43, + "y": 168.59375, + "width": 34.078125, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": 29, + "y": 197, + "width": 170, + "height": 40 + }, + "glyph": { + "x": 43, + "y": 208.59375, + "width": 54.1875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "opacity": "0.5", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + } + ] + } + }, + { + "platform": "macos", + "architecture": "arm64", + "browser": "156.0.8078.4", + "theme": "dark", + "name": "single-menu-rtl", + "geometryMatch": true, + "identicalPixels": false, + "rasterAgreement": { + "pixels": 97888, + "changedPixels": 366, + "peakChannelDelta": 2, + "meanChannelDelta": 0.003769614253023864, + "changedFraction": 0.0037389669826740765, + "alphaChanges": 0, + "exact": false, + "accepted": true + }, + "problems": [], + "referenceImage": { + "path": "tests/storybook/reference/ha-select/macos/dark-single-menu-rtl.png", + "sha256": "7b12efc29b2d660b312725771314d6a1f882486f2104809932cf1293edfde605" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "881f522a05a5a50e7f308a779fd244e14509d18c94c19f57cdccb54ded256a86" + }, + "actual": { + "base": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(54, 54, 54)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "1px", + "backgroundColor": "rgb(177, 177, 177)" + } + }, + "trigger": { + "box": { + "x": 24, + "y": 16, + "width": 320, + "height": 56 + }, + "glyph": { + "x": 32, + "y": 23.59375, + "width": 296, + "height": 40.796875 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px 16px 0px 8px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px 4px 0px 0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "overline": { + "box": { + "x": 72, + "y": 23.59375, + "width": 256, + "height": 18.40625 + }, + "glyph": { + "x": 279.953125, + "y": 25.59375, + "width": 48.046875, + "height": 14 + }, + "style": { + "fontFamily": "Roboto", + "fontSize": "12px", + "fontWeight": "400", + "lineHeight": "18.4px", + "padding": "0px", + "margin": "0px", + "color": "rgba(255, 255, 255, 0.6)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgba(255, 255, 255, 0.6)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgba(255, 255, 255, 0.6) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "headline": { + "box": { + "x": 72, + "y": 42, + "width": 256, + "height": 22.390625 + }, + "glyph": { + "x": 247.234375, + "y": 45, + "width": 80.765625, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "22.4px", + "padding": "0px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "arrow": { + "box": { + "x": 32, + "y": 34, + "width": 32, + "height": 20 + }, + "glyph": { + "x": 32, + "y": 34, + "width": 32, + "height": 20 + }, + "style": { + "fontFamily": "Arial", + "fontSize": "13.3333px", + "fontWeight": "400", + "lineHeight": "normal", + "padding": "0px", + "margin": "0px", + "color": "rgb(155, 155, 155)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(155, 155, 155)", + "borderRadius": "0px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(155, 155, 155) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "helper": null, + "menu": { + "box": { + "x": 24, + "y": 72, + "width": 320, + "height": 170 + }, + "glyph": { + "x": 29, + "y": 77, + "width": 310, + "height": 160 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "4px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgb(28, 28, 28)", + "border": "1px solid rgb(94, 94, 94)", + "borderRadius": "8px", + "opacity": "1", + "boxShadow": "rgba(0, 0, 0, 0.35) 0px 3px 6px -1px, rgba(0, 0, 0, 0.45) 0px 8px 16px -2px", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + "options": [ + { + "box": { + "x": 29, + "y": 77, + "width": 310, + "height": 40 + }, + "glyph": { + "x": 243.640625, + "y": 88.59375, + "width": 81.359375, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(0, 154, 199)", + "backgroundColor": "rgb(0, 23, 33)", + "border": "0px none rgb(0, 154, 199)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(0, 154, 199) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": 29, + "y": 117, + "width": 310, + "height": 40 + }, + "glyph": { + "x": 266.3125, + "y": 128.59375, + "width": 58.6875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": 29, + "y": 157, + "width": 310, + "height": 40 + }, + "glyph": { + "x": 290.921875, + "y": 168.59375, + "width": 34.078125, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "opacity": "1", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + }, + { + "box": { + "x": 29, + "y": 197, + "width": 310, + "height": 40 + }, + "glyph": { + "x": 270.8125, + "y": 208.59375, + "width": 54.1875, + "height": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "400", + "lineHeight": "16.8px", + "padding": "7px 14px", + "margin": "0px", + "color": "rgb(225, 225, 225)", + "backgroundColor": "rgba(0, 0, 0, 0)", + "border": "0px none rgb(225, 225, 225)", + "borderRadius": "4px", + "opacity": "0.5", + "boxShadow": "none", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "after": { + "height": "auto", + "backgroundColor": "rgba(0, 0, 0, 0)" + } + } + ] + } + } + ], + "managerDocs": true, + "managerControls": true, + "buttonReducedMotionVerified": true, + "external": [], + "badAssets": [], + "errors": [] + }, + "registrationReviewRegression": { + "finding": "https://github.com/vypdev/ha-ui/pull/10#discussion_r4465466812", + "problem": "Registration tests assumed the dependency-provided customElements shim existed in a Node runtime.", + "red": "Explicitly removing customElements reproduced two TypeErrors before either registration assertion; two original cases passed.", + "correction": "Optional registry inspection plus explicit no-registry cases for both tags. Globals restore after every case; both registrations must reject without creating tags.", + "validation": "391 source tests pass, including four server registration cases; strict checks and all four runtime coverage metrics remain 100%.", + "runtimeAndCompiledDistributionsUnchangedFrom": "b753030595c64bd8223b63625c651882eaf8c657", + "compiledFilesByteIdentical": 55, + "manualResolution": false + }, + "button": { + "contract": "docs/button-contract.md", + "installedCore": { + "hitArea": [ + { + "size": "small", + "nativeHeight": 44, + "visibleHeight": 32, + "outsidePaintClickExactlyOnce": true, + "keyboardExactlyOnce": true + }, + { + "size": "medium", + "nativeHeight": 44, + "visibleHeight": 40, + "outsidePaintClickExactlyOnce": true, + "keyboardExactlyOnce": true + } + ], + "realNativeSubmitter": true, + "nativeValidation": true, + "noValidate": true, + "successfulNameValue": true, + "cancellation": true, + "exactlyOnce": true, + "loadingRetainsFocus": true, + "disabledSubmission": true, + "fieldImplicitClick": true, + "reset": true, + "runtimeSpanishAndTheme": true + }, + "frameworkAdapters": true, + "sourceCases": 25, + "purePolicyCases": 57, + "visualReview": "Actual HA Spanish/dark Create area dialog observed read-only; Cancel is 40px high, 500 14px/14px Roboto and pill radius. Compiled variants and one additional submit were observed in Chrome. Original public component fixtures supply the full independent state matrix. No owner or installed-application acceptance is inferred.", + "regressions": { + "implicitClick": "Two real Enter cases observed zero native clicks/press requests before correcting the field default-submitter path. A first API-absence red also displayed the Vite import overlay, explaining its unrelated external-label click timeout.", + "iconSpacing": "Empty icon wrappers added 16 px; the regression failed before using layout-free wrappers.", + "busyAndPressed": "Two source cases failed on a leaked busy click and missing pressed shape before the common fixes. Cursor/size assertions were authored before their corrections but were not reached in that red run.", + "packedResetTiming": "The first installed consumer checked the value before the deferred cancelable reset completed. Its actual fixture and original helper are retained; the corrected driver waits for the real Kitchen state instead of writing it or weakening the expected value.", + "staticReadiness": "The first static campaign waited for only old control families in a button-only story. The driver now asserts readiness and motion on every real control, including buttons.", + "formMethodCollisions": "Two legal names, requestSubmit and getRootNode, reproduced zero submissions and two native TypeErrors before the field used native prototypes. The corrected 490-test source campaign, strict checks, actual package consumers and static catalog pass; no legal name is forbidden or rewritten.", + "presentation": "Initial new size/icon/loading tests and original style probes reproduced the missing HA presentation. Empty projected slots, trailing-only/dual icon-only content, stable loading geometry, public legacy tokens, default fallback contrast, native invisible-margin mouse input and standalone OS reduced motion are now explicitly exercised." + }, + "frameworkSourceCases": 32, + "frameworkAPIAbsenceRed": "The first source run rejected the missing React Button export before implementation. Vite also reported the not-yet-created Svelte component. This is an API-absence red, not an asserted behavioral failure.", + "frameworkVisualReview": "All four actual compiled installed-package bindings assert the same 40px medium surface, native target of at least 44px and 14px line height. Representative core/catalog images and actual HA were observed; application UX and human acceptance remain separate." + }, + "readonlyReviewRegression": { + "finding": 4466647535, + "rendererChanged": false, + "sourceCases": 5, + "sourceResult": "All 34 field source-browser cases pass, including actual readonly submissions for required empty, too short, too long, state-error and custom-error values. Editable mode blocks each invalid value; switching back to readonly submits it without losing form data.", + "installedResult": { + "cases": [ + { + "name": "required empty", + "value": "", + "readonly": { + "attribute": true, + "willValidate": false, + "storedInvalid": true, + "check": true, + "report": true, + "formCheck": true, + "formReport": true + }, + "editable": { + "willValidate": true, + "formCheck": false + }, + "afterReadonly": 1, + "afterEditable": 1, + "submissions": [ + [ + "" + ], + [ + "" + ] + ], + "entries": [ + [ + "readonlyValue", + "" + ] + ] + }, + { + "name": "too short", + "value": "x", + "readonly": { + "attribute": true, + "willValidate": false, + "storedInvalid": true, + "check": true, + "report": true, + "formCheck": true, + "formReport": true + }, + "editable": { + "willValidate": true, + "formCheck": false + }, + "afterReadonly": 1, + "afterEditable": 1, + "submissions": [ + [ + "x" + ], + [ + "x" + ] + ], + "entries": [ + [ + "readonlyValue", + "x" + ] + ] + }, + { + "name": "too long", + "value": "Long value", + "readonly": { + "attribute": true, + "willValidate": false, + "storedInvalid": true, + "check": true, + "report": true, + "formCheck": true, + "formReport": true + }, + "editable": { + "willValidate": true, + "formCheck": false + }, + "afterReadonly": 1, + "afterEditable": 1, + "submissions": [ + [ + "Long value" + ], + [ + "Long value" + ] + ], + "entries": [ + [ + "readonlyValue", + "Long value" + ] + ] + }, + { + "name": "state error", + "value": "Valid", + "readonly": { + "attribute": true, + "willValidate": false, + "storedInvalid": true, + "check": true, + "report": true, + "formCheck": true, + "formReport": true + }, + "editable": { + "willValidate": true, + "formCheck": false + }, + "afterReadonly": 1, + "afterEditable": 1, + "submissions": [ + [ + "Valid" + ], + [ + "Valid" + ] + ], + "entries": [ + [ + "readonlyValue", + "Valid" + ] + ] + }, + { + "name": "custom error", + "value": "Valid", + "readonly": { + "attribute": true, + "willValidate": false, + "storedInvalid": true, + "check": true, + "report": true, + "formCheck": true, + "formReport": true + }, + "editable": { + "willValidate": true, + "formCheck": false + }, + "afterReadonly": 1, + "afterEditable": 1, + "submissions": [ + [ + "Valid" + ], + [ + "Valid" + ] + ], + "entries": [ + [ + "readonlyValue", + "Valid" + ] + ] + } + ], + "rendererChanged": false, + "allNativeSubmissionsPassed": true + }, + "standard": [ + "https://html.spec.whatwg.org/multipage/custom-elements.html#custom-element-conformance", + "https://html.spec.whatwg.org/multipage/custom-elements.html#dom-elementinternals-validationmessage" + ], + "initialAttempt": "All five new cases initially stopped before submission on an incorrect expectation that ElementInternals.validationMessage becomes empty for readonly controls. Its normative getter retains the stored message. That test expectation was corrected without any renderer change; the complete native submission assertions then passed. The original test and failure log are retained.", + "manualResolution": false + }, + "select": { + "contract": "docs/select-contract.md", + "purePolicyCases": 59, + "sourceBrowserCases": 20, + "frameworkSourceCases": 45, + "stories": 11, + "runtimeFilesAdded": 7, + "installedCore": { + "typedSingleSelection": true, + "typedMultipleSelection": true, + "pickerTypeahead": true, + "nativeFormData": true, + "explicitTypedRestorationAndReset": { + "restored": false, + "reset": 1, + "entries": [ + [ + "category", + "1" + ] + ] + }, + "ancestorScroll": [ + { + "mode": "light", + "initialScroll": 0, + "before": 144, + "top": 104, + "anchorBottom": 104, + "requests": 0, + "value": 1, + "entries": [ + [ + "category", + "1" + ] + ], + "event": { + "trusted": true, + "bubbles": false, + "composed": false + } + }, + { + "mode": "shadow", + "initialScroll": 0, + "before": 144, + "top": 104, + "anchorBottom": 104, + "requests": 0, + "value": 1, + "entries": [ + [ + "category", + "1" + ] + ], + "event": { + "trusted": true, + "bubbles": false, + "composed": false + } + }, + { + "mode": "slotted", + "initialScroll": 0, + "before": 144, + "top": 104, + "anchorBottom": 104, + "requests": 0, + "value": 1, + "entries": [ + [ + "category", + "1" + ] + ], + "event": { + "trusted": true, + "bubbles": false, + "composed": false + } + } + ] + }, + "allFourInstalledFrameworks": true, + "visualReview": "Single filled size=1 picker/menu: 114 original states across three measured platform/architecture targets, exact computed styles and 0.1px geometry, unchanged explicit nearly-identical RGBA bounds. Multiple/chips/search/list modes remain incomplete.", + "regressions": { + "apiAbsence": "Initial policy, renderer and adapter runs rejected missing modules/exports before implementation; no behavioral-red claim is made for those API-absence runs. The first pure test table also failed during naming of a BigInt and spread array rows; rows were explicitly wrapped so the actual arrays reach the policy.", + "nativeKeyboard": "The initial dropdown-arrow test left both the shared control and a standalone native reference unchanged. A direct Playwright probe observed the same result for native size=1 arrow/Enter/Space combinations, while native typeahead and size=4 arrows worked. Permanent tests verify dropdown typeahead and visible-list arrows. No runtime override was introduced for this platform/driver observation.", + "angularValidationPolicy": "The first actual Angular consumer recorded empty Saved categories although its current model and later FormData were correct. Its earlier invalid submit was permitted because Angular added novalidate; a UI-counter assertion was premature. A permanent native-submit test observed one invalid submit before the fixture opted into standard ngNativeValidate. The compiled consumer now also asserts noValidate=false and waits for the actual native invalid event before checking blocked submission. Product runtime was unchanged for this fixture correction.", + "staticDriver": "The first static selector journey searched for f despite the fictional option label Other. The driver now uses o; no component behavior or expected typed value was changed. The static receipt now derives actual story/doc counts from its built index instead of retaining the previous hardcoded counts." + }, + "nativeFormDataTypes": "Standard HTML FormData serializes primitive values as strings; typed property/request models remain distinct. Wire-level type preservation requires JSON models or unique string IDs.", + "automaticBrowserRestorationVerified": false + }, + "checkbox": { + "contract": "docs/checkbox-contract.md", + "purePolicyCases": 28, + "sourceBrowserCases": 21, + "frameworkSourceCases": 45, + "stories": 11, + "installedCore": { + "booleanModel": true, + "nativeSpaceAndEnter": true, + "indeterminate": true, + "formData": true, + "explicitRestorationAndReset": { + "restored": false, + "reset": true, + "entries": [ + [ + "notify", + "packed" + ] + ] + } + }, + "allFourInstalledFrameworks": true, + "haReference": "docs/evidence/ha-checkbox-reference.json", + "haVisual": { + "reference": "docs/evidence/ha-checkbox-reference.json", + "scope": "Checkbox measured states only; no full SDK or human application UX acceptance", + "results": [ + { + "theme": "light", + "state": "unchecked", + "geometryAndStylesMatch": true, + "textGeometryToleranceCssPx": 1, + "referenceImage": { + "path": "tests/storybook/reference/ha-checkbox/light-unchecked.png", + "sha256": "7cb0fe688748e0d4f219188eb08e3bb6e604cdf63f0a0ee033041da4763218a8", + "width": 296, + "height": 44 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "7cb0fe688748e0d4f219188eb08e3bb6e604cdf63f0a0ee033041da4763218a8" + } + }, + { + "theme": "light", + "state": "checked", + "geometryAndStylesMatch": true, + "textGeometryToleranceCssPx": 1, + "referenceImage": { + "path": "tests/storybook/reference/ha-checkbox/light-checked.png", + "sha256": "e22ea96d768e10852da0925e1e3b5f9f93a15406f181c85ce279f2b728049747", + "width": 296, + "height": 44 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "9603e7c27135af99b0fb6a790f0d3b64e7e40eefd1b9709a4c1a1a8694fc48f9" + } + }, + { + "theme": "light", + "state": "mixed", + "geometryAndStylesMatch": true, + "textGeometryToleranceCssPx": 1, + "referenceImage": { + "path": "tests/storybook/reference/ha-checkbox/light-mixed.png", + "sha256": "8bf15711a75b80d9549de7e8c037fb1c3d670c85d717812a77328d9e2886b338", + "width": 296, + "height": 44 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "620f742faf8990d8b473864fa36e244eea5ae2629888a7580d88ee322784ac8a" + } + }, + { + "theme": "light", + "state": "disabled", + "geometryAndStylesMatch": true, + "textGeometryToleranceCssPx": 1, + "referenceImage": { + "path": "tests/storybook/reference/ha-checkbox/light-disabled.png", + "sha256": "081d1d769eb7ccf987615e29fff820ef34c282a5c8d8457ae3462a711a960b76", + "width": 296, + "height": 44 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "3be885a317505f914b014898e4a456357c807b4365ac3c058efae9362b64360e" + } + }, + { + "theme": "light", + "state": "required", + "geometryAndStylesMatch": true, + "textGeometryToleranceCssPx": 1, + "referenceImage": { + "path": "tests/storybook/reference/ha-checkbox/light-required.png", + "sha256": "3c238a342b38e83ac371b53697bd356c9210d4a46dc25aadf9a4364c087edcb4", + "width": 296, + "height": 44 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "e44e58d786b63e2800da7e5519bf07ba0506f27036e4a97900a2acb4e70623ab" + } + }, + { + "theme": "light", + "state": "hover", + "geometryAndStylesMatch": true, + "textGeometryToleranceCssPx": 1, + "referenceImage": { + "path": "tests/storybook/reference/ha-checkbox/light-hover.png", + "sha256": "6cf4a5318a5c6c0898dc7c856a30cbc20287609b11558d8d35c337cd2053e5ef", + "width": 296, + "height": 44 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "6cf4a5318a5c6c0898dc7c856a30cbc20287609b11558d8d35c337cd2053e5ef" + } + }, + { + "theme": "light", + "state": "focus", + "geometryAndStylesMatch": true, + "textGeometryToleranceCssPx": 1, + "referenceImage": { + "path": "tests/storybook/reference/ha-checkbox/light-focus.png", + "sha256": "38d8577650e61c2b459cf553b250bdd385dc4e4fdcdcb02d7b950c9001c9f3de", + "width": 296, + "height": 44 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "38d8577650e61c2b459cf553b250bdd385dc4e4fdcdcb02d7b950c9001c9f3de" + } + }, + { + "theme": "dark", + "state": "unchecked", + "geometryAndStylesMatch": true, + "textGeometryToleranceCssPx": 1, + "referenceImage": { + "path": "tests/storybook/reference/ha-checkbox/dark-unchecked.png", + "sha256": "7488c107807464a5ec937f8823f68ad208c9c895679935d472d175d7fa38ca1e", + "width": 296, + "height": 44 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "7488c107807464a5ec937f8823f68ad208c9c895679935d472d175d7fa38ca1e" + } + }, + { + "theme": "dark", + "state": "checked", + "geometryAndStylesMatch": true, + "textGeometryToleranceCssPx": 1, + "referenceImage": { + "path": "tests/storybook/reference/ha-checkbox/dark-checked.png", + "sha256": "ab5851926a2867ac396f8227331612f43dbb013802ba4eb78afa6ceb851ba5b5", + "width": 296, + "height": 44 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "6fad550f85c1ae1c246edfcf679b105cfe26f4483b043721dba52644efe10b49" + } + }, + { + "theme": "dark", + "state": "mixed", + "geometryAndStylesMatch": true, + "textGeometryToleranceCssPx": 1, + "referenceImage": { + "path": "tests/storybook/reference/ha-checkbox/dark-mixed.png", + "sha256": "e4a3debcd62ca954efe68e7c55206678878fe92ad40ea009b55b235099034664", + "width": 296, + "height": 44 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "44588f987d7eacac083cb71d2a047bfe19073dd143cecaa0040beaafeba2d9d8" + } + }, + { + "theme": "dark", + "state": "disabled", + "geometryAndStylesMatch": true, + "textGeometryToleranceCssPx": 1, + "referenceImage": { + "path": "tests/storybook/reference/ha-checkbox/dark-disabled.png", + "sha256": "937281c31c83274765b3dc026ab6d482cbc3d12f66d172f8158376456dfdf421", + "width": 296, + "height": 44 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "dde3fa96612ac0c37d7d5f76882ef7415ffdfe77701ebdc87fee174734f6e135" + } + }, + { + "theme": "dark", + "state": "required", + "geometryAndStylesMatch": true, + "textGeometryToleranceCssPx": 1, + "referenceImage": { + "path": "tests/storybook/reference/ha-checkbox/dark-required.png", + "sha256": "9d87f0397175874e7274ca1894377beacd371c952f36954683a99b9c34de3413", + "width": 296, + "height": 44 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "e18efc74be4cf3ebdd0131378870a21444d3a1fafc5511ca1c34e603ac35a706" + } + }, + { + "theme": "dark", + "state": "hover", + "geometryAndStylesMatch": true, + "textGeometryToleranceCssPx": 1, + "referenceImage": { + "path": "tests/storybook/reference/ha-checkbox/dark-hover.png", + "sha256": "7ebf2711f5994c208a06b9b6d3dfc0be91da1c4bb1dc815dc0e44f790cfbfdd5", + "width": 296, + "height": 44 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "7ebf2711f5994c208a06b9b6d3dfc0be91da1c4bb1dc815dc0e44f790cfbfdd5" + } + }, + { + "theme": "dark", + "state": "focus", + "geometryAndStylesMatch": true, + "textGeometryToleranceCssPx": 1, + "referenceImage": { + "path": "tests/storybook/reference/ha-checkbox/dark-focus.png", + "sha256": "3d91ac873f034fffd1f1feea122e5b39a983a2d7688edd6a22a42bef10c79e48", + "width": 296, + "height": 44 + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "3d91ac873f034fffd1f1feea122e5b39a983a2d7688edd6a22a42bef10c79e48" + } + } + ] + }, + "visualReview": "Original HA and candidate images were inspected; inherited HA font smoothing was corrected. Eight states have identical entire raster pixels; checked/mixed/disabled and the required marker retain small subpixel raster differences. No all-pixel or full-UX equality is claimed. Sixteen installed-framework images form four byte-identity groups.", + "regressions": { + "staleEnter": "Both same-form reconnect tests reproduced a native stale submit before their connection guards. The first field attempt had a missing test import; the corrected tests independently reproduced both submits.", + "angularFixture": "Its general valueChanges subscription cleared mixed state on validator updates. Mixed state is now changed only by explicit app actions/accepted requests; shared runtime was not responsible for that fixture side effect.", + "staticCoordination": "Axe audits raced. The driver now waits for the public STORY_FINISHED event, verifies real automatic a11y reports passed, resets default rules and performs its own scan. No automatic audit or rule is disabled.", + "prebundling": "The new public event import initially caused Vite to reload test frames and invalidate suites. Both browser projects now prebundle their event dependencies; cold source validation passes.", + "referenceCapture": "Original captures could contain stale frames; the dark wrapper also failed its intended rectangle after cssText concatenation with inherited tokens. Its independent construction and actual rectangle are checked, and captures require at least three originals with two equal consecutive frames. No image editing was used." + }, + "automaticBrowserRestorationVerified": false + }, + "navigationVisual": { + "scope": "Text-only dashboard controls in the measured default themes; no icons/overflow or full app acceptance.", + "reference": "docs/evidence/ha-navigation-reference.json", + "sourceCases": 17, + "staticComparisons": 16, + "originalReferences": 16, + "localRasterInspection": { + "scope": "Local pinned macOS Chromium original samples only; no cross-platform raster or full UX acceptance", + "results": [ + { + "kind": "navigation", + "theme": "light", + "state": "resting", + "referenceSha256": "6824588f84379b7143ee8b590609cc9aeee1da13df71f53961a7504d7ef930e5", + "candidateSha256": "6824588f84379b7143ee8b590609cc9aeee1da13df71f53961a7504d7ef930e5", + "differentPixels": 0, + "totalPixels": 33600 + }, + { + "kind": "navigation", + "theme": "light", + "state": "hover", + "referenceSha256": "6824588f84379b7143ee8b590609cc9aeee1da13df71f53961a7504d7ef930e5", + "candidateSha256": "6824588f84379b7143ee8b590609cc9aeee1da13df71f53961a7504d7ef930e5", + "differentPixels": 0, + "totalPixels": 33600 + }, + { + "kind": "navigation", + "theme": "light", + "state": "focus", + "referenceSha256": "6ff49f4b7cc062f33921ce6da5281b51d3374ff34a408f6d65759b3de109131f", + "candidateSha256": "6ff49f4b7cc062f33921ce6da5281b51d3374ff34a408f6d65759b3de109131f", + "differentPixels": 0, + "totalPixels": 33600 + }, + { + "kind": "navigation", + "theme": "light", + "state": "disabled", + "referenceSha256": "5481d9420b59dd7337110b4f668aadcd6ccc01075c6b988ec9dcfb240bc6ea41", + "candidateSha256": "5481d9420b59dd7337110b4f668aadcd6ccc01075c6b988ec9dcfb240bc6ea41", + "differentPixels": 0, + "totalPixels": 33600 + }, + { + "kind": "navigation", + "theme": "dark", + "state": "resting", + "referenceSha256": "dd9bccce01e26563fadfc9c752ca3cae7f7082c0870be9c46f388d8c6b85c360", + "candidateSha256": "dd9bccce01e26563fadfc9c752ca3cae7f7082c0870be9c46f388d8c6b85c360", + "differentPixels": 0, + "totalPixels": 33600 + }, + { + "kind": "navigation", + "theme": "dark", + "state": "hover", + "referenceSha256": "dd9bccce01e26563fadfc9c752ca3cae7f7082c0870be9c46f388d8c6b85c360", + "candidateSha256": "dd9bccce01e26563fadfc9c752ca3cae7f7082c0870be9c46f388d8c6b85c360", + "differentPixels": 0, + "totalPixels": 33600 + }, + { + "kind": "navigation", + "theme": "dark", + "state": "focus", + "referenceSha256": "c6fa223e9c78b4d4f6d6c3faa6d21c1b8c18f4b35a921644521837148f29acfe", + "candidateSha256": "c6fa223e9c78b4d4f6d6c3faa6d21c1b8c18f4b35a921644521837148f29acfe", + "differentPixels": 0, + "totalPixels": 33600 + }, + { + "kind": "navigation", + "theme": "dark", + "state": "disabled", + "referenceSha256": "37a9e9d8a7d6b55c6534d0c97d28d75743cf524151a60b30c2b75bf59cf2a7d0", + "candidateSha256": "37a9e9d8a7d6b55c6534d0c97d28d75743cf524151a60b30c2b75bf59cf2a7d0", + "differentPixels": 0, + "totalPixels": 33600 + }, + { + "kind": "panels", + "theme": "light", + "state": "resting", + "referenceSha256": "6824588f84379b7143ee8b590609cc9aeee1da13df71f53961a7504d7ef930e5", + "candidateSha256": "6824588f84379b7143ee8b590609cc9aeee1da13df71f53961a7504d7ef930e5", + "differentPixels": 0, + "totalPixels": 33600 + }, + { + "kind": "panels", + "theme": "light", + "state": "hover", + "referenceSha256": "6824588f84379b7143ee8b590609cc9aeee1da13df71f53961a7504d7ef930e5", + "candidateSha256": "6824588f84379b7143ee8b590609cc9aeee1da13df71f53961a7504d7ef930e5", + "differentPixels": 0, + "totalPixels": 33600 + }, + { + "kind": "panels", + "theme": "light", + "state": "focus", + "referenceSha256": "6ff49f4b7cc062f33921ce6da5281b51d3374ff34a408f6d65759b3de109131f", + "candidateSha256": "6ff49f4b7cc062f33921ce6da5281b51d3374ff34a408f6d65759b3de109131f", + "differentPixels": 0, + "totalPixels": 33600 + }, + { + "kind": "panels", + "theme": "light", + "state": "disabled", + "referenceSha256": "5481d9420b59dd7337110b4f668aadcd6ccc01075c6b988ec9dcfb240bc6ea41", + "candidateSha256": "5481d9420b59dd7337110b4f668aadcd6ccc01075c6b988ec9dcfb240bc6ea41", + "differentPixels": 0, + "totalPixels": 33600 + }, + { + "kind": "panels", + "theme": "dark", + "state": "resting", + "referenceSha256": "dd9bccce01e26563fadfc9c752ca3cae7f7082c0870be9c46f388d8c6b85c360", + "candidateSha256": "dd9bccce01e26563fadfc9c752ca3cae7f7082c0870be9c46f388d8c6b85c360", + "differentPixels": 0, + "totalPixels": 33600 + }, + { + "kind": "panels", + "theme": "dark", + "state": "hover", + "referenceSha256": "dd9bccce01e26563fadfc9c752ca3cae7f7082c0870be9c46f388d8c6b85c360", + "candidateSha256": "dd9bccce01e26563fadfc9c752ca3cae7f7082c0870be9c46f388d8c6b85c360", + "differentPixels": 0, + "totalPixels": 33600 + }, + { + "kind": "panels", + "theme": "dark", + "state": "focus", + "referenceSha256": "c6fa223e9c78b4d4f6d6c3faa6d21c1b8c18f4b35a921644521837148f29acfe", + "candidateSha256": "c6fa223e9c78b4d4f6d6c3faa6d21c1b8c18f4b35a921644521837148f29acfe", + "differentPixels": 0, + "totalPixels": 33600 + }, + { + "kind": "panels", + "theme": "dark", + "state": "disabled", + "referenceSha256": "37a9e9d8a7d6b55c6534d0c97d28d75743cf524151a60b30c2b75bf59cf2a7d0", + "candidateSha256": "37a9e9d8a7d6b55c6534d0c97d28d75743cf524151a60b30c2b75bf59cf2a7d0", + "differentPixels": 0, + "totalPixels": 33600 + } + ] + }, + "regressions": [ + "The first16 state cases reproduced the old14px line height against HA22.4px.", + "A stricter label-position check reproduced eight native-button cases0.796875px below the reference; the shared flex layout corrects it.", + "The first original candidate captures retained a different bottom track row; the actual header border and clipping now match." + ], + "originalImagesInspected": true, + "referenceCollection": "Original public HA modules, identical recorded themes and verified fonts; eight original references each for macOS and Linux. Linux replay has no network. Recorded bootstrap exposure leaves component module functions unchanged.", + "copilotModified": false, + "chromeInteraction": { + "profile": "Efra", + "isolatedWindow": true, + "preview": "http://127.0.0.1:6008/ha-ui/", + "selectedOverview": true, + "scope": "Actual built catalog; agent observation, no owner or installed-app acceptance." + }, + "originalReferencesPerPlatform": 8, + "linuxRasterInspection": { + "scope": "Pinned Linux arm64 component-fixture samples; not whole-container source CI or unmeasured platform acceptance", + "results": [ + { + "platform": "linux", + "kind": "navigation", + "theme": "light", + "state": "resting", + "referenceSha256": "d623308759f009a183bb62ad73b9ab86208c2895a124f36feefcfcd2f2c252b7", + "candidateSha256": "d623308759f009a183bb62ad73b9ab86208c2895a124f36feefcfcd2f2c252b7", + "differentPixels": 0, + "totalPixels": 33600 + }, + { + "platform": "linux", + "kind": "navigation", + "theme": "light", + "state": "hover", + "referenceSha256": "d623308759f009a183bb62ad73b9ab86208c2895a124f36feefcfcd2f2c252b7", + "candidateSha256": "d623308759f009a183bb62ad73b9ab86208c2895a124f36feefcfcd2f2c252b7", + "differentPixels": 0, + "totalPixels": 33600 + }, + { + "platform": "linux", + "kind": "navigation", + "theme": "light", + "state": "focus", + "referenceSha256": "f9bca46b3c48762873df667d00c485d9fb117da1e92a6a92feeddb45d92b9053", + "candidateSha256": "f9bca46b3c48762873df667d00c485d9fb117da1e92a6a92feeddb45d92b9053", + "differentPixels": 0, + "totalPixels": 33600 + }, + { + "platform": "linux", + "kind": "navigation", + "theme": "light", + "state": "disabled", + "referenceSha256": "b2b5f04f8b3a288b45540e291bfc6b0cfec6e05e8a5b03a224ad79bdc31e15f8", + "candidateSha256": "b2b5f04f8b3a288b45540e291bfc6b0cfec6e05e8a5b03a224ad79bdc31e15f8", + "differentPixels": 0, + "totalPixels": 33600 + }, + { + "platform": "linux", + "kind": "navigation", + "theme": "dark", + "state": "resting", + "referenceSha256": "589e6dbe26fb2f96d06254b93e4a4be5436adc9a090a4935a087c5c6bf82180f", + "candidateSha256": "589e6dbe26fb2f96d06254b93e4a4be5436adc9a090a4935a087c5c6bf82180f", + "differentPixels": 0, + "totalPixels": 33600 + }, + { + "platform": "linux", + "kind": "navigation", + "theme": "dark", + "state": "hover", + "referenceSha256": "589e6dbe26fb2f96d06254b93e4a4be5436adc9a090a4935a087c5c6bf82180f", + "candidateSha256": "589e6dbe26fb2f96d06254b93e4a4be5436adc9a090a4935a087c5c6bf82180f", + "differentPixels": 0, + "totalPixels": 33600 + }, + { + "platform": "linux", + "kind": "navigation", + "theme": "dark", + "state": "focus", + "referenceSha256": "2d61675ff065506864e8ffb78ec0092c33cacad2c7a687728b984beceb08859c", + "candidateSha256": "2d61675ff065506864e8ffb78ec0092c33cacad2c7a687728b984beceb08859c", + "differentPixels": 0, + "totalPixels": 33600 + }, + { + "platform": "linux", + "kind": "navigation", + "theme": "dark", + "state": "disabled", + "referenceSha256": "e127f6ade3ee6af49fe08d1437814b48a0778726b833f10ff6ec017b6ccb7002", + "candidateSha256": "e127f6ade3ee6af49fe08d1437814b48a0778726b833f10ff6ec017b6ccb7002", + "differentPixels": 0, + "totalPixels": 33600 + }, + { + "platform": "linux", + "kind": "panels", + "theme": "light", + "state": "resting", + "referenceSha256": "d623308759f009a183bb62ad73b9ab86208c2895a124f36feefcfcd2f2c252b7", + "candidateSha256": "d623308759f009a183bb62ad73b9ab86208c2895a124f36feefcfcd2f2c252b7", + "differentPixels": 0, + "totalPixels": 33600 + }, + { + "platform": "linux", + "kind": "panels", + "theme": "light", + "state": "hover", + "referenceSha256": "d623308759f009a183bb62ad73b9ab86208c2895a124f36feefcfcd2f2c252b7", + "candidateSha256": "d623308759f009a183bb62ad73b9ab86208c2895a124f36feefcfcd2f2c252b7", + "differentPixels": 0, + "totalPixels": 33600 + }, + { + "platform": "linux", + "kind": "panels", + "theme": "light", + "state": "focus", + "referenceSha256": "f9bca46b3c48762873df667d00c485d9fb117da1e92a6a92feeddb45d92b9053", + "candidateSha256": "f9bca46b3c48762873df667d00c485d9fb117da1e92a6a92feeddb45d92b9053", + "differentPixels": 0, + "totalPixels": 33600 + }, + { + "platform": "linux", + "kind": "panels", + "theme": "light", + "state": "disabled", + "referenceSha256": "b2b5f04f8b3a288b45540e291bfc6b0cfec6e05e8a5b03a224ad79bdc31e15f8", + "candidateSha256": "b2b5f04f8b3a288b45540e291bfc6b0cfec6e05e8a5b03a224ad79bdc31e15f8", + "differentPixels": 0, + "totalPixels": 33600 + }, + { + "platform": "linux", + "kind": "panels", + "theme": "dark", + "state": "resting", + "referenceSha256": "589e6dbe26fb2f96d06254b93e4a4be5436adc9a090a4935a087c5c6bf82180f", + "candidateSha256": "589e6dbe26fb2f96d06254b93e4a4be5436adc9a090a4935a087c5c6bf82180f", + "differentPixels": 0, + "totalPixels": 33600 + }, + { + "platform": "linux", + "kind": "panels", + "theme": "dark", + "state": "hover", + "referenceSha256": "589e6dbe26fb2f96d06254b93e4a4be5436adc9a090a4935a087c5c6bf82180f", + "candidateSha256": "589e6dbe26fb2f96d06254b93e4a4be5436adc9a090a4935a087c5c6bf82180f", + "differentPixels": 0, + "totalPixels": 33600 + }, + { + "platform": "linux", + "kind": "panels", + "theme": "dark", + "state": "focus", + "referenceSha256": "2d61675ff065506864e8ffb78ec0092c33cacad2c7a687728b984beceb08859c", + "candidateSha256": "2d61675ff065506864e8ffb78ec0092c33cacad2c7a687728b984beceb08859c", + "differentPixels": 0, + "totalPixels": 33600 + }, + { + "platform": "linux", + "kind": "panels", + "theme": "dark", + "state": "disabled", + "referenceSha256": "e127f6ade3ee6af49fe08d1437814b48a0778726b833f10ff6ec017b6ccb7002", + "candidateSha256": "e127f6ade3ee6af49fe08d1437814b48a0778726b833f10ff6ec017b6ccb7002", + "differentPixels": 0, + "totalPixels": 33600 + } + ] + }, + "linuxCompiledCatalog": { + "browser": "156.0.8078.80", + "node": "v26.13.0", + "arch": "arm64", + "results": [ + { + "platform": "linux", + "kind": "navigation", + "theme": "light", + "state": "resting", + "typographyStateAndGeometryMatch": true, + "layoutToleranceCssPx": 1, + "textVerticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 91, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 59, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + }, + { + "geometry": { + "width": 69, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 37, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + }, + { + "geometry": { + "width": 92, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 60, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + } + ], + "referenceImage": { + "sha256": "d623308759f009a183bb62ad73b9ab86208c2895a124f36feefcfcd2f2c252b7", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation/linux/light-resting.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "d623308759f009a183bb62ad73b9ab86208c2895a124f36feefcfcd2f2c252b7" + } + }, + { + "platform": "linux", + "kind": "navigation", + "theme": "light", + "state": "hover", + "typographyStateAndGeometryMatch": true, + "layoutToleranceCssPx": 1, + "textVerticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 91, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 59, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + }, + { + "geometry": { + "width": 69, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 37, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + }, + { + "geometry": { + "width": 92, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 60, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + } + ], + "referenceImage": { + "sha256": "d623308759f009a183bb62ad73b9ab86208c2895a124f36feefcfcd2f2c252b7", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation/linux/light-hover.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "d623308759f009a183bb62ad73b9ab86208c2895a124f36feefcfcd2f2c252b7" + } + }, + { + "platform": "linux", + "kind": "navigation", + "theme": "light", + "state": "focus", + "typographyStateAndGeometryMatch": true, + "layoutToleranceCssPx": 1, + "textVerticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 91, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 59, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "-5px" + }, + "focusVisible": true + }, + { + "geometry": { + "width": 69, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 37, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + }, + { + "geometry": { + "width": 92, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 60, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + } + ], + "referenceImage": { + "sha256": "f9bca46b3c48762873df667d00c485d9fb117da1e92a6a92feeddb45d92b9053", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation/linux/light-focus.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "f9bca46b3c48762873df667d00c485d9fb117da1e92a6a92feeddb45d92b9053" + } + }, + { + "platform": "linux", + "kind": "navigation", + "theme": "light", + "state": "disabled", + "typographyStateAndGeometryMatch": true, + "layoutToleranceCssPx": 1, + "textVerticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 91, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 59, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + }, + { + "geometry": { + "width": 69, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 37, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "0.5", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + }, + { + "geometry": { + "width": 92, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 60, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + } + ], + "referenceImage": { + "sha256": "b2b5f04f8b3a288b45540e291bfc6b0cfec6e05e8a5b03a224ad79bdc31e15f8", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation/linux/light-disabled.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "b2b5f04f8b3a288b45540e291bfc6b0cfec6e05e8a5b03a224ad79bdc31e15f8" + } + }, + { + "platform": "linux", + "kind": "navigation", + "theme": "dark", + "state": "resting", + "typographyStateAndGeometryMatch": true, + "layoutToleranceCssPx": 1, + "textVerticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 91, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 59, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + }, + { + "geometry": { + "width": 69, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 37, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + }, + { + "geometry": { + "width": 92, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 60, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + } + ], + "referenceImage": { + "sha256": "589e6dbe26fb2f96d06254b93e4a4be5436adc9a090a4935a087c5c6bf82180f", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation/linux/dark-resting.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "589e6dbe26fb2f96d06254b93e4a4be5436adc9a090a4935a087c5c6bf82180f" + } + }, + { + "platform": "linux", + "kind": "navigation", + "theme": "dark", + "state": "hover", + "typographyStateAndGeometryMatch": true, + "layoutToleranceCssPx": 1, + "textVerticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 91, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 59, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + }, + { + "geometry": { + "width": 69, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 37, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + }, + { + "geometry": { + "width": 92, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 60, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + } + ], + "referenceImage": { + "sha256": "589e6dbe26fb2f96d06254b93e4a4be5436adc9a090a4935a087c5c6bf82180f", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation/linux/dark-hover.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "589e6dbe26fb2f96d06254b93e4a4be5436adc9a090a4935a087c5c6bf82180f" + } + }, + { + "platform": "linux", + "kind": "navigation", + "theme": "dark", + "state": "focus", + "typographyStateAndGeometryMatch": true, + "layoutToleranceCssPx": 1, + "textVerticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 91, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 59, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "-5px" + }, + "focusVisible": true + }, + { + "geometry": { + "width": 69, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 37, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + }, + { + "geometry": { + "width": 92, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 60, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + } + ], + "referenceImage": { + "sha256": "2d61675ff065506864e8ffb78ec0092c33cacad2c7a687728b984beceb08859c", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation/linux/dark-focus.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "2d61675ff065506864e8ffb78ec0092c33cacad2c7a687728b984beceb08859c" + } + }, + { + "platform": "linux", + "kind": "navigation", + "theme": "dark", + "state": "disabled", + "typographyStateAndGeometryMatch": true, + "layoutToleranceCssPx": 1, + "textVerticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 91, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 59, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + }, + { + "geometry": { + "width": 69, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 37, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "0.5", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + }, + { + "geometry": { + "width": 92, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 60, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + } + ], + "referenceImage": { + "sha256": "e127f6ade3ee6af49fe08d1437814b48a0778726b833f10ff6ec017b6ccb7002", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation/linux/dark-disabled.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "e127f6ade3ee6af49fe08d1437814b48a0778726b833f10ff6ec017b6ccb7002" + } + }, + { + "platform": "linux", + "kind": "panels", + "theme": "light", + "state": "resting", + "typographyStateAndGeometryMatch": true, + "layoutToleranceCssPx": 1, + "textVerticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 91, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 59, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + }, + { + "geometry": { + "width": 69, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 37, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + }, + { + "geometry": { + "width": 92, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 60, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + } + ], + "referenceImage": { + "sha256": "d623308759f009a183bb62ad73b9ab86208c2895a124f36feefcfcd2f2c252b7", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation/linux/light-resting.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "d623308759f009a183bb62ad73b9ab86208c2895a124f36feefcfcd2f2c252b7" + } + }, + { + "platform": "linux", + "kind": "panels", + "theme": "light", + "state": "hover", + "typographyStateAndGeometryMatch": true, + "layoutToleranceCssPx": 1, + "textVerticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 91, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 59, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + }, + { + "geometry": { + "width": 69, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 37, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + }, + { + "geometry": { + "width": 92, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 60, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + } + ], + "referenceImage": { + "sha256": "d623308759f009a183bb62ad73b9ab86208c2895a124f36feefcfcd2f2c252b7", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation/linux/light-hover.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "d623308759f009a183bb62ad73b9ab86208c2895a124f36feefcfcd2f2c252b7" + } + }, + { + "platform": "linux", + "kind": "panels", + "theme": "light", + "state": "focus", + "typographyStateAndGeometryMatch": true, + "layoutToleranceCssPx": 1, + "textVerticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 91, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 59, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "-5px" + }, + "focusVisible": true + }, + { + "geometry": { + "width": 69, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 37, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + }, + { + "geometry": { + "width": 92, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 60, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + } + ], + "referenceImage": { + "sha256": "f9bca46b3c48762873df667d00c485d9fb117da1e92a6a92feeddb45d92b9053", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation/linux/light-focus.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "f9bca46b3c48762873df667d00c485d9fb117da1e92a6a92feeddb45d92b9053" + } + }, + { + "platform": "linux", + "kind": "panels", + "theme": "light", + "state": "disabled", + "typographyStateAndGeometryMatch": true, + "layoutToleranceCssPx": 1, + "textVerticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 91, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 59, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + }, + { + "geometry": { + "width": 69, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 37, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "0.5", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + }, + { + "geometry": { + "width": 92, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 60, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(20, 20, 20)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(20, 20, 20)" + }, + "base": { + "opacity": "1", + "outline": "rgb(20, 20, 20) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + } + ], + "referenceImage": { + "sha256": "b2b5f04f8b3a288b45540e291bfc6b0cfec6e05e8a5b03a224ad79bdc31e15f8", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation/linux/light-disabled.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "b2b5f04f8b3a288b45540e291bfc6b0cfec6e05e8a5b03a224ad79bdc31e15f8" + } + }, + { + "platform": "linux", + "kind": "panels", + "theme": "dark", + "state": "resting", + "typographyStateAndGeometryMatch": true, + "layoutToleranceCssPx": 1, + "textVerticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 91, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 59, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + }, + { + "geometry": { + "width": 69, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 37, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + }, + { + "geometry": { + "width": 92, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 60, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + } + ], + "referenceImage": { + "sha256": "589e6dbe26fb2f96d06254b93e4a4be5436adc9a090a4935a087c5c6bf82180f", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation/linux/dark-resting.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "589e6dbe26fb2f96d06254b93e4a4be5436adc9a090a4935a087c5c6bf82180f" + } + }, + { + "platform": "linux", + "kind": "panels", + "theme": "dark", + "state": "hover", + "typographyStateAndGeometryMatch": true, + "layoutToleranceCssPx": 1, + "textVerticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 91, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 59, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + }, + { + "geometry": { + "width": 69, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 37, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + }, + { + "geometry": { + "width": 92, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 60, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + } + ], + "referenceImage": { + "sha256": "589e6dbe26fb2f96d06254b93e4a4be5436adc9a090a4935a087c5c6bf82180f", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation/linux/dark-hover.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "589e6dbe26fb2f96d06254b93e4a4be5436adc9a090a4935a087c5c6bf82180f" + } + }, + { + "platform": "linux", + "kind": "panels", + "theme": "dark", + "state": "focus", + "typographyStateAndGeometryMatch": true, + "layoutToleranceCssPx": 1, + "textVerticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 91, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 59, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "outline": "rgb(152, 152, 152) solid 2px", + "outlineOffset": "-5px" + }, + "focusVisible": true + }, + { + "geometry": { + "width": 69, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 37, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + }, + { + "geometry": { + "width": 92, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 60, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + } + ], + "referenceImage": { + "sha256": "2d61675ff065506864e8ffb78ec0092c33cacad2c7a687728b984beceb08859c", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation/linux/dark-focus.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "2d61675ff065506864e8ffb78ec0092c33cacad2c7a687728b984beceb08859c" + } + }, + { + "platform": "linux", + "kind": "panels", + "theme": "dark", + "state": "disabled", + "typographyStateAndGeometryMatch": true, + "layoutToleranceCssPx": 1, + "textVerticalToleranceCssPx": 0.1, + "actual": [ + { + "geometry": { + "width": 91, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 59, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "1", + "borderBottomWidth": "2px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + }, + { + "geometry": { + "width": 69, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 37, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "0.5", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + }, + { + "geometry": { + "width": 92, + "height": 56, + "textX": 16, + "textY": 21, + "textWidth": 60, + "textHeight": 16 + }, + "style": { + "fontFamily": "Roboto, Noto, sans-serif", + "fontSize": "14px", + "fontWeight": "500", + "lineHeight": "22.4px", + "color": "rgb(225, 225, 225)", + "opacity": "0.8", + "borderBottomWidth": "0px", + "borderBottomColor": "rgb(225, 225, 225)" + }, + "base": { + "opacity": "1", + "outline": "rgb(225, 225, 225) none 3px", + "outlineOffset": "0px" + }, + "focusVisible": false + } + ], + "referenceImage": { + "sha256": "e127f6ade3ee6af49fe08d1437814b48a0778726b833f10ff6ec017b6ccb7002", + "width": 600, + "height": 56, + "path": "tests/storybook/reference/ha-navigation/linux/dark-disabled.png" + }, + "raster": { + "frames": 3, + "twoConsecutiveEqual": true, + "sha256": "e127f6ade3ee6af49fe08d1437814b48a0778726b833f10ff6ec017b6ccb7002" + } + } + ], + "external": [], + "errors": [] + }, + "platformRegression": { + "ciRun": 41856741772, + "ciJob": 126667306923, + "head": "c81b559a4f435b5a96966b04092bd6050e933dc3", + "mergeCandidate": "86bb27c944610f97e986ac6f3381f230ab3f4491", + "observedFailure": "All16 state cases rejected the macOS Overview width: Linux91px versus macOS89.484375px.", + "independentReplay": "The actual HA original control and the built candidate both measure91px in Linux. The same verified medium font, both alone and with the regular face, gives59px label advance in Linux versus57.484375px in macOS.", + "correction": "Choose only an explicitly measured browser platform reference; retain all exact style/state assertions and existing subpixel geometry tolerances." + } + }, + "packageInputIdentities": { + "packages/angular/package.json": "97b3097ba39413738ba6c434a7eef19ceeaf28d37f73172809b9670f5dd5855e", + "packages/core/package.json": "97310f265f4ddd1df21b22f71b494b33fc2d8ec8cbfc9ec8d88db49f0f43b876", + "packages/react/package.json": "c841566365bb3ef7f93a55337af3ba8325cdb9d2c968fb3576ac229b52a58c67", + "packages/svelte/package.json": "e95023ed5d9b7d8567d22114803bdb1862feb4e4b43decfebf5d41fdac189182", + "packages/vue/package.json": "313b324d4d31bfbc03a082f65f2c92f03e38d346868e40b688b5c482fd51649e", + "packages/core/NOTICE": "af271f6ecc962645ea4c6f0cc9ddd8ed82db3082a55789e52b7d539db2b9c5b2", + "packages/core/LICENSES/Material-Design-Icons-7.4.47.txt": "3bae6305bcaa6d10219b999f65c342034c2d40b1c0e8567fa08605e73ccba829" + }, + "nativeFormReviewEvidence": { + "finding": "https://github.com/vypdev/ha-ui/pull/10#discussion_r4469512642", + "reviewHead": "c81b559a4f435b5a96966b04092bd6050e933dc3", + "reviewRun": 41856741827, + "reviewJob": 126667315493, + "sourceCasesAdded": 4, + "buttonCasesPassed": 29, + "fullSourceCasesPassed": 796, + "productionRuntimeChanged": false, + "manualFindingStateChange": false, + "nativeReassessmentRequired": true, + "compiledBrowserProof": { + "runtimeSourceUnchanged": true, + "results": [ + { + "engine": "chromium", + "browser": "156.0.8078.80", + "type": "submit", + "mode": "trusted", + "presses": 1, + "proxyClicks": 0, + "actions": 1, + "actualSubmitter": "true", + "value": "Edited" + }, + { + "engine": "chromium", + "browser": "156.0.8078.80", + "type": "submit", + "mode": "programmatic", + "presses": 0, + "proxyClicks": 0, + "actions": 1, + "actualSubmitter": "true", + "value": "Edited" + }, + { + "engine": "chromium", + "browser": "156.0.8078.80", + "type": "reset", + "mode": "trusted", + "presses": 1, + "proxyClicks": 0, + "actions": 1, + "actualSubmitter": null, + "value": "Initial" + }, + { + "engine": "chromium", + "browser": "156.0.8078.80", + "type": "reset", + "mode": "programmatic", + "presses": 0, + "proxyClicks": 0, + "actions": 1, + "actualSubmitter": null, + "value": "Initial" + }, + { + "engine": "firefox", + "browser": "157.0", + "type": "submit", + "mode": "trusted", + "presses": 1, + "proxyClicks": 0, + "actions": 1, + "actualSubmitter": "true", + "value": "Edited" + }, + { + "engine": "firefox", + "browser": "157.0", + "type": "submit", + "mode": "programmatic", + "presses": 0, + "proxyClicks": 0, + "actions": 1, + "actualSubmitter": "true", + "value": "Edited" + }, + { + "engine": "firefox", + "browser": "157.0", + "type": "reset", + "mode": "trusted", + "presses": 1, + "proxyClicks": 0, + "actions": 1, + "actualSubmitter": null, + "value": "Initial" + }, + { + "engine": "firefox", + "browser": "157.0", + "type": "reset", + "mode": "programmatic", + "presses": 0, + "proxyClicks": 0, + "actions": 1, + "actualSubmitter": null, + "value": "Initial" + }, + { + "engine": "webkit", + "browser": "27.2", + "type": "submit", + "mode": "trusted", + "presses": 1, + "proxyClicks": 0, + "actions": 1, + "actualSubmitter": "true", + "value": "Edited" + }, + { + "engine": "webkit", + "browser": "27.2", + "type": "submit", + "mode": "programmatic", + "presses": 0, + "proxyClicks": 0, + "actions": 1, + "actualSubmitter": "true", + "value": "Edited" + }, + { + "engine": "webkit", + "browser": "27.2", + "type": "reset", + "mode": "trusted", + "presses": 1, + "proxyClicks": 0, + "actions": 1, + "actualSubmitter": null, + "value": "Initial" + }, + { + "engine": "webkit", + "browser": "27.2", + "type": "reset", + "mode": "programmatic", + "presses": 0, + "proxyClicks": 0, + "actions": 1, + "actualSubmitter": null, + "value": "Initial" + } + ] + }, + "fixtureRuntimeMeaning": "The official container Node26 controls only these browser fixtures; this does not establish Node26 SDK support.", + "standards": [ + "https://html.spec.whatwg.org/multipage/forms.html#dom-form-requestsubmit", + "https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#resetting-a-form" + ] + }, + "navigationIcons": { + "scope": "Optional local 24-unit path data and label visibility in the existing renderer, both semantic modes and four bindings. No icon registry/network/framework-specific renderer. No full navigation/library/app acceptance.", + "reference": "docs/evidence/ha-navigation-icons-reference.json", + "originalReferenceStates": 48, + "originalReferenceStatesPerPlatform": 24, + "sourceBrowserCases": 52, + "compiledDirectJourneys": 6, + "compiledFrameworkBindings": [ + "react", + "vue", + "angular", + "svelte" + ], + "staticIconComparisonsPerPlatform": 48, + "staticTextRegressionComparisonsPerPlatform": 16, + "pixelEquality": { + "icons": 96, + "text": 32, + "allActualPngBytesEqual": true, + "evidence": "/private/tmp/ha-ui-navigation-icons/pixel-equality.json", + "scope": "Pinned measured local macOS/Linux Chromium; not all browsers or application UX." + }, + "staticMatrix": 96, + "storyCount": 56, + "docsCount": 6, + "readOnlyOriginalReferenceCollection": true, + "referenceGlyphs": "Original authored fixture paths, rendered by the original public HA ha-svg-icon modules. No external icon pack in core.", + "strictSourceValidation": { + "tests": 881, + "runtimeFiles": 49, + "executableFiles": 46, + "zeroExecutableFiles": 3, + "supportedMetrics": "100% globally and per file; independent filesystem inventory" + }, + "sourceRegression": { + "contracts": "Five new passing-input/default cases failed before contract implementation; malformed inputs were also retained.", + "renderer": "All 51 initial new browser cases failed before icon/label rendering; final 52 include real legacy-catalog rendering without the new control.", + "measurement": "The older text probe initially included the new span line box. Selecting its text contents preserves original glyph references and the 0.1px bound.", + "coverage": "The 100% per-file gate caught the missing legacy catalog input. A real DOM-rendered example now exercises that default; no threshold or inventory change.", + "static": "Initial structured comparison accidentally included private HA wrapper display/margin fields. Final comparison asserts path/fill plus all measured icon/label/content geometry, styles, opacity and focus with unchanged bounds." + }, + "chrome": { + "profile": "Efra", + "isolatedWindow": 1082196824, + "group": "HA UI comparison", + "storybook": "http://127.0.0.1:6008/ha-ui/?path=/story/navigation-household-sections--mixed", + "proof": "/private/tmp/ha-ui-navigation-icons/chrome-icons.png", + "observed": "Selected Family through its icon-only link, then switched real Storybook controls to icon-and-title. Actual HA dashboard upper icons observed read-only alongside it.", + "limitation": "HA showed a reconnect notification; this visual observation does not assert backend availability or live entity behavior." + }, + "copilotModified": false, + "capabilityComplete": false, + "recordedIncrement": "Historical icon increment; current aggregate source/package/catalog metrics are above." + }, + "navigationOverflow": { + "reference": "docs/evidence/ha-navigation-overflow-reference.json", + "tests": 982, + "sourceRuntimeFiles": 51, + "sourceBrowserOriginalGeometryCases": 40, + "originalStatesPerPlatform": 20, + "staticOverflowComparisonsPerPlatform": 40, + "staticAccessibilityMatrix": 112, + "storyCount": 58, + "docsCount": 6, + "pixelEquality": { + "overflow": 80, + "text": 32, + "icons": 96, + "allActualPngBytesEqual": true, + "scope": "Pinned measured macOS/Linux Chromium; not universal raster or installed-application acceptance." + }, + "realInstalledInputJourneys": [ + { + "kind": "navigation", + "rtl": false, + "realMousePan": true, + "nativeDragClickSuppressed": true, + "nextPointerAndKeyboardActivate": true, + "selectionControlled": true + }, + { + "kind": "navigation", + "rtl": true, + "realMousePan": true, + "nativeDragClickSuppressed": true, + "nextPointerAndKeyboardActivate": true, + "selectionControlled": true + }, + { + "kind": "panels", + "rtl": false, + "realMousePan": true, + "nativeDragClickSuppressed": true, + "nextPointerAndKeyboardActivate": true, + "selectionControlled": true + }, + { + "kind": "panels", + "rtl": true, + "realMousePan": true, + "nativeDragClickSuppressed": true, + "nextPointerAndKeyboardActivate": true, + "selectionControlled": true + } + ], + "fourCompiledFrameworks": { + "frameworks": [ + "react", + "vue", + "angular", + "svelte" + ], + "narrowPaging": true, + "localizedNames": [ + "en", + "es" + ], + "selectionIntentsUnchanged": true + }, + "accessibilityException": "Focused edge arrows remain aria-disabled until blur instead of removing focus as the original HA component does.", + "regressions": { + "initial": "The handoff records 66 failing tests and a strict TypeScript failure; all are resolved in current local validation.", + "focus": "A queued initial selected-item reveal could override later keyboard focus; current focus wins.", + "alphaComposition": "Painting the header in the scroller caused 1-channel inactive-text raster differences. A transparent scroller over the parent header surface matches the original HA painting. Original colors/opacities and all old reference expectations remain required.", + "rtlFixture": "The original fixture must declare dir on the original HA group as well as its wrapper. Earlier inherited-only initial-chevron captures remain diagnostic evidence. Component code is unchanged in the reference; all LTR captures stayed byte-identical." + }, + "chrome": { + "profile": "Efra", + "group": "HA UI comparison", + "url": "http://127.0.0.1:6008/ha-ui/?path=/story/navigation-household-sections--overflow", + "observed": "Actual Spanish compiled catalog paged without changing the active Summary section; focused edge retention observed. Actual HA dashboard header was observed alongside it.", + "proof": "/private/tmp/ha-ui-navigation-overflow/chrome-overflow.jpg", + "limits": "Direct HA observation did not exercise an overflowing header; the pinned original public component fixtures establish the overflow comparisons. No backend state was changed." + }, + "linuxReplay": { + "node": "v26.13.0", + "browser": "156.0.8078.80", + "text": 16, + "icons": 48, + "overflow": 40, + "network": "none", + "errors": [] + }, + "capabilityComplete": false, + "hostedValidation": "Fresh current-head CI and native review are required separately after publication." + }, + "buttonCalibration": { + "reference": "docs/evidence/ha-button-reference.json", + "sourcePresentationCases": 13, + "sourceOriginalGeometryCases": 80, + "originalStatesPerPlatform": 96, + "independentOriginalRepeatPairs": 192, + "compiledComparisonsPerPlatform": 96, + "all192CandidateReferencePngPairsByteIdentical": true, + "scope": "Pinned measured macOS/Linux Chromium, exact original public HA tokens/fonts and original fixture glyphs; no universal raster, complete family breadth or installed-app/human acceptance claim.", + "fullSourceTests": 1075, + "runtimeFiles": 51, + "coldDistFilesRestoredIdentically": 124, + "nativeHitArea": [ + { + "size": "small", + "nativeHeight": 44, + "visibleHeight": 32, + "outsidePaintClickExactlyOnce": true, + "keyboardExactlyOnce": true + }, + { + "size": "medium", + "nativeHeight": 44, + "visibleHeight": 40, + "outsidePaintClickExactlyOnce": true, + "keyboardExactlyOnce": true + } + ], + "fourCompiledBindings": [ + "react", + "vue", + "angular", + "svelte" + ], + "reducedMotion": "Without host theme tokens, real media emulation changes the ordinary 150ms transition to at most 1ms, matching HA's imperceptible reduced duration. Explicit host zero stays zero. Spinner animations stop.", + "paletteDifference": "Original HA light 14px brand accent 3.26:1, filled 2.85:1, warning accent 2.21:1, outlined 2.21:1 and neutral 4.29:1. Standalone fallbacks and explicit accessible catalog overrides pass contrast checks; exact reference palette parity does not establish its accessibility acceptance.", + "referenceHistoryRegression": "The original HA light primary focus raster changes by 44 gray antialias pixels when a document retains earlier component states. A fresh original focus capture exactly reproduces the candidate raster. Earlier captures and paint diagnostics are retained as evidence; fresh-document original campaigns agree independently. No production isolation/transform workaround or increased raster tolerance is used.", + "linuxReplay": { + "node": "v26.13.0", + "browser": "156.0.8078.80", + "text": 16, + "icons": 48, + "overflow": 40, + "buttons": 96, + "network": "none", + "errors": [] + }, + "chrome": { + "profile": "Efra", + "group": "HA UI comparison", + "url": "http://127.0.0.1:6009/ha-ui/?path=/story/buttons-actions--variants", + "proof": "/private/tmp/ha-ui-button-reference/chrome-buttons-final.jpg", + "originalDialog": "/private/tmp/ha-ui-button-reference/chrome-original-dialog.jpg", + "observed": "All eight compiled variants, exactly one additional native submit/request, and actual HA Cancel/disabled Create controls. Original dialog was canceled and the initial HA dashboard restored; no backend data changed." + }, + "capabilityComplete": false, + "hostedValidation": "Fresh current-head CI and complete native review remain required separately after publication." + }, + "fieldCalibration": { + "reference": "docs/evidence/ha-field-reference.json", + "sourcePresentationCases": 10, + "sourceOriginalGeometryCases": 44, + "nativeSourceCases": 14, + "originalStatesPerPlatform": 44, + "independentOriginalRepeatPairs": 88, + "all88CompiledCandidateReferencePngPairsByteIdentical": true, + "fullSourceTests": 1145, + "runtimeFiles": 51, + "coldDistFilesRestoredIdentically": 124, + "packedNativeDifferential": { + "nativeDifferential": true, + "realKeyboard": true, + "proxyAddsNoFormData": true, + "cases": [ + { + "mode": "single", + "first": "native", + "expected": 1, + "submissions": 1, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "single", + "first": "shared", + "expected": 1, + "submissions": 1, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "enabled-native", + "first": "native", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "enabled-native", + "first": "shared", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "enabled-shared", + "first": "native", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "enabled-shared", + "first": "shared", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "disabled-native", + "first": "native", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "disabled-native", + "first": "shared", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "disabled-shared", + "first": "native", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "disabled-shared", + "first": "shared", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "fieldset-native", + "first": "native", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "fieldset-native", + "first": "shared", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "fieldset-shared", + "first": "native", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "fieldset-shared", + "first": "shared", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "readonly-native", + "first": "native", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "readonly-native", + "first": "shared", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "readonly-shared", + "first": "native", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "readonly-shared", + "first": "shared", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "hidden-native", + "first": "native", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "hidden-native", + "first": "shared", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "hidden-shared", + "first": "native", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "hidden-shared", + "first": "shared", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "hidden-type", + "first": "native", + "expected": 1, + "submissions": 1, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "hidden-type", + "first": "shared", + "expected": 1, + "submissions": 1, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "external-disabled", + "first": "native", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "external-disabled", + "first": "shared", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + } + ] + }, + "packedReadonly": { + "cases": [ + { + "name": "required empty", + "value": "", + "readonly": { + "attribute": true, + "willValidate": false, + "storedInvalid": true, + "check": true, + "report": true, + "formCheck": true, + "formReport": true + }, + "editable": { + "willValidate": true, + "formCheck": false + }, + "afterReadonly": 1, + "afterEditable": 1, + "submissions": [ + [ + "" + ], + [ + "" + ] + ], + "entries": [ + [ + "readonlyValue", + "" + ] + ] + }, + { + "name": "too short", + "value": "x", + "readonly": { + "attribute": true, + "willValidate": false, + "storedInvalid": true, + "check": true, + "report": true, + "formCheck": true, + "formReport": true + }, + "editable": { + "willValidate": true, + "formCheck": false + }, + "afterReadonly": 1, + "afterEditable": 1, + "submissions": [ + [ + "x" + ], + [ + "x" + ] + ], + "entries": [ + [ + "readonlyValue", + "x" + ] + ] + }, + { + "name": "too long", + "value": "Long value", + "readonly": { + "attribute": true, + "willValidate": false, + "storedInvalid": true, + "check": true, + "report": true, + "formCheck": true, + "formReport": true + }, + "editable": { + "willValidate": true, + "formCheck": false + }, + "afterReadonly": 1, + "afterEditable": 1, + "submissions": [ + [ + "Long value" + ], + [ + "Long value" + ] + ], + "entries": [ + [ + "readonlyValue", + "Long value" + ] + ] + }, + { + "name": "state error", + "value": "Valid", + "readonly": { + "attribute": true, + "willValidate": false, + "storedInvalid": true, + "check": true, + "report": true, + "formCheck": true, + "formReport": true + }, + "editable": { + "willValidate": true, + "formCheck": false + }, + "afterReadonly": 1, + "afterEditable": 1, + "submissions": [ + [ + "Valid" + ], + [ + "Valid" + ] + ], + "entries": [ + [ + "readonlyValue", + "Valid" + ] + ] + }, + { + "name": "custom error", + "value": "Valid", + "readonly": { + "attribute": true, + "willValidate": false, + "storedInvalid": true, + "check": true, + "report": true, + "formCheck": true, + "formReport": true + }, + "editable": { + "willValidate": true, + "formCheck": false + }, + "afterReadonly": 1, + "afterEditable": 1, + "submissions": [ + [ + "Valid" + ], + [ + "Valid" + ] + ], + "entries": [ + [ + "readonlyValue", + "Valid" + ] + ] + } + ], + "readonlyValidationPolicyChanged": false, + "allNativeSubmissionsPassed": true + }, + "linuxVisual": { + "node": "v26.13.0", + "browser": "156.0.8078.80", + "text": 16, + "icons": 48, + "overflow": 40, + "buttons": 96, + "fields": 44, + "implicitSubmit": { + "nativeDifferential": true, + "realKeyboard": true, + "proxyAddsNoFormData": true, + "cases": [ + { + "mode": "single", + "first": "native", + "expected": 1, + "submissions": 1, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "single", + "first": "shared", + "expected": 1, + "submissions": 1, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "enabled-native", + "first": "native", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "enabled-native", + "first": "shared", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "enabled-shared", + "first": "native", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "enabled-shared", + "first": "shared", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "disabled-native", + "first": "native", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "disabled-native", + "first": "shared", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "disabled-shared", + "first": "native", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "disabled-shared", + "first": "shared", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "fieldset-native", + "first": "native", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "fieldset-native", + "first": "shared", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "fieldset-shared", + "first": "native", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "fieldset-shared", + "first": "shared", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "readonly-native", + "first": "native", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "readonly-native", + "first": "shared", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "readonly-shared", + "first": "native", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "readonly-shared", + "first": "shared", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "hidden-native", + "first": "native", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "hidden-native", + "first": "shared", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "hidden-shared", + "first": "native", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "hidden-shared", + "first": "shared", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "hidden-type", + "first": "native", + "expected": 1, + "submissions": 1, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "hidden-type", + "first": "shared", + "expected": 1, + "submissions": 1, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "external-disabled", + "first": "native", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "external-disabled", + "first": "shared", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + } + ] + }, + "network": "none", + "errors": [] + }, + "linuxNative": { + "node": "v26.13.0", + "network": "none", + "coreArchiveSha256": "8c0a8ee1dfec713a7f2fa1e707861d6bdaca83deaa2d247d150a3d8cc29f6cf3", + "scope": "Actual unpacked core archive compiled into an isolated entrypoint without Storybook; native/shared no-button implicit Enter only, not full cross-engine component acceptance", + "results": [ + { + "engine": "chromium", + "version": "156.0.8078.80", + "proof": { + "nativeDifferential": true, + "realKeyboard": true, + "proxyAddsNoFormData": true, + "cases": [ + { + "mode": "single", + "first": "native", + "expected": 1, + "submissions": 1, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "single", + "first": "shared", + "expected": 1, + "submissions": 1, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "enabled-native", + "first": "native", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "enabled-native", + "first": "shared", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "enabled-shared", + "first": "native", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "enabled-shared", + "first": "shared", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "disabled-native", + "first": "native", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "disabled-native", + "first": "shared", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "disabled-shared", + "first": "native", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "disabled-shared", + "first": "shared", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "fieldset-native", + "first": "native", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "fieldset-native", + "first": "shared", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "fieldset-shared", + "first": "native", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "fieldset-shared", + "first": "shared", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "readonly-native", + "first": "native", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "readonly-native", + "first": "shared", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "readonly-shared", + "first": "native", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "readonly-shared", + "first": "shared", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "hidden-native", + "first": "native", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "hidden-native", + "first": "shared", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "hidden-shared", + "first": "native", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "hidden-shared", + "first": "shared", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "hidden-type", + "first": "native", + "expected": 1, + "submissions": 1, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "hidden-type", + "first": "shared", + "expected": 1, + "submissions": 1, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "external-disabled", + "first": "native", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "external-disabled", + "first": "shared", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + } + ] + }, + "errors": [] + }, + { + "engine": "firefox", + "version": "157.0", + "proof": { + "nativeDifferential": true, + "realKeyboard": true, + "proxyAddsNoFormData": true, + "cases": [ + { + "mode": "single", + "first": "native", + "expected": 1, + "submissions": 1, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "single", + "first": "shared", + "expected": 1, + "submissions": 1, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "enabled-native", + "first": "native", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "enabled-native", + "first": "shared", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "enabled-shared", + "first": "native", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "enabled-shared", + "first": "shared", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "disabled-native", + "first": "native", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "disabled-native", + "first": "shared", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "disabled-shared", + "first": "native", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "disabled-shared", + "first": "shared", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "fieldset-native", + "first": "native", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "fieldset-native", + "first": "shared", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "fieldset-shared", + "first": "native", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "fieldset-shared", + "first": "shared", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "readonly-native", + "first": "native", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "readonly-native", + "first": "shared", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "readonly-shared", + "first": "native", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "readonly-shared", + "first": "shared", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "hidden-native", + "first": "native", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "hidden-native", + "first": "shared", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "hidden-shared", + "first": "native", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "hidden-shared", + "first": "shared", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "hidden-type", + "first": "native", + "expected": 1, + "submissions": 1, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "hidden-type", + "first": "shared", + "expected": 1, + "submissions": 1, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "external-disabled", + "first": "native", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "external-disabled", + "first": "shared", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + } + ] + }, + "errors": [] + }, + { + "engine": "webkit", + "version": "27.2", + "proof": { + "nativeDifferential": true, + "realKeyboard": true, + "proxyAddsNoFormData": true, + "cases": [ + { + "mode": "single", + "first": "native", + "expected": 1, + "submissions": 1, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "single", + "first": "shared", + "expected": 1, + "submissions": 1, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "enabled-native", + "first": "native", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "enabled-native", + "first": "shared", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "enabled-shared", + "first": "native", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "enabled-shared", + "first": "shared", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "disabled-native", + "first": "native", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "disabled-native", + "first": "shared", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "disabled-shared", + "first": "native", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "disabled-shared", + "first": "shared", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "fieldset-native", + "first": "native", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "fieldset-native", + "first": "shared", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "fieldset-shared", + "first": "native", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "fieldset-shared", + "first": "shared", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "readonly-native", + "first": "native", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "readonly-native", + "first": "shared", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "readonly-shared", + "first": "native", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "readonly-shared", + "first": "shared", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "hidden-native", + "first": "native", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "hidden-native", + "first": "shared", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "hidden-shared", + "first": "native", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "hidden-shared", + "first": "shared", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "hidden-type", + "first": "native", + "expected": 1, + "submissions": 1, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "hidden-type", + "first": "shared", + "expected": 1, + "submissions": 1, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "external-disabled", + "first": "native", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + }, + { + "mode": "external-disabled", + "first": "shared", + "expected": 0, + "submissions": 0, + "entries": [ + [ + "first", + "Kitchen" + ] + ] + } + ] + }, + "errors": [] + } + ] + }, + "palettes": [ + { + "theme": "light", + "mode": "resting", + "error": false, + "colors": { + "label": "rgb(94, 94, 94)", + "input": "rgb(20, 20, 20)", + "placeholder": "rgb(94, 94, 94)", + "surface": "rgb(243, 243, 243)", + "error": null, + "background": "rgb(255, 255, 255)" + }, + "ratios": { + "label": 5.843606286983642, + "input": 16.60255361379421, + "placeholder": 5.843606286983642, + "error": null + } + }, + { + "theme": "light", + "mode": "hover", + "error": false, + "colors": { + "label": "rgb(94, 94, 94)", + "input": "rgb(20, 20, 20)", + "placeholder": "rgb(94, 94, 94)", + "surface": "rgb(230, 230, 230)", + "error": null, + "background": "rgb(255, 255, 255)" + }, + "ratios": { + "label": 5.195364211916622, + "input": 14.760801572766, + "placeholder": 5.195364211916622, + "error": null + } + }, + { + "theme": "light", + "mode": "focus", + "error": false, + "colors": { + "label": "rgb(0, 99, 156)", + "input": "rgb(20, 20, 20)", + "placeholder": "rgb(94, 94, 94)", + "surface": "rgb(243, 243, 243)", + "error": null, + "background": "rgb(255, 255, 255)" + }, + "ratios": { + "label": 5.796805223332685, + "input": 16.60255361379421, + "placeholder": 5.843606286983642, + "error": null + } + }, + { + "theme": "light", + "mode": "focus-hover", + "error": false, + "colors": { + "label": "rgb(0, 99, 156)", + "input": "rgb(20, 20, 20)", + "placeholder": "rgb(94, 94, 94)", + "surface": "rgb(230, 230, 230)", + "error": null, + "background": "rgb(255, 255, 255)" + }, + "ratios": { + "label": 5.153754876990446, + "input": 14.760801572766, + "placeholder": 5.195364211916622, + "error": null + } + }, + { + "theme": "light", + "mode": "resting", + "error": true, + "colors": { + "label": "rgb(179, 38, 30)", + "input": "rgb(20, 20, 20)", + "placeholder": "rgb(94, 94, 94)", + "surface": "rgb(243, 243, 243)", + "error": "rgb(179, 38, 30)", + "background": "rgb(255, 255, 255)" + }, + "ratios": { + "label": 5.890742100034427, + "input": 16.60255361379421, + "placeholder": 5.843606286983642, + "error": 6.536488984854359 + } + }, + { + "theme": "light", + "mode": "hover", + "error": true, + "colors": { + "label": "rgb(179, 38, 30)", + "input": "rgb(20, 20, 20)", + "placeholder": "rgb(94, 94, 94)", + "surface": "rgb(230, 230, 230)", + "error": "rgb(179, 38, 30)", + "background": "rgb(255, 255, 255)" + }, + "ratios": { + "label": 5.237271161871331, + "input": 14.760801572766, + "placeholder": 5.195364211916622, + "error": 6.536488984854359 + } + }, + { + "theme": "light", + "mode": "focus", + "error": true, + "colors": { + "label": "rgb(179, 38, 30)", + "input": "rgb(20, 20, 20)", + "placeholder": "rgb(94, 94, 94)", + "surface": "rgb(243, 243, 243)", + "error": "rgb(179, 38, 30)", + "background": "rgb(255, 255, 255)" + }, + "ratios": { + "label": 5.890742100034427, + "input": 16.60255361379421, + "placeholder": 5.843606286983642, + "error": 6.536488984854359 + } + }, + { + "theme": "light", + "mode": "focus-hover", + "error": true, + "colors": { + "label": "rgb(179, 38, 30)", + "input": "rgb(20, 20, 20)", + "placeholder": "rgb(94, 94, 94)", + "surface": "rgb(230, 230, 230)", + "error": "rgb(179, 38, 30)", + "background": "rgb(255, 255, 255)" + }, + "ratios": { + "label": 5.237271161871331, + "input": 14.760801572766, + "placeholder": 5.195364211916622, + "error": 6.536488984854359 + } + }, + { + "theme": "dark", + "mode": "resting", + "error": false, + "colors": { + "label": "rgb(204, 204, 204)", + "input": "rgb(225, 225, 225)", + "placeholder": "rgb(204, 204, 204)", + "surface": "rgb(54, 54, 54)", + "error": null, + "background": "rgb(28, 28, 28)" + }, + "ratios": { + "label": 7.524818442712351, + "input": 9.240963236267774, + "placeholder": 7.524818442712351, + "error": null + } + }, + { + "theme": "dark", + "mode": "hover", + "error": false, + "colors": { + "label": "rgb(204, 204, 204)", + "input": "rgb(225, 225, 225)", + "placeholder": "rgb(204, 204, 204)", + "surface": "rgb(74, 74, 74)", + "error": null, + "background": "rgb(28, 28, 28)" + }, + "ratios": { + "label": 5.518546916398377, + "input": 6.777132174058719, + "placeholder": 5.518546916398377, + "error": null + } + }, + { + "theme": "dark", + "mode": "focus", + "error": false, + "colors": { + "label": "rgb(144, 202, 249)", + "input": "rgb(225, 225, 225)", + "placeholder": "rgb(204, 204, 204)", + "surface": "rgb(54, 54, 54)", + "error": null, + "background": "rgb(28, 28, 28)" + }, + "ratios": { + "label": 6.9064661431581476, + "input": 9.240963236267774, + "placeholder": 7.524818442712351, + "error": null + } + }, + { + "theme": "dark", + "mode": "focus-hover", + "error": false, + "colors": { + "label": "rgb(144, 202, 249)", + "input": "rgb(225, 225, 225)", + "placeholder": "rgb(204, 204, 204)", + "surface": "rgb(74, 74, 74)", + "error": null, + "background": "rgb(28, 28, 28)" + }, + "ratios": { + "label": 5.065060071242991, + "input": 6.777132174058719, + "placeholder": 5.518546916398377, + "error": null + } + }, + { + "theme": "dark", + "mode": "resting", + "error": true, + "colors": { + "label": "rgb(255, 180, 171)", + "input": "rgb(225, 225, 225)", + "placeholder": "rgb(204, 204, 204)", + "surface": "rgb(54, 54, 54)", + "error": "rgb(255, 180, 171)", + "background": "rgb(28, 28, 28)" + }, + "ratios": { + "label": 7.11741073540156, + "input": 9.240963236267774, + "placeholder": 7.524818442712351, + "error": 10.037418783778552 + } + }, + { + "theme": "dark", + "mode": "hover", + "error": true, + "colors": { + "label": "rgb(255, 180, 171)", + "input": "rgb(225, 225, 225)", + "placeholder": "rgb(204, 204, 204)", + "surface": "rgb(74, 74, 74)", + "error": "rgb(255, 180, 171)", + "background": "rgb(28, 28, 28)" + }, + "ratios": { + "label": 5.219762492028067, + "input": 6.777132174058719, + "placeholder": 5.518546916398377, + "error": 10.037418783778552 + } + }, + { + "theme": "dark", + "mode": "focus", + "error": true, + "colors": { + "label": "rgb(255, 180, 171)", + "input": "rgb(225, 225, 225)", + "placeholder": "rgb(204, 204, 204)", + "surface": "rgb(54, 54, 54)", + "error": "rgb(255, 180, 171)", + "background": "rgb(28, 28, 28)" + }, + "ratios": { + "label": 7.11741073540156, + "input": 9.240963236267774, + "placeholder": 7.524818442712351, + "error": 10.037418783778552 + } + }, + { + "theme": "dark", + "mode": "focus-hover", + "error": true, + "colors": { + "label": "rgb(255, 180, 171)", + "input": "rgb(225, 225, 225)", + "placeholder": "rgb(204, 204, 204)", + "surface": "rgb(74, 74, 74)", + "error": "rgb(255, 180, 171)", + "background": "rgb(28, 28, 28)" + }, + "ratios": { + "label": 5.219762492028067, + "input": 6.777132174058719, + "placeholder": 5.518546916398377, + "error": 10.037418783778552 + } + } + ], + "motion": { + "ordinary": [ + 0.25, + 0.25, + 0.25, + 0.25, + 0.25, + 0.25 + ], + "reduced": [ + 0.001, + 0.001, + 0.001 + ], + "explicitZeroPreserved": true + }, + "fourCompiledBindings": [ + "react", + "vue", + "angular", + "svelte" + ], + "requiredMarker": "Explicit public --wa-form-control-required-content:none fixture mapping retains the HA wrapper marker and native required constraint; live HA uses its public label slot. Images/component functions remain unmodified.", + "nativeRule": "HTML no-button blockers include disabled, readonly and hidden text inputs. One disabled unnamed light-DOM proxy enables native-first interoperability; the shared algorithm skips tracked proxies and counts each owner once. It contributes no current value, form data, validation or tab stop.", + "copilotFinding": "https://github.com/vypdev/copilot/issues/890 reports the separate false disabled-exclusion premise. Native reassessment remains required; no manual finding dismissal/resolution.", + "chrome": { + "url": "http://127.0.0.1:6010/ha-ui/?path=/story/forms-text-field--spanish-dark-narrow", + "screenshot": "/private/tmp/ha-ui-field-reference/chrome-fields-final.png", + "actualOriginal": { + "base": { + "background": "rgb(54, 54, 54)", + "borderRadius": "4px 4px 0px 0px", + "font": "14px / 16.8px Roboto, Noto, sans-serif", + "height": 56, + "padding": "0px 16px" + }, + "host": "WA-INPUT", + "label": null, + "native": { + "background": "rgba(118, 118, 118, 0)", + "borderRadius": "0px", + "font": "14px / 16.8px Roboto, Noto, sans-serif", + "height": 56, + "padding": "12px 0px 0px" + }, + "required": true + }, + "observed": "Actual original and compiled fields have56px painted/native height,14px/16.8px Roboto,12px top input padding and4px top corners. Shared focus raises the label to10px and shows one required marker. Original Create area dialog canceled, dashboard restored, no backend mutation." + }, + "knownCrossEngineLimitation": "The prior default Storybook reset/Lit-marker failure is resolved by catalogFormReset in this candidate. Full component/framework/browser support remains pending.", + "scopeComplete": false + }, + "catalogFormReset": { + "recordedAtUTC": "2026-11-04T22:02:38.369254+00:00", + "priorFieldAcceptanceAtUTC": "2026-11-04T21:49:50.516771+00:00", + "reproducer": [ + { + "engine": "chromium", + "version": "156.0.8078.80", + "kind": "output", + "result": { + "passed": true, + "text": "Reset draft" + }, + "errors": [] + }, + { + "engine": "chromium", + "version": "156.0.8078.80", + "kind": "status", + "result": { + "passed": true, + "text": "Reset draft" + }, + "errors": [] + }, + { + "engine": "firefox", + "version": "157.0", + "kind": "output", + "result": { + "passed": false, + "message": "can't access property \"data\", this._$AA.nextSibling is null" + }, + "errors": [] + }, + { + "engine": "firefox", + "version": "157.0", + "kind": "status", + "result": { + "passed": true, + "text": "Reset draft" + }, + "errors": [] + }, + { + "engine": "webkit", + "version": "27.2", + "kind": "output", + "result": { + "passed": false, + "message": "null is not an object (evaluating 'this._$AA.nextSibling.data=e')" + }, + "errors": [] + }, + { + "engine": "webkit", + "version": "27.2", + "kind": "status", + "result": { + "passed": true, + "text": "Reset draft" + }, + "errors": [] + } + ], + "fix": "Four catalog examples use non-resettable role=status divs, retaining polite announcements and observable request/submission/reset metadata. Production package files are unchanged from5517469.", + "compiledJourneys": { + "node": "v26.13.0", + "network": "none", + "scope": "Four actual compiled Storybook form journeys in three engines; automatic accessibility completion plus real native reset and subsequent model/status updates. Full component/browser matrix remains pending.", + "results": [ + { + "engine": "chromium", + "version": "156.0.8078.80", + "proof": [ + { + "story": "forms-text-field--default", + "automatic": { + "storyId": "forms-text-field--default", + "status": "success", + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + }, + "nativeResetThenUpdate": true, + "text": "Example submitted: After reset" + }, + { + "story": "forms-select--default", + "automatic": { + "storyId": "forms-select--default", + "status": "success", + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + }, + "nativeResetThenUpdate": true, + "text": "Saved: [[\"category\",\"1\"]]" + }, + { + "story": "forms-checkbox--default", + "automatic": { + "storyId": "forms-checkbox--default", + "status": "success", + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + }, + "nativeResetThenUpdate": true, + "text": "Saved: [[\"notify\",\"on\"]]" + }, + { + "story": "buttons-actions--reset", + "automatic": { + "storyId": "buttons-actions--reset", + "status": "success", + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + }, + "nativeResetThenUpdate": true, + "text": "Requests: 3; Example submitted: 0; Resets: 3. " + } + ], + "errors": [] + }, + { + "engine": "firefox", + "version": "157.0", + "proof": [ + { + "story": "forms-text-field--default", + "automatic": { + "storyId": "forms-text-field--default", + "status": "success", + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + }, + "nativeResetThenUpdate": true, + "text": "Example submitted: After reset" + }, + { + "story": "forms-select--default", + "automatic": { + "storyId": "forms-select--default", + "status": "success", + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + }, + "nativeResetThenUpdate": true, + "text": "Saved: [[\"category\",\"1\"]]" + }, + { + "story": "forms-checkbox--default", + "automatic": { + "storyId": "forms-checkbox--default", + "status": "success", + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + }, + "nativeResetThenUpdate": true, + "text": "Saved: [[\"notify\",\"on\"]]" + }, + { + "story": "buttons-actions--reset", + "automatic": { + "storyId": "buttons-actions--reset", + "status": "success", + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + }, + "nativeResetThenUpdate": true, + "text": "Requests: 3; Example submitted: 0; Resets: 3. " + } + ], + "errors": [] + }, + { + "engine": "webkit", + "version": "27.2", + "proof": [ + { + "story": "forms-text-field--default", + "automatic": { + "storyId": "forms-text-field--default", + "status": "success", + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + }, + "nativeResetThenUpdate": true, + "text": "Example submitted: After reset" + }, + { + "story": "forms-select--default", + "automatic": { + "storyId": "forms-select--default", + "status": "success", + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + }, + "nativeResetThenUpdate": true, + "text": "Saved: [[\"category\",\"1\"]]" + }, + { + "story": "forms-checkbox--default", + "automatic": { + "storyId": "forms-checkbox--default", + "status": "success", + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + }, + "nativeResetThenUpdate": true, + "text": "Saved: [[\"notify\",\"on\"]]" + }, + { + "story": "buttons-actions--reset", + "automatic": { + "storyId": "buttons-actions--reset", + "status": "success", + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + }, + "nativeResetThenUpdate": true, + "text": "Requests: 3; Example submitted: 0; Resets: 3. " + } + ], + "errors": [] + } + ] + }, + "staticChromeJourneys": [ + { + "story": "forms-text-field--default", + "automatic": { + "storyId": "forms-text-field--default", + "status": "success", + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + }, + "nativeResetThenUpdate": true, + "text": "Example submitted: After reset" + }, + { + "story": "forms-select--default", + "automatic": { + "storyId": "forms-select--default", + "status": "success", + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + }, + "nativeResetThenUpdate": true, + "text": "Saved: [[\"category\",\"1\"]]" + }, + { + "story": "forms-checkbox--default", + "automatic": { + "storyId": "forms-checkbox--default", + "status": "success", + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + }, + "nativeResetThenUpdate": true, + "text": "Saved: [[\"notify\",\"on\"]]" + }, + { + "story": "buttons-actions--reset", + "automatic": { + "storyId": "buttons-actions--reset", + "status": "success", + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + }, + "nativeResetThenUpdate": true, + "text": "Requests: 3; Example submitted: 0; Resets: 3. " + } + ], + "chrome": "Real Chrome edit Before reset -> Reset draft -> controlled Kitchen -> edit After reset -> submit -> Example submitted: After reset. Screenshot /private/tmp/ha-ui-form-status/chrome-reset-final.png.", + "unchangedPackedCohort": { + "scope": "Unpublished navigation, text-field, button, checkbox and typed-select preview with four framework bindings; no registry publication or full capability acceptance", + "cohort": [ + { + "coordinate": "@vypdev/ha-ui", + "version": "0.1.0-next.1", + "sha256": "8c0a8ee1dfec713a7f2fa1e707861d6bdaca83deaa2d247d150a3d8cc29f6cf3", + "bytes": 108649 + }, + { + "coordinate": "@vypdev/ha-ui-angular", + "version": "0.1.0-next.1", + "sha256": "cd072396d71f9d3c46596b5e1498b71bc05f70e954371c229ae494da45effa85", + "bytes": 10097 + }, + { + "coordinate": "@vypdev/ha-ui-react", + "version": "0.1.0-next.1", + "sha256": "f52ee057d281272bc360bff435678ae871ca3ce4b509eb23b2ebe4610c98cea7", + "bytes": 7467 + }, + { + "coordinate": "@vypdev/ha-ui-svelte", + "version": "0.1.0-next.1", + "sha256": "ab634e99415376b8f8c021808454f6e45519572640c6b5c08349310d41a47aba", + "bytes": 4403 + }, + { + "coordinate": "@vypdev/ha-ui-vue", + "version": "0.1.0-next.1", + "sha256": "23e36ee7c64f6a5778746ed324fa231b658aabbfa14e4f8d4aabf14a15b184c0", + "bytes": 7908 + } + ], + "reproducible": true, + "sourceLockSha256": "31ba0c22064513fb8b94f469bf10f075bbd20f5ced92901cd13f951f1a207f92" + }, + "sourceTests": 1145, + "runtimeFiles": 51, + "coverage": { + "lines": { + "total": 855, + "covered": 855, + "skipped": 0, + "pct": 100 + }, + "statements": { + "total": 1919, + "covered": 1919, + "skipped": 0, + "pct": 100 + }, + "functions": { + "total": 497, + "covered": 497, + "skipped": 0, + "pct": 100 + }, + "branches": { + "total": 1232, + "covered": 1232, + "skipped": 0, + "pct": 100 + }, + "branchesTrue": { + "total": 0, + "covered": 0, + "skipped": 0, + "pct": 100 + } + }, + "fullBrowserMatrixComplete": false + }, + "pointerReview": { + "recordedAtUTC": "2026-11-04T22:12:32.682218+00:00", + "analyzedHead": "55174696e97a4c8b424c7f57d7da7a61e4b157fd", + "analyzedCI": "https://github.com/vypdev/ha-ui/actions/runs/41920064920", + "nativeRun": "https://github.com/vypdev/ha-ui/actions/runs/41920064818", + "nativeOpenFindingsAtThatHead": 2, + "sourceCasesAdded": 4, + "sourceGutterCasesStrengthened": 3, + "localSourceTests": 1149, + "runtimeFiles": 51, + "coverage": { + "lines": { + "total": 855, + "covered": 855, + "skipped": 0, + "pct": 100 + }, + "statements": { + "total": 1919, + "covered": 1919, + "skipped": 0, + "pct": 100 + }, + "functions": { + "total": 497, + "covered": 497, + "skipped": 0, + "pct": 100 + }, + "branches": { + "total": 1232, + "covered": 1232, + "skipped": 0, + "pct": 100 + }, + "branchesTrue": { + "total": 0, + "covered": 0, + "skipped": 0, + "pct": 100 + } + }, + "compiledCounterexamples": { + "coreArchiveSha256": "8c0a8ee1dfec713a7f2fa1e707861d6bdaca83deaa2d247d150a3d8cc29f6cf3", + "network": "none", + "scope": "Nine painted-gutter clicks and12navigation gesture journeys against the actual core archive; no production fix is applied for the reviewed claims", + "results": [ + { + "engine": "chromium", + "version": "156.0.8078.80", + "fields": [ + { + "mode": "enabled", + "geometry": { + "control": { + "x": 32, + "y": 32, + "width": 320, + "height": 56 + }, + "input": { + "x": 48, + "y": 32, + "width": 288, + "height": 56 + } + }, + "point": { + "x": 36, + "y": 36 + }, + "actual": { + "target": { + "tag": "div", + "part": "control", + "id": "", + "path": [ + { + "tag": "div", + "part": "control" + }, + { + "tag": "div", + "part": "field" + }, + { + "tag": "vyp-ha-field", + "part": null + }, + { + "tag": "body", + "part": null + }, + { + "tag": "html", + "part": null + } + ] + }, + "focused": true, + "requests": 0 + } + }, + { + "mode": "readonly", + "geometry": { + "control": { + "x": 32, + "y": 32, + "width": 320, + "height": 56 + }, + "input": { + "x": 48, + "y": 32, + "width": 288, + "height": 56 + } + }, + "point": { + "x": 36, + "y": 36 + }, + "actual": { + "target": { + "tag": "div", + "part": "control", + "id": "", + "path": [ + { + "tag": "div", + "part": "control" + }, + { + "tag": "div", + "part": "field" + }, + { + "tag": "vyp-ha-field", + "part": null + }, + { + "tag": "body", + "part": null + }, + { + "tag": "html", + "part": null + } + ] + }, + "focused": true, + "requests": 0 + } + }, + { + "mode": "disabled", + "geometry": { + "control": { + "x": 32, + "y": 32, + "width": 320, + "height": 56 + }, + "input": { + "x": 48, + "y": 32, + "width": 288, + "height": 56 + } + }, + "point": { + "x": 36, + "y": 36 + }, + "actual": { + "target": { + "tag": "div", + "part": "control", + "id": "", + "path": [ + { + "tag": "div", + "part": "control" + }, + { + "tag": "div", + "part": "field" + } + ] + }, + "focused": false, + "requests": 0 + } + } + ], + "navigation": [ + { + "kind": "navigation", + "rtl": false, + "realMousePan": true, + "nativeDragClickSuppressed": true, + "nextPointerAndKeyboardActivate": true, + "outsideReleaseThenPointerAndKeyboardActivate": true, + "selectionControlled": true + }, + { + "kind": "navigation", + "rtl": true, + "realMousePan": true, + "nativeDragClickSuppressed": true, + "nextPointerAndKeyboardActivate": true, + "outsideReleaseThenPointerAndKeyboardActivate": true, + "selectionControlled": true + }, + { + "kind": "panels", + "rtl": false, + "realMousePan": true, + "nativeDragClickSuppressed": true, + "nextPointerAndKeyboardActivate": true, + "outsideReleaseThenPointerAndKeyboardActivate": true, + "selectionControlled": true + }, + { + "kind": "panels", + "rtl": true, + "realMousePan": true, + "nativeDragClickSuppressed": true, + "nextPointerAndKeyboardActivate": true, + "outsideReleaseThenPointerAndKeyboardActivate": true, + "selectionControlled": true + } + ], + "errors": [] + }, + { + "engine": "firefox", + "version": "157.0", + "fields": [ + { + "mode": "enabled", + "geometry": { + "control": { + "x": 32, + "y": 32, + "width": 320, + "height": 56 + }, + "input": { + "x": 48, + "y": 32, + "width": 288, + "height": 56 + } + }, + "point": { + "x": 36, + "y": 36 + }, + "actual": { + "target": { + "tag": "div", + "part": "control", + "id": "", + "path": [ + { + "tag": "div", + "part": "control" + }, + { + "tag": "div", + "part": "field" + }, + { + "tag": "vyp-ha-field", + "part": null + }, + { + "tag": "body", + "part": null + }, + { + "tag": "html", + "part": null + } + ] + }, + "focused": true, + "requests": 0 + } + }, + { + "mode": "readonly", + "geometry": { + "control": { + "x": 32, + "y": 32, + "width": 320, + "height": 56 + }, + "input": { + "x": 48, + "y": 32, + "width": 288, + "height": 56 + } + }, + "point": { + "x": 36, + "y": 36 + }, + "actual": { + "target": { + "tag": "div", + "part": "control", + "id": "", + "path": [ + { + "tag": "div", + "part": "control" + }, + { + "tag": "div", + "part": "field" + }, + { + "tag": "vyp-ha-field", + "part": null + }, + { + "tag": "body", + "part": null + }, + { + "tag": "html", + "part": null + } + ] + }, + "focused": true, + "requests": 0 + } + }, + { + "mode": "disabled", + "geometry": { + "control": { + "x": 32, + "y": 32, + "width": 320, + "height": 56 + }, + "input": { + "x": 48, + "y": 32, + "width": 288, + "height": 56 + } + }, + "point": { + "x": 36, + "y": 36 + }, + "actual": { + "target": { + "tag": "vyp-ha-field", + "part": null, + "id": "gutter-proof", + "path": [ + { + "tag": "div", + "part": "control" + }, + { + "tag": "div", + "part": "field" + } + ] + }, + "focused": false, + "requests": 0 + } + } + ], + "navigation": [ + { + "kind": "navigation", + "rtl": false, + "realMousePan": true, + "nativeDragClickSuppressed": true, + "nextPointerAndKeyboardActivate": true, + "outsideReleaseThenPointerAndKeyboardActivate": true, + "selectionControlled": true + }, + { + "kind": "navigation", + "rtl": true, + "realMousePan": true, + "nativeDragClickSuppressed": true, + "nextPointerAndKeyboardActivate": true, + "outsideReleaseThenPointerAndKeyboardActivate": true, + "selectionControlled": true + }, + { + "kind": "panels", + "rtl": false, + "realMousePan": true, + "nativeDragClickSuppressed": true, + "nextPointerAndKeyboardActivate": true, + "outsideReleaseThenPointerAndKeyboardActivate": true, + "selectionControlled": true + }, + { + "kind": "panels", + "rtl": true, + "realMousePan": true, + "nativeDragClickSuppressed": true, + "nextPointerAndKeyboardActivate": true, + "outsideReleaseThenPointerAndKeyboardActivate": true, + "selectionControlled": true + } + ], + "errors": [] + }, + { + "engine": "webkit", + "version": "27.2", + "fields": [ + { + "mode": "enabled", + "geometry": { + "control": { + "x": 32, + "y": 32, + "width": 320, + "height": 56 + }, + "input": { + "x": 48, + "y": 32, + "width": 288, + "height": 56 + } + }, + "point": { + "x": 36, + "y": 36 + }, + "actual": { + "target": { + "tag": "div", + "part": "control", + "id": "", + "path": [ + { + "tag": "div", + "part": "control" + }, + { + "tag": "div", + "part": "field" + }, + { + "tag": "vyp-ha-field", + "part": null + }, + { + "tag": "body", + "part": null + }, + { + "tag": "html", + "part": null + } + ] + }, + "focused": true, + "requests": 0 + } + }, + { + "mode": "readonly", + "geometry": { + "control": { + "x": 32, + "y": 32, + "width": 320, + "height": 56 + }, + "input": { + "x": 48, + "y": 32, + "width": 288, + "height": 56 + } + }, + "point": { + "x": 36, + "y": 36 + }, + "actual": { + "target": { + "tag": "div", + "part": "control", + "id": "", + "path": [ + { + "tag": "div", + "part": "control" + }, + { + "tag": "div", + "part": "field" + }, + { + "tag": "vyp-ha-field", + "part": null + }, + { + "tag": "body", + "part": null + }, + { + "tag": "html", + "part": null + } + ] + }, + "focused": true, + "requests": 0 + } + }, + { + "mode": "disabled", + "geometry": { + "control": { + "x": 32, + "y": 32, + "width": 320, + "height": 56 + }, + "input": { + "x": 48, + "y": 32, + "width": 288, + "height": 56 + } + }, + "point": { + "x": 36, + "y": 36 + }, + "actual": { + "target": { + "tag": "div", + "part": "control", + "id": "", + "path": [ + { + "tag": "div", + "part": "control" + }, + { + "tag": "div", + "part": "field" + } + ] + }, + "focused": false, + "requests": 0 + } + } + ], + "navigation": [ + { + "kind": "navigation", + "rtl": false, + "realMousePan": true, + "nativeDragClickSuppressed": true, + "nextPointerAndKeyboardActivate": true, + "outsideReleaseThenPointerAndKeyboardActivate": true, + "selectionControlled": true + }, + { + "kind": "navigation", + "rtl": true, + "realMousePan": true, + "nativeDragClickSuppressed": true, + "nextPointerAndKeyboardActivate": true, + "outsideReleaseThenPointerAndKeyboardActivate": true, + "selectionControlled": true + }, + { + "kind": "panels", + "rtl": false, + "realMousePan": true, + "nativeDragClickSuppressed": true, + "nextPointerAndKeyboardActivate": true, + "outsideReleaseThenPointerAndKeyboardActivate": true, + "selectionControlled": true + }, + { + "kind": "panels", + "rtl": true, + "realMousePan": true, + "nativeDragClickSuppressed": true, + "nextPointerAndKeyboardActivate": true, + "outsideReleaseThenPointerAndKeyboardActivate": true, + "selectionControlled": true + } + ], + "errors": [] + } + ] + }, + "actualPackedNavigation": [ + { + "kind": "navigation", + "rtl": false, + "realMousePan": true, + "nativeDragClickSuppressed": true, + "nextPointerAndKeyboardActivate": true, + "outsideReleaseThenPointerAndKeyboardActivate": true, + "selectionControlled": true + }, + { + "kind": "navigation", + "rtl": true, + "realMousePan": true, + "nativeDragClickSuppressed": true, + "nextPointerAndKeyboardActivate": true, + "outsideReleaseThenPointerAndKeyboardActivate": true, + "selectionControlled": true + }, + { + "kind": "panels", + "rtl": false, + "realMousePan": true, + "nativeDragClickSuppressed": true, + "nextPointerAndKeyboardActivate": true, + "outsideReleaseThenPointerAndKeyboardActivate": true, + "selectionControlled": true + }, + { + "kind": "panels", + "rtl": true, + "realMousePan": true, + "nativeDragClickSuppressed": true, + "nextPointerAndKeyboardActivate": true, + "outsideReleaseThenPointerAndKeyboardActivate": true, + "selectionControlled": true + } + ], + "productionSourceChanged": false, + "gutterReport": "https://github.com/vypdev/copilot/issues/891", + "dragReport": "https://github.com/vypdev/copilot/issues/892", + "nativeReassessmentRequired": false, + "manuallyResolvedOrDismissed": false, + "scope": "Measured real pointer input only. The Chromium source assertion remains exact; Firefox retargets the disabled padding click to the host, which is recorded rather than treated as universal target identity.", + "laterNativeHead": "61baa504b79baa482f913c22839c72c2c7d7f4b7", + "laterDisposition": "Both pointer claims are absent from the complete native open aggregate at61baa50; no manual finding dismissal/resolution." + }, + "hostAttributeReview": { + "sourceTests": 1155, + "runtimeFiles": 52, + "newSourceCases": 5, + "initialRed": "Six failures: five Vue native-attribute cases and same-story completion. After forwarding, four hosts still ignored hidden; those additional renderer regressions were corrected.", + "vueInstalledHosts": [ + { + "tag": "vyp-ha-tabs", + "title": "Vue host attributes", + "description": "Installed Vue host attributes", + "proof": "forwarded", + "hidden": "none", + "visibleHeight": 56, + "before": null, + "whileHidden": null + }, + { + "tag": "vyp-ha-field", + "title": "Vue host attributes", + "description": "Installed Vue host attributes", + "proof": "forwarded", + "hidden": "none", + "visibleHeight": 84, + "before": [ + [ + "task", + "Kitchen" + ] + ], + "whileHidden": [ + [ + "task", + "Kitchen" + ] + ] + }, + { + "tag": "vyp-ha-button", + "title": "Vue host attributes", + "description": "Installed Vue host attributes", + "proof": "forwarded", + "hidden": "none", + "visibleHeight": 44, + "before": [ + [ + "task", + "Kitchen" + ] + ], + "whileHidden": [ + [ + "task", + "Kitchen" + ] + ] + }, + { + "tag": "vyp-ha-button", + "title": "Vue host attributes", + "description": "Installed Vue host attributes", + "proof": "forwarded", + "hidden": "none", + "visibleHeight": 44, + "before": [ + [ + "task", + "Kitchen" + ] + ], + "whileHidden": [ + [ + "task", + "Kitchen" + ] + ] + }, + { + "tag": "vyp-ha-select", + "title": "Vue host attributes", + "description": "Installed Vue host attributes", + "proof": "forwarded", + "hidden": "none", + "visibleHeight": 103.078125, + "before": [ + [ + "category", + "1" + ] + ], + "whileHidden": [ + [ + "category", + "1" + ] + ] + }, + { + "tag": "vyp-ha-button", + "title": "Vue host attributes", + "description": "Installed Vue host attributes", + "proof": "forwarded", + "hidden": "none", + "visibleHeight": 44, + "before": [ + [ + "category", + "1" + ] + ], + "whileHidden": [ + [ + "category", + "1" + ] + ] + }, + { + "tag": "vyp-ha-button", + "title": "Vue host attributes", + "description": "Installed Vue host attributes", + "proof": "forwarded", + "hidden": "none", + "visibleHeight": 44, + "before": [ + [ + "category", + "1" + ] + ], + "whileHidden": [ + [ + "category", + "1" + ] + ] + }, + { + "tag": "vyp-ha-checkbox", + "title": "Vue host attributes", + "description": "Installed Vue host attributes", + "proof": "forwarded", + "hidden": "none", + "visibleHeight": 39, + "before": [], + "whileHidden": [] + }, + { + "tag": "vyp-ha-button", + "title": "Vue host attributes", + "description": "Installed Vue host attributes", + "proof": "forwarded", + "hidden": "none", + "visibleHeight": 44, + "before": [], + "whileHidden": [] + }, + { + "tag": "vyp-ha-button", + "title": "Vue host attributes", + "description": "Installed Vue host attributes", + "proof": "forwarded", + "hidden": "none", + "visibleHeight": 44, + "before": [], + "whileHidden": [] + } + ], + "contentSetterBoundary": "One shared Vue helper rejects innerHTML, outerHTML, textContent and innerText, including forced-property spelling. Declared controlled props/emits remain explicit; native attribute and listener replacement/removal pass.", + "hidden": "All five core hosts remove their painted box while retaining controlled state and successful FormData.", + "scopeComplete": false + }, + "storyCompletionReview": { + "static": { + "firstRun": { + "storyId": "forms-text-field--default", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + }, + "secondRun": { + "storyId": "forms-text-field--default", + "status": "success", + "revision": 5, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + }, + "thirdRun": { + "storyId": "forms-text-field--default", + "status": "success", + "revision": 7, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + "chrome": { + "first": { + "storyId": "forms-text-field--default", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + }, + "second": { + "storyId": "forms-text-field--default", + "status": "success", + "revision": 5, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + }, + "third": { + "storyId": "forms-text-field--default", + "status": "success", + "revision": 7, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + } + }, + "sameDocument": true, + "freshAutomaticA11yRequired": true, + "startPhases": [ + "preparing", + "loading", + "rendering" + ], + "listenersRemovedOnCleanup": 2, + "scope": "Pinned Storybook10.6.5 public channel protocol and actual manager Reload story control; full library/browser acceptance remains incomplete." + }, + "angularCheckboxResetCounterexample": { + "report": "https://github.com/vypdev/copilot/issues/893", + "analyzedHead": "61baa504b79baa482f913c22839c72c2c7d7f4b7", + "nativeRun": "https://github.com/vypdev/ha-ui/actions/runs/41923510781", + "ci": "https://github.com/vypdev/ha-ui/actions/runs/41923510895", + "adapterSourceChanged": false, + "actualModelValuesAtResetRequest": [ + false, + false + ], + "sourceDifferentDefaults": { + "frameworkDefault": false, + "componentDefaultChecked": true, + "observedAtResetRequest": { + "model": false, + "proposal": true + }, + "finalChecked": false, + "pristine": true, + "untouched": true + }, + "explanation": "Angular FormGroupDirective owns native reset and updates the CVA model before the FACE reset callback; the adapter reacknowledges that current framework value.", + "manuallyResolvedOrDismissed": false, + "freshNativeReassessmentRequired": true + }, + "latestLocalVerification": { + "baseHead": "594b7be85bc1e487199be40d51d9fa23c0695cfd", + "sourceTests": 1198, + "testFiles": 57, + "runtimeFiles": 55, + "coverage": { + "lines": { + "total": 953, + "covered": 953, + "skipped": 0, + "pct": 100 + }, + "statements": { + "total": 2173, + "covered": 2173, + "skipped": 0, + "pct": 100 + }, + "functions": { + "total": 532, + "covered": 532, + "skipped": 0, + "pct": 100 + }, + "branches": { + "total": 1487, + "covered": 1487, + "skipped": 0, + "pct": 100 + }, + "branchesTrue": { + "total": 0, + "covered": 0, + "skipped": 0, + "pct": 100 + } + }, + "cohort": { + "scope": "Unpublished navigation, text-field, button, checkbox and typed-select preview with four framework bindings; no registry publication or full capability acceptance", + "cohort": [ + { + "coordinate": "@vypdev/ha-ui", + "version": "0.1.0-next.1", + "sha256": "01be4e96167247e8b0f34de435829780d01e5b05a5500f82be8b3fa6858bde38", + "bytes": 126634 + }, + { + "coordinate": "@vypdev/ha-ui-angular", + "version": "0.1.0-next.1", + "sha256": "cd072396d71f9d3c46596b5e1498b71bc05f70e954371c229ae494da45effa85", + "bytes": 10097 + }, + { + "coordinate": "@vypdev/ha-ui-react", + "version": "0.1.0-next.1", + "sha256": "f52ee057d281272bc360bff435678ae871ca3ce4b509eb23b2ebe4610c98cea7", + "bytes": 7467 + }, + { + "coordinate": "@vypdev/ha-ui-svelte", + "version": "0.1.0-next.1", + "sha256": "ab634e99415376b8f8c021808454f6e45519572640c6b5c08349310d41a47aba", + "bytes": 4403 + }, + { + "coordinate": "@vypdev/ha-ui-vue", + "version": "0.1.0-next.1", + "sha256": "a7cd17241850ba98587ab252b43c9add647aa913e43a7cbcfddc28783f1b9343", + "bytes": 8648 + } + ], + "reproducible": true, + "sourceLockSha256": "31ba0c22064513fb8b94f469bf10f075bbd20f5ced92901cd13f951f1a207f92" + }, + "coldSource": { + "trees": 5, + "files": 136, + "restoredIdentically": true, + "exitCode": 0, + "command": [ + "pnpm", + "test" + ], + "uncommittedFutureTest": { + "path": "tests/browser/select-chips.test.ts", + "sha256": "44180dc5d7807209431eda10c81b6725409950547915a81d14a13366fa6e8c50", + "restoredIdentically": true, + "reason": "Six red TDD cases belong to the following uncommitted multiple-picker increment; they are absent from this published correction." + } + }, + "coldTypes": { + "trees": 5, + "files": 136, + "restoredIdentically": true, + "exitCode": 0, + "command": [ + "pnpm", + "check" + ], + "uncommittedFutureTest": { + "path": "tests/browser/select-chips.test.ts", + "sha256": "44180dc5d7807209431eda10c81b6725409950547915a81d14a13366fa6e8c50", + "restoredIdentically": true, + "reason": "Six red TDD cases belong to the following uncommitted multiple-picker increment; they are absent from this published correction." + } + }, + "supplementalConsumerTypes": "passed after relative-scroll fixture correction", + "oldExactVisual": { + "macos-arm64": { + "ha-navigation-parity.json": 16, + "ha-navigation-icons-parity.json": 48, + "ha-navigation-overflow-parity.json": 40, + "ha-button-parity.json": 96, + "ha-field-parity.json": 44 + }, + "linux-arm64": { + "ha-navigation-parity.json": 16, + "ha-navigation-icons-parity.json": 48, + "ha-navigation-overflow-parity.json": 40, + "ha-button-parity.json": 96, + "ha-field-parity.json": 44 + } + }, + "singleSelect": { + "macos-arm64": { + "states": 38, + "exact": 2, + "near": 36, + "maximums": { + "peakChannelDelta": 6, + "meanChannelDelta": 0.006859253396649519, + "changedFraction": 0.006776810447170558, + "alphaChanges": 0 + }, + "motion": { + "ordinary": 0.015, + "reduced": 0.001, + "explicitZeroPreserved": true + }, + "openMenuAxeScans": 8, + "violations": 0, + "geometryBoundCSSPixels": 0.1, + "computedTypographyAndPaint": "exact", + "tolerance": { + "peakChannelDelta": 6, + "meanChannelDelta": 0.01, + "changedFraction": 0.01 + }, + "architecture": "arm64", + "browser": "156.0.8078.4" + }, + "linux-arm64": { + "states": 38, + "exact": 2, + "near": 36, + "maximums": { + "peakChannelDelta": 3, + "meanChannelDelta": 0.0058534494130062, + "changedFraction": 0.0057710064635272396, + "alphaChanges": 0 + }, + "motion": { + "ordinary": 0.015, + "reduced": 0.001, + "explicitZeroPreserved": true + }, + "openMenuAxeScans": 8, + "violations": 0, + "geometryBoundCSSPixels": 0.1, + "computedTypographyAndPaint": "exact", + "tolerance": { + "peakChannelDelta": 6, + "meanChannelDelta": 0.01, + "changedFraction": 0.01 + }, + "architecture": "arm64", + "browser": "156.0.8078.80" + }, + "linux-x64": { + "states": 38, + "exact": 2, + "near": 36, + "maximums": { + "peakChannelDelta": 3, + "meanChannelDelta": 0.0021435166864529746, + "changedFraction": 0.0020940509167655984, + "alphaChanges": 0 + }, + "motion": { + "ordinary": 0.015, + "reduced": 0.001, + "explicitZeroPreserved": true + }, + "openMenuAxeScans": 8, + "violations": 0, + "geometryBoundCSSPixels": 0.1, + "computedTypographyAndPaint": "exact", + "tolerance": { + "peakChannelDelta": 6, + "meanChannelDelta": 0.01, + "changedFraction": 0.01 + }, + "architecture": "x64", + "browser": "156.0.8078.4" + } + }, + "compiledNativeScroll": { + "linux-arm64": { + "architecture": "arm64", + "browser": "156.0.8078.80", + "nativeScroll": [ + { + "mode": "light", + "initialScroll": 80, + "before": 64, + "top": 24, + "anchorBottom": 24, + "requests": 0, + "value": 1, + "entries": [ + [ + "category", + "1" + ] + ], + "event": { + "trusted": true, + "bubbles": false, + "composed": false + } + }, + { + "mode": "shadow", + "initialScroll": 0, + "before": 144, + "top": 104, + "anchorBottom": 104, + "requests": 0, + "value": 1, + "entries": [ + [ + "category", + "1" + ] + ], + "event": { + "trusted": true, + "bubbles": false, + "composed": false + } + }, + { + "mode": "slotted", + "initialScroll": 0, + "before": 144, + "top": 104, + "anchorBottom": 104, + "requests": 0, + "value": 1, + "entries": [ + [ + "category", + "1" + ] + ], + "event": { + "trusted": true, + "bubbles": false, + "composed": false + } + } + ], + "errors": [] + }, + "linux-x64": { + "architecture": "x64", + "browser": "156.0.8078.4", + "nativeScroll": [ + { + "mode": "light", + "initialScroll": 80, + "before": 64, + "top": 24, + "anchorBottom": 24, + "requests": 0, + "value": 1, + "entries": [ + [ + "category", + "1" + ] + ], + "event": { + "trusted": true, + "bubbles": false, + "composed": false + } + }, + { + "mode": "shadow", + "initialScroll": 0, + "before": 144, + "top": 104, + "anchorBottom": 104, + "requests": 0, + "value": 1, + "entries": [ + [ + "category", + "1" + ] + ], + "event": { + "trusted": true, + "bubbles": false, + "composed": false + } + }, + { + "mode": "slotted", + "initialScroll": 0, + "before": 144, + "top": 104, + "anchorBottom": 104, + "requests": 0, + "value": 1, + "entries": [ + [ + "category", + "1" + ] + ], + "event": { + "trusted": true, + "bubbles": false, + "composed": false + } + } + ], + "errors": [] + } + }, + "threeEngineFormsAndScroll": { + "node": "v26.13.0", + "network": "none", + "scope": "Four actual compiled Storybook form journeys in three engines; automatic accessibility completion plus real native reset and subsequent model/status updates. Full component/browser matrix remains pending.", + "results": [ + { + "engine": "chromium", + "version": "156.0.8078.80", + "proof": [ + { + "story": "forms-text-field--default", + "automatic": { + "storyId": "forms-text-field--default", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + }, + "nativeResetThenUpdate": true, + "text": "Example submitted: After reset" + }, + { + "story": "forms-select--default", + "automatic": { + "storyId": "forms-select--default", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + }, + "nativeResetThenUpdate": true, + "text": "Saved: [[\"category\",\"1\"]]" + }, + { + "story": "forms-checkbox--default", + "automatic": { + "storyId": "forms-checkbox--default", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + }, + "nativeResetThenUpdate": true, + "text": "Saved: [[\"notify\",\"on\"]]" + }, + { + "story": "buttons-actions--reset", + "automatic": { + "storyId": "buttons-actions--reset", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + }, + "nativeResetThenUpdate": true, + "text": "Requests: 3; Example submitted: 0; Resets: 3. " + } + ], + "nativeScroll": [ + { + "mode": "light", + "initialScroll": 0, + "before": 144, + "top": 104, + "anchorBottom": 104, + "requests": 0, + "value": 1, + "entries": [ + [ + "category", + "1" + ] + ], + "event": { + "trusted": true, + "bubbles": false, + "composed": false + } + }, + { + "mode": "shadow", + "initialScroll": 0, + "before": 144, + "top": 104, + "anchorBottom": 104, + "requests": 0, + "value": 1, + "entries": [ + [ + "category", + "1" + ] + ], + "event": { + "trusted": true, + "bubbles": false, + "composed": false + } + }, + { + "mode": "slotted", + "initialScroll": 0, + "before": 144, + "top": 104, + "anchorBottom": 104, + "requests": 0, + "value": 1, + "entries": [ + [ + "category", + "1" + ] + ], + "event": { + "trusted": true, + "bubbles": false, + "composed": false + } + } + ], + "errors": [] + }, + { + "engine": "firefox", + "version": "157.0", + "proof": [ + { + "story": "forms-text-field--default", + "automatic": { + "storyId": "forms-text-field--default", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + }, + "nativeResetThenUpdate": true, + "text": "Example submitted: After reset" + }, + { + "story": "forms-select--default", + "automatic": { + "storyId": "forms-select--default", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + }, + "nativeResetThenUpdate": true, + "text": "Saved: [[\"category\",\"1\"]]" + }, + { + "story": "forms-checkbox--default", + "automatic": { + "storyId": "forms-checkbox--default", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + }, + "nativeResetThenUpdate": true, + "text": "Saved: [[\"notify\",\"on\"]]" + }, + { + "story": "buttons-actions--reset", + "automatic": { + "storyId": "buttons-actions--reset", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + }, + "nativeResetThenUpdate": true, + "text": "Requests: 3; Example submitted: 0; Resets: 3. " + } + ], + "nativeScroll": [ + { + "mode": "light", + "initialScroll": 0, + "before": 144, + "top": 104, + "anchorBottom": 104, + "requests": 0, + "value": 1, + "entries": [ + [ + "category", + "1" + ] + ], + "event": { + "trusted": true, + "bubbles": false, + "composed": false + } + }, + { + "mode": "shadow", + "initialScroll": 0, + "before": 144, + "top": 104, + "anchorBottom": 104, + "requests": 0, + "value": 1, + "entries": [ + [ + "category", + "1" + ] + ], + "event": { + "trusted": true, + "bubbles": false, + "composed": false + } + }, + { + "mode": "slotted", + "initialScroll": 0, + "before": 144, + "top": 104, + "anchorBottom": 104, + "requests": 0, + "value": 1, + "entries": [ + [ + "category", + "1" + ] + ], + "event": { + "trusted": true, + "bubbles": false, + "composed": false + } + } + ], + "errors": [] + }, + { + "engine": "webkit", + "version": "27.2", + "proof": [ + { + "story": "forms-text-field--default", + "automatic": { + "storyId": "forms-text-field--default", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + }, + "nativeResetThenUpdate": true, + "text": "Example submitted: After reset" + }, + { + "story": "forms-select--default", + "automatic": { + "storyId": "forms-select--default", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + }, + "nativeResetThenUpdate": true, + "text": "Saved: [[\"category\",\"1\"]]" + }, + { + "story": "forms-checkbox--default", + "automatic": { + "storyId": "forms-checkbox--default", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + }, + "nativeResetThenUpdate": true, + "text": "Saved: [[\"notify\",\"on\"]]" + }, + { + "story": "buttons-actions--reset", + "automatic": { + "storyId": "buttons-actions--reset", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + }, + "nativeResetThenUpdate": true, + "text": "Requests: 3; Example submitted: 0; Resets: 3. " + } + ], + "nativeScroll": [ + { + "mode": "light", + "initialScroll": 0, + "before": 144, + "top": 104, + "anchorBottom": 104, + "requests": 0, + "value": 1, + "entries": [ + [ + "category", + "1" + ] + ], + "event": { + "trusted": true, + "bubbles": false, + "composed": false + } + }, + { + "mode": "shadow", + "initialScroll": 0, + "before": 144, + "top": 104, + "anchorBottom": 104, + "requests": 0, + "value": 1, + "entries": [ + [ + "category", + "1" + ] + ], + "event": { + "trusted": true, + "bubbles": false, + "composed": false + } + }, + { + "mode": "slotted", + "initialScroll": 0, + "before": 144, + "top": 104, + "anchorBottom": 104, + "requests": 0, + "value": 1, + "entries": [ + [ + "category", + "1" + ] + ], + "event": { + "trusted": true, + "bubbles": false, + "composed": false + } + } + ], + "errors": [] + } + ] + }, + "hostedValidation": "Published594b7be source/types/package pass, static fails architecture-mismatched select references; complete native has one finding. Local correction requires publication and fresh current-head CI/complete native reassessment.", + "capabilityComplete": false + }, + "architectureReview": { + "analyzedHead": "fc143a7fce3e6d50647804f29b0ed0af27fa0e32", + "analyzedHeadCI": "https://github.com/vypdev/ha-ui/actions/runs/41931865344", + "nativeRun": "https://github.com/vypdev/ha-ui/actions/runs/41931865524", + "nativeOutcome": "complete", + "nativeCoverage": "complete", + "openFindingsAtAnalyzedHead": 3, + "sourceTests": 1155, + "runtimeFiles": 52, + "coverage": { + "lines": { + "total": 860, + "covered": 860, + "skipped": 0, + "pct": 100 + }, + "statements": { + "total": 1929, + "covered": 1929, + "skipped": 0, + "pct": 100 + }, + "functions": { + "total": 500, + "covered": 500, + "skipped": 0, + "pct": 100 + }, + "branches": { + "total": 1234, + "covered": 1234, + "skipped": 0, + "pct": 100 + }, + "branchesTrue": { + "total": 0, + "covered": 0, + "skipped": 0, + "pct": 100 + } + }, + "sourceRuntimeIdentitiesUnchanged": true, + "strictTypes": "passed", + "primarySDDUnchanged": true, + "architectureFix": "The AST scanner recognizes literal and nonliteral require(), module.require(), module[\"require\"]() and TypeScript import-equals module references; nonliteral loaders fail closed. Regression fails before scanner fix and passes after it. Comments, string contents and unrelated require properties remain excluded.", + "matcherCounterexample": { + "report": "https://github.com/vypdev/copilot/issues/894", + "rendererChanged": false, + "retainedAssertion": "toBeDisabled", + "additionalAssertions": [ + "aria-disabled=true", + "native disabled attribute absent" + ], + "installedSemantics": "Vitest Browser5.1.0 combines native disabled and ARIA-disabled states." + }, + "coverageCounterexample": { + "report": "https://github.com/vypdev/copilot/issues/895", + "policyChanged": false, + "actualReportKeys": 53, + "storyDefinitionsInReport": 0, + "installedSemantics": "Vitest5.1.0 appends project test include patterns to shared resolved coverage exclusions; Storybook10.6.5 supplies the collected CSF test patterns. All authored runtime examples remain included." + }, + "packageAndStaticEvidence": "Unchanged package/runtime sources retain the previously verified c5ad881f core / a7cd1724 Vue cohort and static artifacts. This test-only increment reruns source coverage, strict types and catalog validation; it does not claim a new package/visual campaign.", + "nativeReassessmentRequired": true, + "manualFindingResolution": false, + "copilotModified": false, + "capabilityComplete": false, + "laterNativeHead": "13f17c0429d0ebe1c852219ae4fd30c1e24826b2", + "laterNativeResult": "CI 41935108589 passes. Complete native run 41935108416 closes the architecture gap and retains two runner-semantics findings, reported in Copilot #894/#895. Current work makes the existing ARIA assertions and CSF test-definition exclusion explicit; all 55 authored runtime modules remain covered." + }, + "singleSelectCalibration": { + "reference": "docs/evidence/ha-select-reference.json", + "originalRepeatsComplete": true, + "originalComponentFunctionsUnchanged": true, + "originalImagesUnmodified": true, + "installedRevisionClaimed": false, + "sourceTests": 1198, + "testFiles": 57, + "runtimeFiles": 55, + "executableRuntimeFiles": 52, + "emptyRuntimeFiles": 3, + "sourceAndFormProtocol": "Single controlled typed button/combobox and top-layer listbox with no hidden native select. Four unchanged adapters consume the shared renderer. Explicit native multiple/list presentation remains pending.", + "raster": { + "macos-arm64": { + "states": 38, + "exact": 2, + "near": 36, + "maximums": { + "peakChannelDelta": 6, + "meanChannelDelta": 0.006859253396649519, + "changedFraction": 0.006776810447170558, + "alphaChanges": 0 + }, + "motion": { + "ordinary": 0.015, + "reduced": 0.001, + "explicitZeroPreserved": true + }, + "openMenuAxeScans": 8, + "violations": 0, + "geometryBoundCSSPixels": 0.1, + "computedTypographyAndPaint": "exact", + "tolerance": { + "peakChannelDelta": 6, + "meanChannelDelta": 0.01, + "changedFraction": 0.01 + }, + "architecture": "arm64", + "browser": "156.0.8078.4" + }, + "linux-arm64": { + "states": 38, + "exact": 2, + "near": 36, + "maximums": { + "peakChannelDelta": 3, + "meanChannelDelta": 0.0058534494130062, + "changedFraction": 0.0057710064635272396, + "alphaChanges": 0 + }, + "motion": { + "ordinary": 0.015, + "reduced": 0.001, + "explicitZeroPreserved": true + }, + "openMenuAxeScans": 8, + "violations": 0, + "geometryBoundCSSPixels": 0.1, + "computedTypographyAndPaint": "exact", + "tolerance": { + "peakChannelDelta": 6, + "meanChannelDelta": 0.01, + "changedFraction": 0.01 + }, + "architecture": "arm64", + "browser": "156.0.8078.80" + }, + "linux-x64": { + "states": 38, + "exact": 2, + "near": 36, + "maximums": { + "peakChannelDelta": 3, + "meanChannelDelta": 0.0021435166864529746, + "changedFraction": 0.0020940509167655984, + "alphaChanges": 0 + }, + "motion": { + "ordinary": 0.015, + "reduced": 0.001, + "explicitZeroPreserved": true + }, + "openMenuAxeScans": 8, + "violations": 0, + "geometryBoundCSSPixels": 0.1, + "computedTypographyAndPaint": "exact", + "tolerance": { + "peakChannelDelta": 6, + "meanChannelDelta": 0.01, + "changedFraction": 0.01 + }, + "architecture": "x64", + "browser": "156.0.8078.4" + } + }, + "existingExactRasterPairs": { + "navigation": 208, + "buttons": 192, + "fields": 88 + }, + "chrome": { + "build": "build/storybook-select", + "origin": "http://127.0.0.1:6013/ha-ui/", + "reloadedFinalBuild": true, + "keyboard": [ + "ArrowDown", + "ArrowUp", + "Enter" + ], + "visibleSubmission": "Saved: [[\"category\",\"1\"]]", + "images": [ + "chrome-final-open.png", + "chrome-final-submit.png" + ], + "geometry": "Earlier original/candidate observation confirms a 56px field, 12px caption and 14px value. The final attempted DOM geometry probe was unavailable; no new geometry claim.", + "privateProfile": "Automatic approval review rejected optional profile-page inspection; no profile data read or changed. Continued with recorded public modules in local fictional reference viewer." + }, + "fullFamilyComplete": false, + "capabilityComplete": false, + "originalStates": 114, + "chromeCorrection": { + "first": { + "storyId": "forms-select--default", + "status": "success", + "revision": 3, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + }, + "second": { + "storyId": "forms-select--default", + "status": "success", + "revision": 5, + "reports": [ + { + "type": "a11y", + "status": "passed" + } + ] + }, + "status": "Saved: [[\"category\",\"1\"]]", + "build": "build/storybook-select", + "core": "01be4e96167247e8b0f34de435829780d01e5b05a5500f82be8b3fa6858bde38", + "scope": "Reloaded final static build and fresh automatic accessibility report; keyboard selection and native submission. Nested-scroll behavior is verified separately in compiled engine probes." + } + }, + "selectPopupScrollReview": { + "analyzedHead": "594b7be85bc1e487199be40d51d9fa23c0695cfd", + "nativeRun": "https://github.com/vypdev/ha-ui/actions/runs/41948582926", + "outcome": "complete", + "coverage": "complete", + "counts": { + "open": 1, + "reopened": 0, + "dismissed": 0, + "verification": 0, + "unknown": 0 + }, + "finding": "https://github.com/vypdev/ha-ui/pull/10#discussion_r4475552520", + "wrongPremiseReport": "https://github.com/vypdev/copilot/issues/896", + "existingBehavior": "The original shared options already declared capture:true and ordinary nested non-bubbling native scrolling worked. The reviewer incorrectly stated capture was absent.", + "genuineBoundary": "Enclosing shadow-root scroll does not cross that boundary. Direct and slotted cases fail at 136px versus 96px before the fix, after pointer parking avoids a hover-render side effect. The correction captures at each root in the composed ancestry.", + "sourceCases": 23, + "compiledEngineCases": 9, + "earlierFindings": "Copilot #894/#895 runner-semantics findings closed naturally at 594b7be; no manual disposition.", + "freshNativeReassessmentRequired": true, + "copilotModified": false + }, + "singleSelectArchitectureReview": { + "failedCI": "https://github.com/vypdev/ha-ui/actions/runs/41948582813", + "artifact": "https://github.com/vypdev/ha-ui/actions/runs/41948582813/artifacts/13379632935", + "artifactSha256": "892da7918075e8ea14995bb3a3f3d6cf49dd97731b7f744d24acfa8001000697", + "matchedOriginal": "New independently repeated x64 originals use the exact CI Chromium 156.0.8078.4. All 38 also match x64 image Chromium 156.0.8078.80 byte for byte. Linux ARM64 originals remain unchanged.", + "immutableCIArtifactReplay": "All 38 states pass unchanged bounds: two exact plus 36 nearly identical, eight additional default-rule open-menu axe scans and zero page errors.", + "currentCandidateReplay": { + "macos-arm64": { + "states": 38, + "exact": 2, + "near": 36, + "maximums": { + "peakChannelDelta": 6, + "meanChannelDelta": 0.006859253396649519, + "changedFraction": 0.006776810447170558, + "alphaChanges": 0 + }, + "motion": { + "ordinary": 0.015, + "reduced": 0.001, + "explicitZeroPreserved": true + }, + "openMenuAxeScans": 8, + "violations": 0, + "geometryBoundCSSPixels": 0.1, + "computedTypographyAndPaint": "exact", + "tolerance": { + "peakChannelDelta": 6, + "meanChannelDelta": 0.01, + "changedFraction": 0.01 + }, + "architecture": "arm64", + "browser": "156.0.8078.4" + }, + "linux-arm64": { + "states": 38, + "exact": 2, + "near": 36, + "maximums": { + "peakChannelDelta": 3, + "meanChannelDelta": 0.0058534494130062, + "changedFraction": 0.0057710064635272396, + "alphaChanges": 0 + }, + "motion": { + "ordinary": 0.015, + "reduced": 0.001, + "explicitZeroPreserved": true + }, + "openMenuAxeScans": 8, + "violations": 0, + "geometryBoundCSSPixels": 0.1, + "computedTypographyAndPaint": "exact", + "tolerance": { + "peakChannelDelta": 6, + "meanChannelDelta": 0.01, + "changedFraction": 0.01 + }, + "architecture": "arm64", + "browser": "156.0.8078.80" + }, + "linux-x64": { + "states": 38, + "exact": 2, + "near": 36, + "maximums": { + "peakChannelDelta": 3, + "meanChannelDelta": 0.0021435166864529746, + "changedFraction": 0.0020940509167655984, + "alphaChanges": 0 + }, + "motion": { + "ordinary": 0.015, + "reduced": 0.001, + "explicitZeroPreserved": true + }, + "openMenuAxeScans": 8, + "violations": 0, + "geometryBoundCSSPixels": 0.1, + "computedTypographyAndPaint": "exact", + "tolerance": { + "peakChannelDelta": 6, + "meanChannelDelta": 0.01, + "changedFraction": 0.01 + }, + "architecture": "x64", + "browser": "156.0.8078.4" + } + }, + "emulatedFullFamilyDiagnostic": { + "scope": "Supplemental local emulated x64 replay, separate from native hosted CI and unchanged macOS/ARM64 exact gates.", + "failure": "The first overflow arrow differs in 11 pixels by at most one channel level. Navigation runtime source is unchanged. Prior native CI retains all exact overflow samples. No existing reference or exact gate is changed; fresh native hosted CI remains required.", + "retainedLog": "scroll-static-linux-x64.log", + "runtimeBoundary": "Only selection-popup.ts changed product runtime in this correction." + }, + "initialScrollFixtureCorrection": "After the final select calibration state, ordinary native focus can already set scrollTop to 80. The compiled probe measures that initial position and adds 40, rather than incorrectly requiring zero. This changes only the fixture; the earlier visual campaign completed before that assertion. Final scoped replay and all three engines pass.", + "originalImagesEdited": false, + "boundsIncreased": false, + "rendererPaintChanged": false + } +} diff --git a/docs/feedback-contract.md b/docs/feedback-contract.md new file mode 100644 index 0000000..da9a687 --- /dev/null +++ b/docs/feedback-contract.md @@ -0,0 +1,22 @@ +# Status, errors, empty states and loading + +Use `feedbackState` from the DOM-free `@vypdev/ha-ui/feedback-contracts` entrypoint. +Register the shared browser renderer with `registerFeedback` from `@vypdev/ha-ui/feedback`. + +- `kind: 'notice'` renders the Home Assistant notice surface. Its tone is `info` (default), + `success`, `warning` or `error`. The message is required and the title is optional. + `narrow: true` stacks the projected action beneath the text. +- `kind: 'empty'` centers an optional decorative icon, a required native heading, an optional + explanation and an optional action. +- `kind: 'loading'` pairs the required progress message with the Home Assistant spinner. + Reduced motion holds the indicator in a visible static state. + +Titles and messages are inert, bounded display strings (256 and 512 Unicode points). Pass +localized strings from the application. The renderer gives errors an assertive alert and +other updates a polite status. Set `icon: false` to omit the notice or empty icon. The optional `icon` slot is decorative; the `action` slot +is ordinary app-owned content outside the live announcement. A projected native button or +link retains its form, focus and keyboard behavior. Feedback does not manage persistence, +timers, data fetching or any application operation. + +The `surface`, `message`, `icon` and `action` parts use HA theme tokens for paint and spacing. +Application focus and accessibility remain native; the feedback itself is not a focus stop. diff --git a/docs/field-contract.md b/docs/field-contract.md new file mode 100644 index 0000000..1d9efc8 --- /dev/null +++ b/docs/field-contract.md @@ -0,0 +1,59 @@ +# Controlled single-line text field + +`@vypdev/ha-ui/field` owns the shared browser renderer. React, Vue, Angular and Svelte +bindings assign its properties and acknowledge its typed requests; they add no visual renderer. +The [component API](component-library.md#controlled-text-field) +describes value, validation, reset and composition behavior. + +The filled control has a 56px painted and native input height, 16px horizontal padding, a +14px resting label and a 10px floating label. Focus, a nonempty value or a placeholder raises +the label. The underline grows from 1px to 2px on focus. Required fields show one marker while +keeping the accessible name stable. The 20px hint row is reserved for required fields, help or +errors; simultaneous help and error remain separate, associated text. The default outer bottom +padding is 8px. A `hidden` host has no painted box and retains its controlled form value. + +Public HA typography, form surface, border, error and spacing variables are inherited. Local +overrides include `--vyp-ha-field-radius`, `--vyp-ha-surface`, `--vyp-ha-surface-hover`, +`--vyp-ha-surface-disabled`, `--vyp-ha-primary`, `--vyp-ha-danger`, `--vyp-ha-placeholder`, +`--vyp-ha-text`, `--vyp-ha-text-secondary` and `--vyp-ha-motion-duration`. Parts are `field`, +`control`, `label`, `input`, `help` and `error`. OS reduced motion limits transitions to 1ms; +an explicit zero remains zero. Clicking painted padding focuses an enabled or readonly input +without producing an edit request. Disabled fields remain unfocusable. + +The default input begins 16px after the painted control's left edge. A real click at (4,4) +therefore tests the padding itself. The Chromium source test asserts that measured boundary +before checking the exact control target. Scoped installed-core checks retain the native +Firefox disabled-click retargeting difference while verifying focus and absence of edit intent. + +## Native form interoperability + +The shadow input provides editing and accessible semantics; ElementInternals owns successful +form data. A disabled, hidden, unnamed light-DOM text input supplies the browser's implicit +submission blocker for the custom element. It is implementation bookkeeping, has no form data +or validation contribution, and never receives current values. It follows external form +ownership and moves with the host. Reconnection retains exactly one proxy. + +The [HTML implicit-submission algorithm](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#implicit-submission) +counts blocking inputs by type and form owner. Disabled, readonly and visually hidden text +inputs still count; `type="hidden"` does not. When no submit button exists, multiple blockers +prevent Enter submission. The shared deferred action counts the custom owner once and skips +its tracked native proxy. This preserves the same result whether Enter starts on a native +input or the shared field. Default submitters, cancelable key handlers, disabled fieldsets, +external owners and controlled reset retain their existing contracts. + +## Original reference and accessible palettes + +The [original reference](evidence/ha-field-reference.json) records 44 states per measured +platform, including two themes, empty/filled values, hover, keyboard focus, disabled, readonly, +required, help/error, placeholder and wrapped narrow labels. Each state uses a fresh fictional, +unauthenticated document. Two independent original campaigns agree byte for byte. The reference +configures public `--wa-form-control-required-content:none` to keep the HA wrapper's single +marker, matching direct observation of the live application. Component functions and images +remain unchanged. This explicit fixture configuration is not an application-revision claim. + +Exact original-token pixel checks are separate from the catalog's accessible palette. The +catalog overrides focus and placeholder colors and supplies suitable light/dark error colors; +standalone fallbacks are tested too. Small labels, values, placeholders and errors require a +contrast ratio of at least 4.5 in resting, hover, focus and combined focus/hover states. Arbitrary +host themes are not automatically accessible. Matching these scoped fields does not complete +other input types, the full library, SSR, publication or application adoption. diff --git a/docs/framework-adapters.md b/docs/framework-adapters.md new file mode 100644 index 0000000..03759ad --- /dev/null +++ b/docs/framework-adapters.md @@ -0,0 +1,354 @@ +# Framework bindings + +This unpublished preview has shared navigation with local icons/labels, one controlled text field, native-form buttons, boolean checkboxes, typed single/multiple selects, native dialogs, card surfaces, rows and grids, +with four real framework bindings and text-field form bridges. Other controls and their bridges, framework +The named Next.js, Nuxt and SvelteKit server/client fixtures pass with installed packages. Broader browser support, public Storybook hosting, publication and app adoption remain required. + +## Client registration and ownership + +Call `registerTabs` from `@vypdev/ha-ui/tabs` at the application client boundary before mounting the +chosen framework. Importing a binding does not register tags or load the core DOM renderer. The +framework adapters import the renderer only as types; runtime imports are their own framework +and DOM-independent core validation policies. No binding imports Lit or registers a tag. +All use the same `vyp-ha-tabs` element, validated `NavigationState`, CSS tokens and typed native +`ha-selection-request` event. No routing, household state or authorization belongs in a binding. +Optional `iconPath` and `showLabel` remain presentation data in that same state. Source and actual +compiled consumers verify decorative SVGs, icon-only accessible names and runtime Spanish updates +through each binding. Rendering, icon geometry and label visibility belong to the shared core. + +The app accepts selection by supplying a new state object. A native event callback may call +`preventDefault()` synchronously; the original event object and its cancellation are preserved. +Programmatic state updates emit no selection request. Node-safe contract imports are supported; +framework server rendering, hydration and raw component-module imports are separate, unaccepted gates. + +| Binding | Validated preview | State/event/content API | +|---|---|---| +| Direct Lit/DOM | Lit 3.3.3 | `state` property; `ha-selection-request`; native named slots | +| React | 19.3.1; types 19.3.0 | `Tabs`, `state`, `onSelectionRequest`; React children with native slot attributes | +| Vue | 3.5.44 | `Tabs`, `state`, typed `selectionRequest` emit; default slot containing native named content | +| Angular | 22.2.4 | Standalone `Tabs` component on the core tag; `[state]`, `(selectionRequest)`, projected content | +| Svelte | 5.57.3 | `Tabs`, `state`, `onSelectionRequest`, `panels` map of Svelte snippets keyed by core item ID | + +Peer versions are exact tested candidates, not inferred broader ranges. Every app installs core +plus its own binding and framework. None of these bindings installs another framework. + +## Projection and lifecycle + +React uses layout effects to apply complex properties and attach/remove a native event subscription. +Strict Mode, rerenders, callback replacement/removal and a retained former host are tested. Supported +host attributes are id, className, style, dir and lang; raw HTML strings are not a binding API. + +Vue uses mounted/unmount hooks, a shallow host ref and a post-render state watch. Its typed emit +preserves the native event. Native fallthrough attributes and listeners reach the actual custom +element, including ARIA/data attributes, title, tabindex and hidden; updates and removals follow +Vue's normal lifecycle. Controlled props and emitted requests remain explicit bindings. A shared +adapter helper excludes HTML/text content setters, including Vue's forced-property spelling, so +fallthrough cannot replace owned markup or slots. All five core hosts honor hidden while retaining +their controlled values and form data. Both supplied and absent content/callbacks, prop replacement +and teardown pass. + +Angular uses its standard Package Format with partial compilation, published FESM and declarations, +and retained authored source. It is a component on `vyp-ha-tabs` itself, with a projection-only Angular +template. Renderer2 applies properties and owns the native listener cleanup. There is no nested visual +wrapper or second tab renderer. The real consumer compiles its app with ngc and links every partial +Angular dependency using the official linker; it does not enable JIT as an acceptance fallback. +The source dependency on core is an exact cohort version so the standalone APF manifest is publishable; +pnpm links that version to the local workspace during development. + +Svelte uses runes, onMount cleanup and explicit snippet-to-slot projection. For example: + +```svelte +{#snippet tasks()}{/snippet} + +``` + +Svelte's legacy `slot` syntax on a child of a Svelte component is not this API. The snippet map +provides native named slots without letting the compiler silently treat them as legacy slots. +Absent panels and callbacks, prop replacement, snippet removal, unmount and remount all pass. +The published Svelte component is preprocessed and carries generated component declarations. + +## Verification boundaries + +`pnpm check` strictly checks source, Node consumer tooling, the Svelte package and Svelte test fixtures. +The consumer tooling uses bundler module resolution for the Angular linker's published declaration +contract; production TypeScript package declarations retain their own resolution settings. No library +declaration checks are skipped. `pnpm test` executes real Chromium bindings and enforces all four +coverage metrics per authored module, including Svelte source and zero-executable type/barrel files. + +`pnpm test:package` independently builds and packs all five coordinates twice and compares bytes. +Each actual package installs in a clean, frozen offline fixture with an isolated metadata cache. +Fixture lock registry records must equal the reviewed source lock; only the new unpublished candidate's +local archive integrity is bound for that test campaign. Fixture-only overrides point core dependencies +to the same candidate bytes. They are not publication metadata or installed application dependencies. + +Every framework consumer compiles against installed declarations and runs real props, single native +events, content projection, disabled booleans, English/Spanish, live theme, keyboard, removal and remount +journeys. Installed authored source must match the repository. Published manifests contain neither +workspace nor file references. The resulting artifacts include the exact cohort digests and original +browser screenshots. These checks cover navigation, text fields, buttons, checkboxes, selects, dialogs, cards, layout and feedback. They do not complete the retained 70-case +capability acceptance inventory or prove a real npm publication. + +The complete source/type/browser check sequence also passes with all five dist trees absent. +Svelte source validation uses `tsconfig.svelte-source.json`; Svelte package emission keeps its own +compiler project and follows the core build in pnpm's dependency graph. This prevents a local +declaration cache from hiding a fresh-checkout CI failure. + +## Text-field binding contract + +`TextField` is exported by each adapter. All use the explicitly registered +`vyp-ha-field`; applications call `registerField` at the client boundary. State, value, +name, defaultValue and disabled are passed as properties, with a separate optional external +form ID attribute. The core still owns validation, rendering, keyboard and accessibility. +Current values never become HTML attributes. The original cancelable `valueRequest` event +is validated by the pure fieldValueDetail policy before application observers or a framework model callback; a canceled request updates no model. + +React accepts controlled `value` and optional `onValueChange(value)`/`onValueRequest(event)`. +Vue accepts `modelValue`, emits `update:modelValue` and `valueRequest`, and supports `v-model`. +Svelte 5 uses controlled `value` and typed `onValueChange`/`onValueRequest` callback props; +application `$state` remains the model owner. Native form reset requests the supplied +`defaultValue`; the framework model acknowledges it just like a normal edit. + +Angular exposes the actual core tag through a standalone component, synchronous +`valueRequest` output and `ControlValueAccessor`. It supports reactive controls and ngModel, +including model writes, dirty/touched, disable/enable and update-on-blur/submit. The shared +pure validation policy feeds Angular validity. Reset preserves Angular's current reset value +and pristine state rather than applying a conflicting native default a second time. Without +an Angular forms directive, its value input/output remain explicitly application-controlled. +The exact pinned source and actual compiled consumers pass these text-field contracts. Other +control types and their form bridges remain unverified; no complete library acceptance is implied. + + +```tsx + +``` + +```vue + +``` + +```svelte + +title=next} + name="task" defaultValue="Kitchen" /> +``` + +```html +
+ + +``` + +For Angular, import the standalone `TextField` and the applicable forms module. A forms directive +owns value and disabled state through its control; value/disabled inputs apply to standalone +output-driven use. `haField` validation errors contain shared presentation flags only. App-specific +validators and the mapping of their messages to state.error remain application responsibilities. +Angular Forms 22.2.4 and its usual Common/Core/Platform Browser/RxJS peers are required, as exercised +by the frozen fixture. Reactive controls preserve updateOn change/blur/submit, dirty/touched and +nullable/nonnullable resets. ngModel and explicit application-controlled use are also tested. + +Malformed event detail is rejected with invalid_field before observers or model callbacks. The +validated value snapshot is used after the observer, preventing payload mutation from changing a +model callback's input. Request cancellation does not undo an independent model assignment already +made by application code. No adapter performs a household operation, network request or storage write. + +The native Angular form directive owns its reset event; without one, a standalone reactive control +retains its model until the app resets the control. The core native reset request remains controlled. +Source tests use the current pure contract source. Packed fixtures use installed exports with no +source alias; both paths are required. The implementation follows Angular's +[ControlValueAccessor](https://angular.dev/api/forms/ControlValueAccessor) and +[Validator](https://angular.dev/api/forms/Validator) contracts; Svelte uses typed callback props and +application-owned rune state. + + +## Button binding contract + +Each adapter exports `Button` and uses the explicitly client-registered `vyp-ha-button`. Import +`registerButton` from `@vypdev/ha-ui/button` at the application client boundary. The adapter writes +`state`, `type`, `name`, `value`, `disabled` and `formNoValidate` as properties; optional `form` +selects an external owner by ID attribute. Its safe default type is `button`. Pressed and busy state +remain controlled by the application. The core owns visuals, keyboard, native validation, reset and +the exposed real native `submitter`; bindings never create another button/form controller. + +React and Svelte accept `onPressRequest(originalEvent)` and optional `onPress(validatedDetail)`. +Vue emits `pressRequest` and `press`; Angular exposes synchronous outputs of those names on its +standalone `vyp-ha-button` component. The observer runs before the accepted callback and can call +`preventDefault()` synchronously to prevent both acceptance and the native default. The pure +`buttonPressDetail` policy rejects malformed requests before either callback and freezes a snapshot +before an observer can mutate a foreign payload. An accepted request is an intent, not proof that +browser validation passed or that an application operation succeeded. Handle actual submission on +the owning form and set loading from there. No framework callback should manually submit again. + +React accepts `leading`/`trailing` React nodes; Vue exposes named slots with those names; Svelte +accepts typed snippets. Angular projects native `slot="leading"`/`slot="trailing"` content. All +remain decorative/inert in the shared renderer, whose state label supplies the accessible name. +Changing projected content preserves the core-owned auxiliary native submitter. Host attributes +follow each adapter's existing id/class/style/dir/lang convention. A command button has no Angular +value accessor; Angular's form submit/reset directives still receive the native form event. + +```tsx + +``` + +```svelte +{#snippet leading()}+{/snippet} +`;})}`:nothing} +
+
+
${icon(searchPath)}=0?'multi-option-'+this.#active:nothing} .value=${this.#query} @input=${(event:Event)=>this.#input(frame,event)} @keydown=${(event:KeyboardEvent)=>this.#key(frame,event)}>${this.#query?html``:nothing}
+
${choices.map(index=>html`
event.preventDefault()} @click=${(event:MouseEvent)=>this.#choose(frame,index,event.currentTarget)}>${state.options[index].label}
`)}
+ ${choices.length===0?html`
${icon(searchPath)}${this.#query?state.notFoundMessage:state.emptyMessage}
`:nothing} +
+ `; + } +} diff --git a/packages/core/src/components/select-list.ts b/packages/core/src/components/select-list.ts new file mode 100644 index 0000000..52551a4 --- /dev/null +++ b/packages/core/src/components/select-list.ts @@ -0,0 +1,55 @@ +import {css,html,nothing} from 'lit'; +import {checkboxCheckPath} from '../checkbox-mark.js'; +import type {SelectOption,SelectSelection,SelectState} from '../select-contracts.js'; + +export const selectListStyles=css` + .visible-list{display:grid;min-width:0;}.choice-options{display:grid;min-width:0;} + .visible-list[data-single] #list-label{margin-block-end:.5em;}.visible-list[data-single] .choice-options{gap:.75em;} + .choice-row{position:relative;box-sizing:border-box;display:flex;align-items:center;gap:8px;min-width:0;min-height:40px;cursor:pointer;user-select:none;} + .visible-list[data-single] .choice-row{align-items:flex-start;gap:0;min-height:44px;} + .choice-input{position:absolute;inset:0;width:100%;height:100%;box-sizing:border-box;margin:0;padding:0;opacity:0;cursor:inherit;} + .choice-copy{min-width:0;line-height:1;overflow-wrap:anywhere;}.visible-list[data-single] .choice-copy{display:inline-flex;align-items:center;align-self:stretch;line-height:1.2;} + .choice-mark{--choice-size:var(--ha-checkbox-size,20px);box-sizing:border-box;display:inline-flex;position:relative;flex:0 0 var(--choice-size);width:var(--choice-size);height:var(--choice-size);align-items:center;justify-content:center;border:var(--ha-checkbox-border-width,var(--ha-border-width-md,2px)) solid var(--ha-checkbox-border-color,var(--ha-color-border-neutral-normal,#989898));border-radius:var(--ha-checkbox-border-radius,var(--ha-border-radius-sm,4px));background:var(--ha-checkbox-background-color,var(--wa-form-control-background-color,transparent));pointer-events:none;} + .visible-list[data-single] .choice-mark{--choice-size:var(--ha-radio-option-toggle-size,20px);margin:var(--ha-radio-option-control-margin,12px 8px 12px 12px);border-width:var(--ha-radio-option-border-width,var(--ha-border-width-md,2px));border-color:var(--ha-radio-option-border-color,var(--ha-color-border-neutral-normal,#989898));border-radius:50%;background:var(--ha-radio-option-background-color,var(--wa-form-control-background-color,transparent));} + .choice-row:has(input:checked) .choice-mark{background:var(--ha-checkbox-checked-background-color,var(--ha-color-fill-primary-loud-resting,var(--primary-color,#009ac7)));border-color:var(--ha-checkbox-checked-background-color,var(--ha-color-fill-primary-loud-resting,var(--primary-color,#009ac7)));color:var(--ha-checkbox-checked-icon-color,var(--ha-color-on-primary-loud,#fff));} + .visible-list[data-single] .choice-row:has(input:checked) .choice-mark{background:var(--ha-radio-option-checked-background-color,var(--ha-color-fill-primary-normal-resting,#dff3fc));color:var(--ha-radio-option-checked-icon-color,var(--ha-color-fill-primary-loud-resting,var(--primary-color,#009ac7)));border-color:currentColor;} + .choice-row:hover:has(input:not(:checked):not(:disabled)) .choice-mark{background:var(--ha-checkbox-background-color-hover,var(--ha-color-form-background-hover,#e6e6e6));border-color:var(--ha-checkbox-border-color-hover,var(--ha-checkbox-border-color,var(--ha-color-border-neutral-loud,#5e5e5e)));} + .choice-row:hover:has(input:checked:not(:disabled)) .choice-mark{background:var(--ha-checkbox-checked-background-color-hover,var(--ha-color-fill-primary-loud-hover,#006787));border-color:var(--ha-checkbox-checked-background-color-hover,var(--ha-color-fill-primary-loud-hover,#006787));} + .visible-list[data-single] .choice-row:hover:has(input:not(:checked):not(:disabled)) .choice-mark{background:var(--ha-radio-option-background-color-hover,var(--ha-color-fill-neutral-quiet-hover,#e6e6e6));border-color:var(--ha-radio-option-border-color-hover,var(--ha-radio-option-border-color,var(--ha-color-border-neutral-loud,#5e5e5e)));} + .visible-list[data-single] .choice-row:hover:has(input:checked:not(:disabled)) .choice-mark{background:var(--ha-radio-option-checked-background-color,var(--ha-color-fill-primary-normal-resting,#dff3fc));border-color:currentColor;} + .choice-row:has(input:focus-visible) .choice-mark{outline:var(--vyp-ha-focus-ring,var(--wa-focus-ring,solid 2px #989898));outline-offset:var(--wa-focus-ring-offset,2px);} + .choice-row:has(input:disabled){opacity:.5;cursor:not-allowed;} + .choice-check-icon{display:flex;width:1.25em;height:1em;align-items:center;justify-content:center;scale:var(--ha-checkbox-checked-icon-scale,.9);} + /* Preserve the Web Awesome checkbox icon's inline translation and overflow. */ + .choice-check-icon svg{display:block;width:auto;height:1em;overflow:visible;translate:.000976563em;} + .choice-radio-icon{display:block;width:100%;height:20px;scale:var(--ha-radio-option-checked-icon-scale,.7);fill:currentColor;} + .choice-row:has(input:not(:checked)) svg{visibility:hidden;} + .list-field .picker-help{margin:0;} +`; + +function choiceProjection(state:SelectState,value:SelectSelection,option:SelectOption,disabled:boolean){ + const checked=state.multiple?Array.isArray(value)&&value.includes(option.value):value===option.value; + return{checked,disabled:disabled||option.disabled||!checked&&state.multiple&&Array.isArray(value)&&value.length>=256}; +} + +/** Restore the controlled native properties immediately after a native selection attempt. */ +export function syncSelectList(root:ShadowRoot|null,state:SelectState,value:SelectSelection,disabled:boolean):void{ + root?.querySelectorAll('.choice-input').forEach((input,index)=>{ + const option=state.options[index]; + if(option===undefined){input.disabled=true;input.checked=false;return;} + const current=choiceProjection(state,value,option,disabled);input.disabled=current.disabled;input.checked=current.checked; + }); +} + +export function renderSelectList(state:SelectState,value:SelectSelection,disabled:boolean,described:string,invalid:boolean,change:(index:number,event:Event)=>void){ + const description=[described,state.multiple&&state.required?'list-required':''].filter(Boolean).join(' '); + return html`
+
${state.label}
+ ${state.multiple&&state.required?html`${state.requiredMessage}`:nothing} + ${state.options.length===0?html`${state.emptyMessage}`:html`
${state.options.map((option,index)=>{ + const current=choiceProjection(state,value,option,disabled); + return html``; + })}
`} +
`; +} diff --git a/packages/core/src/components/select.ts b/packages/core/src/components/select.ts new file mode 100644 index 0000000..99ac615 --- /dev/null +++ b/packages/core/src/components/select.ts @@ -0,0 +1,210 @@ +import {LitElement,css,html,nothing} from 'lit'; +import {SelectInputError,selectState,selectSelection,selectName,selectValidity,selectEntries,selectRestoreState,selectRestoreValue,type SelectState,type SelectSelection,type SelectValueReason,type SelectValueDetail} from '../select-contracts.js'; +import {moveSelectOption,matchSelectOption} from '../select-navigation.js'; +import {changeMultipleSelection} from '../select-multiple.js'; +import {SelectionPopup} from './selection-popup.js'; +import {SelectChips,selectChipsStyles} from './select-chips.js'; +import {renderSelectList,selectListStyles,syncSelectList} from './select-list.js'; +export type {SelectValueDetail,SelectValueReason} from '../select-contracts.js'; +export type SelectValueEvent=CustomEvent; +const attributeName={fromAttribute:(value:string|null)=>value??''}; +/** Controlled typed selection; one shared renderer and one native form bridge. */ +export class HaSelect extends LitElement { + static formAssociated=true; + static shadowRootOptions={...LitElement.shadowRootOptions,delegatesFocus:true}; + static properties={state:{attribute:false,noAccessor:true},value:{attribute:false,noAccessor:true},defaultValue:{attribute:false,noAccessor:true},name:{converter:attributeName,noAccessor:true},disabled:{type:Boolean,noAccessor:true}}; + // Geometry adapted from Gateway's MIT field/select catalog; semantic behavior is authored here. + static styles=[selectChipsStyles,selectListStyles,css` + :host{display:block;min-width:0;font:400 14px/1.35 var(--vyp-ha-font-family,var(--primary-font-family,Roboto,Noto,sans-serif));color:var(--vyp-ha-text,var(--primary-text-color,#1c1c1c));} + :host([hidden]){display:none;} + .field{display:grid;gap:6px;}label{font-size:14px;line-height:1.35;} + select{box-sizing:border-box;width:100%;min-width:0;min-height:56px;border:1px solid var(--vyp-ha-border,var(--divider-color,#e0e0e0));border-radius:var(--vyp-ha-field-radius,4px);padding:16px;color:inherit;background:var(--vyp-ha-surface,var(--card-background-color,#fff));font:inherit;} + select:focus-visible{outline:2px solid var(--vyp-ha-primary,var(--primary-color,#0075b5));outline-offset:1px;} + select:disabled{opacity:.5;cursor:not-allowed;}select[aria-invalid=true]{border-color:var(--vyp-ha-danger,var(--error-color,#b3261e));} + .help,.error{font-size:12px;line-height:1.35;}.help{color:var(--vyp-ha-text-secondary,var(--secondary-text-color,#595959));}.error{color:var(--vyp-ha-danger,var(--error-color,#b3261e));} + .picker-field{display:block;min-width:0;font:400 14px/1.6 var(--vyp-ha-font-family,var(--ha-font-family-body,var(--primary-font-family,Roboto,Noto,sans-serif)));} + .accessible-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;} + .picker{position:relative;display:flex;box-sizing:border-box;min-width:0;min-height:56px;border-radius:var(--vyp-ha-field-radius,var(--ha-border-radius-sm,4px) var(--ha-border-radius-sm,4px) 0 0);background:var(--vyp-ha-surface,var(--ha-color-form-background,#f3f3f3));} + .picker::before{content:'';position:absolute;inset:0;z-index:2;border-radius:inherit;background:var(--vyp-ha-text-secondary,var(--secondary-text-color,#5e5e5e));opacity:0;pointer-events:none;transition:opacity var(--vyp-ha-motion-duration,15ms) linear;} + .picker[data-hovered]:not([data-disabled])::before{opacity:var(--md-ripple-hover-opacity,.08);} + .picker::after{content:'';position:absolute;inset-inline:0;bottom:0;z-index:3;height:1px;background:var(--vyp-ha-border,var(--ha-color-border-neutral-loud,#5e5e5e));pointer-events:none;} + .picker:focus-within:not([data-open])::after{height:2px;background:var(--vyp-ha-primary,var(--mdc-theme-primary,var(--primary-color,#00639c)));} + .picker[data-invalid]::after{height:2px;background:var(--vyp-ha-danger,var(--mdc-theme-error,var(--error-color,#b3261e)));} + .picker[data-disabled]{background:var(--vyp-ha-surface-disabled,var(--ha-color-form-background-disabled,#ccc));opacity:.5;cursor:not-allowed;} + .trigger{position:relative;box-sizing:border-box;display:flex;align-items:center;flex:1;gap:8px;min-width:0;width:100%;min-height:56px;padding:0 8px 0 16px;margin:0;border:0;border-radius:inherit;background:transparent;color:inherit;text-align:start;cursor:pointer;outline:none;} + :host(:dir(rtl)) .trigger{padding:0 16px 0 8px;} + .trigger:disabled{cursor:not-allowed;opacity:.5;}.text{display:flex;flex:1;flex-direction:column;min-width:0;} + .overline,.headline{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:400 14px/1.6 var(--vyp-ha-font-family,var(--ha-font-family-body,var(--primary-font-family,Roboto,Noto,sans-serif)));} + .overline{font:400 12px/18.4px var(--vyp-ha-font-family,var(--mdc-typography-caption-font-family,Roboto));white-space:normal;overflow-wrap:anywhere;color:var(--vyp-ha-text-secondary,var(--mdc-text-field-label-ink-color,#0009));} + .headline{color:var(--vyp-ha-text,var(--primary-text-color,#141414));}.headline[data-placeholder]{color:var(--vyp-ha-text-secondary,var(--secondary-text-color,#5e5e5e));} + .arrow{position:relative;display:block;flex:none;width:32px;height:20px;vertical-align:middle;color:var(--vyp-ha-text-secondary,var(--secondary-text-color,#5e5e5e));fill:currentColor;}.arrow svg{display:block;width:100%;height:100%;pointer-events:none;}.arrow path{opacity:1;} + .clear{position:absolute;display:flex;align-items:center;justify-content:center;inset-inline-end:34px;top:6px;width:44px;height:44px;padding:4px;border:0;background:transparent;color:var(--vyp-ha-text-secondary,var(--secondary-text-color,#5e5e5e));cursor:pointer;} + .clear svg{display:block;width:24px;height:24px;fill:currentColor;}.clear:focus-visible{outline:var(--vyp-ha-focus-ring,var(--wa-focus-ring,solid 2px #989898));outline-offset:2px;} + .picker[data-clearable] .text{padding-inline-end:24px;} + .picker-help,.picker-error{display:block;min-width:0;margin:8px 0 0;padding:0 16px;font:400 12px/normal var(--vyp-ha-font-family,var(--ha-font-family-body,var(--primary-font-family,Roboto,Noto,sans-serif)));letter-spacing:var(--mdc-typography-caption-letter-spacing,.0333333em);color:var(--vyp-ha-text-secondary,var(--mdc-text-field-label-ink-color,#0009));overflow-wrap:anywhere;} + .popup{position:fixed;inset:auto;box-sizing:border-box;display:flex;flex-direction:column;width:max-content;min-width:0;margin:0;padding:4px;border:1px solid var(--vyp-ha-border,var(--wa-color-surface-border,#e6e6e6));border-radius:8px;background:var(--vyp-ha-surface-raised,var(--card-background-color,#fff));color:var(--vyp-ha-text,var(--primary-text-color,#141414));box-shadow:var(--wa-shadow-m,0 3px 6px -1px #0000001a,0 8px 16px -2px #00000026);overflow:auto;overscroll-behavior:contain;font:400 14px/1.2 var(--vyp-ha-font-family,var(--ha-font-family-body,var(--primary-font-family,Roboto,Noto,sans-serif)));} + .popup:not(:popover-open){display:none;}.option{isolation:isolate;box-sizing:border-box;display:flex;align-items:center;flex:none;min-width:0;min-height:40px;padding:7px 14px;border-radius:4px;cursor:pointer;white-space:nowrap;user-select:none;} + .option[aria-selected=true]{font-weight:500;color:var(--vyp-ha-primary,var(--primary-color,#00639c));background:var(--ha-color-fill-primary-quiet-resting,#eff9fe);} + .option:hover:not([aria-disabled=true]){background:var(--ha-color-fill-neutral-normal-resting,#e6e6e6);}.option[aria-selected=true]:hover:not([aria-disabled=true]){background:var(--ha-color-fill-primary-quiet-hover,#dff3fc);} + .option[data-keyboard]{position:relative;z-index:1;outline:var(--vyp-ha-focus-ring,var(--wa-focus-ring,solid 2px #989898));outline-offset:0;background:var(--ha-color-fill-neutral-normal-resting,#e6e6e6);} + .option[aria-selected=true][data-keyboard]{background:var(--ha-color-fill-primary-quiet-resting,#eff9fe);}.option[aria-disabled=true]{opacity:.5;cursor:not-allowed;} + @media(prefers-reduced-motion:reduce){.picker::before{transition-duration:min(var(--vyp-ha-motion-duration,1ms),1ms);}} + `]; + #internals=this.attachInternals();#state=selectState({label:'Value',options:[]});#renderedState:SelectState|null=null; + #value:SelectSelection=null;#defaultValue:SelectSelection=null;#name='';#disabled=false;#formDisabled=false;#dirty=false;#showValidation=false;#customError=''; + #pending:{reason:SelectValueReason;serialized:string}|null=null;#fromAttribute=false;#restoringAttribute=false; + #opened=false;#active=-1;#keyboard=false;#tabPreview=false;#search='';#searchUntil=0;#hovered=false;#popup=new SelectionPopup(this,()=>this.#hide()); + #chips=new SelectChips(this,value=>{this.#dirty=true;this.#request(value,'change');},()=>!this.disabled&&!this.#formDisabled); + constructor(){super();this.addEventListener('invalid',this.#reveal);this.addEventListener('focusout',()=>{if(this.#chipsMode||this.#listMode)this.#reveal();});} + attributeChangedCallback(name:string,previous:string|null,next:string|null):void{ + if(this.#restoringAttribute)return; + try{if(name==='name')selectName(next??'');}catch(error){this.#restoringAttribute=true;if(previous===null)this.removeAttribute(name);else this.setAttribute(name,previous);this.#restoringAttribute=false;throw error;} + this.#fromAttribute=true;super.attributeChangedCallback(name,previous,next);this.#fromAttribute=false; + } + get #control():HTMLSelectElement|HTMLButtonElement|HTMLInputElement|null{ + const root=this.shadowRoot; + if(this.#listMode)return root?.querySelector('.choice-input:checked:not(:disabled)')??root?.querySelector('.choice-input:not(:disabled)')??null; + return root?.querySelector('#control')??null; + } + get #pickerMode():boolean{return !this.state.multiple&&(this.state.mode==='dropdown'||this.state.mode==='auto'&&this.state.size===1);} + get #chipsMode():boolean{return this.state.multiple&&this.state.mode==='dropdown';} + get #listMode():boolean{return this.state.mode==='list';} + get #selectedIndex():number{return this.value===null||typeof this.value==='object'?-1:this.state.options.findIndex(option=>option.value===this.value);} + get state():SelectState{return this.#state;} + set state(raw:SelectState){const next=selectState(raw),previous=this.#state;this.#hide();this.#state=next;this.#sync();this.requestUpdate('state',previous);} + get value():SelectSelection{return this.#value;} + set value(raw:SelectSelection){const next=selectSelection(raw),previous=this.#value;this.#dirty=!(this.#pending?.reason==='reset'&&this.#pending.serialized===selectRestoreState(next));this.#hide();this.#value=next;this.#pending=null;this.#sync();this.requestUpdate('value',previous);} + get defaultValue():SelectSelection{return this.#defaultValue;} + set defaultValue(raw:SelectSelection){const next=selectSelection(raw);if(selectRestoreState(next)===selectRestoreState(this.#defaultValue))return;this.#defaultValue=next;if(!this.#dirty){this.#value=next;this.#sync();this.requestUpdate();}} + get name():string{return this.#name;} + set name(raw:string){const next=selectName(raw);if(next===this.#name)return;this.#name=next;if(!this.#fromAttribute)this.setAttribute('name',next);this.#sync();} + get disabled():boolean{return this.#disabled;} + set disabled(raw:boolean){if(typeof raw!=='boolean')throw new SelectInputError();if(raw===this.#disabled)return;this.#disabled=raw;this.toggleAttribute('disabled',raw);this.#sync();this.requestUpdate();} + get form():HTMLFormElement|null{return this.#internals.form;} + get labels():NodeListOf{return this.#internals.labels as NodeListOf;} + get validity():ValidityState{return this.#internals.validity;} + get validationMessage():string{return this.#internals.validationMessage;} + get willValidate():boolean{return this.#internals.willValidate;} + checkValidity():boolean{this.#reveal();return this.#internals.checkValidity();} + reportValidity():boolean{this.#reveal();return this.#internals.reportValidity();} + setCustomValidity(message:string):void{selectValidity(this.value,this.state,message);this.#customError=message;this.#sync();this.requestUpdate();} + focus(options?:FocusOptions):void{if(!this.#chips.focus(options))this.#control?.focus(options);} + blur():void{this.#hide();if(this.#listMode)this.shadowRoot?.querySelector('.choice-input:focus')?.blur();else this.#control?.blur();} + formDisabledCallback(disabled:boolean):void{this.#formDisabled=disabled;this.#sync();this.requestUpdate();} + formResetCallback():void{this.#showValidation=false;this.#hide();this.#request(this.defaultValue,'reset');this.requestUpdate();} + formStateRestoreCallback(raw:string|File|FormData,mode:'restore'|'autocomplete'):void{if(mode!=='restore'&&mode!=='autocomplete')throw new SelectInputError();const next=selectRestoreValue(raw);this.#hide();this.#request(next,mode);} + #sync():void{ + const state=this.state,disabled=this.disabled||this.#formDisabled,entries=selectEntries(this.value,state),restoration=selectRestoreState(this.value),control=this.#control; + if(disabled||!this.name||entries.length===0)this.#internals.setFormValue(null,restoration); + else if(state.multiple){const data=new FormData();for(const value of entries)data.append(this.name,value);this.#internals.setFormValue(data,restoration);} + else this.#internals.setFormValue(entries[0],restoration); + const validity=selectValidity(this.value,state,this.#customError);this.#internals.setValidity(validity.flags,validity.message,control??undefined); + if(disabled){this.#hide();this.#setHover(false);} + if(this.#listMode){syncSelectList(this.shadowRoot,state,this.value,disabled);return;} + if(control!==null)control.disabled=disabled; + if(control instanceof HTMLSelectElement){ + control.multiple=state.multiple;control.size=state.size; + const value=this.value,selected=typeof value==='object'?value??[]:[value],compatible=value===null||Array.isArray(value)===state.multiple; + const indexes=new Set(compatible?state.options.flatMap((option,index)=>selected.includes(option.value)?[String(index)]:[]):[]); + for(const option of control.options)option.selected=indexes.has(option.value); + if(!state.multiple)control.value=indexes.values().next().value??''; + }else if(control!==null)control.value=this.#selectedIndex<0?'':String(this.#selectedIndex); + } + protected updated():void{ + this.#sync();this.#renderedState=this.state; + if(this.#opened){const surface=this.shadowRoot!.querySelector('#options')!,anchor=this.#control!;if(!this.#popup.opened)this.#popup.show(anchor,surface);else this.#popup.position();this.shadowRoot!.getElementById('option-'+this.#active)?.scrollIntoView({block:'nearest'});} + } + disconnectedCallback():void{this.#renderedState=null;this.#hide();this.#setHover(false);super.disconnectedCallback();} + #setHover(value:boolean):void{if(value===this.#hovered)return;this.#hovered=value;this.requestUpdate();} + #hover(event:PointerEvent):void{ + if(!this.isConnected||event.currentTarget!==this.shadowRoot!.querySelector('.picker')||!event.isPrimary||event.pointerType==='touch')return; + this.#setHover(event.type==='pointerenter'&&!this.disabled&&!this.#formDisabled); + } + #hide():void{this.#popup.close();this.#chips.close();if(this.#opened){this.#opened=false;this.#active=-1;this.#tabPreview=false;this.#search='';this.requestUpdate();}} + #show(keyboard=false):void{ + if(!this.isConnected||this.disabled||this.#formDisabled||!this.#pickerMode||this.#renderedState!==this.state)return; + this.#opened=true;this.#keyboard=keyboard;this.#active=moveSelectOption(this.state.options,this.#selectedIndex,'next'); + if(this.#selectedIndex>=0&&!this.state.options[this.#selectedIndex].disabled)this.#active=this.#selectedIndex; + this.requestUpdate(); + } + #toggle(event:MouseEvent):void{if(event.currentTarget!==this.#control)return;if(this.#opened)this.#hide();else this.#show();} + #blur():void{this.#hide();this.#reveal();} + #choose(index:number,state:SelectState,origin?:EventTarget|null):void{ + if(!this.isConnected||this.disabled||this.#formDisabled||state!==this.state||this.#renderedState!==state)return; + if(origin!==undefined&&origin!==(index<0?this.shadowRoot!.querySelector('.clear'):this.shadowRoot!.getElementById('option-'+index)))return; + if(index<0){if(!state.clearable||state.required||this.value===null)return;} + else if(!this.#opened||!this.#popup.opened||state.options[index]?.disabled||state.options[index]===undefined)return; + const value=index<0?null:state.options[index].value;this.#hide();this.focus();if(value===this.value)return;this.#dirty=true;this.#request(value,'change'); + } + #key(event:KeyboardEvent):void{ + if(event.currentTarget!==this.#control||this.disabled||this.#formDisabled||!this.#pickerMode||event.altKey||event.ctrlKey||event.metaKey)return; + const key=event.key,state=this.state; + if(key==='Escape')return; + if(key==='Tab'){if(this.#opened){if(this.#tabPreview)this.#choose(this.#active,state);else this.#hide();}return;} + if(key==='Enter'||key===' '){event.preventDefault();if(this.#opened){if(this.#active>=0)this.#choose(this.#active,state);else this.#hide();}else this.#show(true);return;} + const movement=key==='ArrowDown'?'next':key==='ArrowUp'?'previous':key==='Home'?'first':key==='End'?'last':null; + if(movement!==null){event.preventDefault();if(!this.#opened){this.#show(true);if(key==='ArrowUp'||key==='Home'||key==='End')this.#active=moveSelectOption(state.options,-1,movement);}else this.#active=moveSelectOption(state.options,this.#active,movement);this.#tabPreview=this.#active>=0;this.#keyboard=true;this.requestUpdate();return;} + if([...key].length===1){event.preventDefault();const now=performance.now();this.#search=now>this.#searchUntil?'':this.#search;this.#searchUntil=now+700;this.#search+=key; + if(!this.#opened)this.#show(true);let query=this.#search;if([...query].every(letter=>letter===key))query=key; + const index=matchSelectOption(state.options,this.#active,query);if(index>=0){this.#active=index;this.#tabPreview=true;}this.#keyboard=true;this.requestUpdate();} + } + #reveal():void{this.#showValidation=true;this.#sync();this.requestUpdate();} + #request(raw:unknown,reason:SelectValueReason):void{ + try{const value=selectSelection(raw);this.#pending={reason,serialized:selectRestoreState(value)};this.dispatchEvent(new CustomEvent('ha-select-request',{detail:Object.freeze({value,reason}),bubbles:true,composed:true,cancelable:true}));}finally{this.#sync();} + } + #change():void{ + if(this.disabled||this.#formDisabled||this.#renderedState!==this.state){this.#sync();return;} + try{ + const values=[]; + for(const option of (this.#control as HTMLSelectElement).selectedOptions){ + if(option.value==='')continue; + if(!/^(0|[1-9]\d*)$/u.test(option.value))throw new SelectInputError(); + const item=this.state.options[Number(option.value)];if(item===undefined||item.disabled)throw new SelectInputError();values.push(item.value); + } + this.#dirty=true;this.#request(this.state.multiple?values:values[0]??null,'change'); + }finally{this.#sync();} + } + #listChange(state:SelectState,value:SelectSelection,index:number,event:Event):void{ + const input=event.currentTarget as HTMLInputElement,option=state.options[index]; + if(!this.isConnected||!this.#listMode||this.disabled||this.#formDisabled||state!==this.state||state!==this.#renderedState||value!==this.value||input!==this.shadowRoot!.getElementById('list-option-'+index)||option.disabled){this.#sync();return;} + const next=state.multiple?changeMultipleSelection(value,option.value,input.checked?'add':'remove'):input.checked?option.value:null; + if(next===null||next===value){this.#sync();return;} + this.#dirty=true;this.#request(next,'change'); + } + protected render(){ + const state=this.state,validity=selectValidity(this.value,state,this.#customError),message=(this.#showValidation||state.error||this.#customError)?validity.message:''; + const described=[state.description?'help':'',message?'error':''].filter(Boolean).join(' '); + if(this.#listMode){const value=this.value;return html`
${renderSelectList(state,value,this.disabled||this.#formDisabled,described,!!message,(index,event)=>this.#listChange(state,value,index,event))}${state.description?html`
${state.description}
`:nothing}${message?html`
${message}
`:nothing}
`;} + if(this.#chipsMode)return html`
${this.#chips.render(state,this.value,this.disabled||this.#formDisabled,described,!!message)}${state.description?html`
${state.description}
`:nothing}${message?html`
${message}
`:nothing}
`; + if(this.#pickerMode){ + const selected=this.#selectedIndex<0?null:state.options[this.#selectedIndex],clearable=state.clearable&&!state.required&&!this.disabled&&!this.#formDisabled&&selected!==null; + return html`
+
+ + ${clearable?html``:nothing} +
+ ${state.description?html`
${state.description}
`:nothing} + ${message?html`
${message}
`:nothing} +
`; + } + return html`
+ + ${state.description?html`
${state.description}
`:nothing} + ${message?html`
${message}
`:nothing}
`; + } +} +export function registerSelect(registry:CustomElementRegistry|undefined=globalThis.customElements):void{ + if(registry===undefined||typeof document==='undefined')throw new Error('registerSelect requires a browser CustomElementRegistry'); + const current=registry.get('vyp-ha-select');if(current!==undefined&¤t!==HaSelect)throw new Error('vyp-ha-select registration conflict; use one reviewed package cohort');if(current===undefined)registry.define('vyp-ha-select',HaSelect); +} +declare global{interface HTMLElementTagNameMap{'vyp-ha-select':HaSelect;}interface HTMLElementEventMap{'ha-select-request':SelectValueEvent;}} diff --git a/packages/core/src/components/selection-dialog.ts b/packages/core/src/components/selection-dialog.ts new file mode 100644 index 0000000..ce842c6 --- /dev/null +++ b/packages/core/src/components/selection-dialog.ts @@ -0,0 +1,41 @@ +import type {ReactiveController,ReactiveControllerHost} from 'lit'; +import {selectionScrollRoots} from './selection-events.js'; +/** Native modal focus/inertness with a separately positioned painted picker body. */ +export class SelectionDialog implements ReactiveController { + #target:{anchor:HTMLElement;dialog:HTMLDialogElement;surface:HTMLElement;minimum:number}|null=null;#listeners:AbortController|null=null; + constructor(host:ReactiveControllerHost,private readonly dismiss:()=>void){host.addController(this);} + get opened():boolean{return this.#target!==null;} + show(anchor:HTMLElement,dialog:HTMLDialogElement,surface:HTMLElement):void{ + this.close();if(!anchor.isConnected||!dialog.isConnected||!surface.isConnected)return; + const target={anchor,dialog,surface,minimum:0};this.#target=target;dialog.showModal(); + // Native autofocus may synchronously close, replace or detach its owner. + if(this.#target!==target)return; + if(!anchor.isConnected||!dialog.isConnected||!surface.isConnected||!dialog.open){this.close();this.dismiss();return;} + this.position();target.minimum=surface.getBoundingClientRect().height;this.position(); + const listeners=new AbortController();this.#listeners=listeners;const options={signal:listeners.signal,capture:true}; + window.addEventListener('resize',this.position,options); + for(const root of selectionScrollRoots(anchor))root.addEventListener('scroll',this.position,options); + dialog.addEventListener('cancel',event=>{event.preventDefault();this.dismiss();},options); + dialog.addEventListener('click',event=>{if(event.target===dialog){event.preventDefault();this.dismiss();}},options); + dialog.addEventListener('close',()=>{if(!dialog.open)this.dismiss();},options); + dialog.addEventListener('keydown',event=>{ + if(event.key!=='Tab'||event.altKey||event.ctrlKey||event.metaKey)return; + const controls=[...surface.querySelectorAll('button,input,select,textarea,a[href],[tabindex]')].filter(element=>element.tabIndex>=0&&!element.matches(':disabled')&&element.getClientRects().length>0),first=controls[0],last=controls[controls.length-1]; + if(first===undefined){event.preventDefault();dialog.focus();return;} + const active=(dialog.getRootNode() as Document|ShadowRoot).activeElement; + if(active===(event.shiftKey?first:last)){event.preventDefault();(event.shiftKey?last:first).focus();} + },options); + } + close():void{ + this.#listeners?.abort();this.#listeners=null; + if(this.#target?.dialog.open)this.#target.dialog.close(); + this.#target=null; + } + position=():void=>{ + const target=this.#target;if(target===null)return;const {anchor,surface}=target,box=anchor.getBoundingClientRect(),width=window.innerWidth,height=window.innerHeight; + surface.style.width=Math.min(Math.max(250,box.width),Math.max(0,width-32))+'px';surface.style.maxHeight=Math.max(40,height-32)+'px'; + const rectangle=surface.getBoundingClientRect(),below=height-box.bottom-8,above=box.top-8,down=below>=rectangle.height||below>=above; + const available=Math.max(40,down?below:above);surface.style.maxHeight=available+'px';surface.style.minHeight=Math.min(target.minimum,available)+'px';surface.style.left=Math.max(16,Math.min(width-rectangle.width-16,box.left+(box.width-rectangle.width)/2))+'px';surface.style.top=(down?box.bottom:Math.max(8,box.top-Math.min(rectangle.height,above)))+'px';surface.dataset.placement=down?'bottom':'top'; + }; + hostDisconnected():void{this.close();} +} diff --git a/packages/core/src/components/selection-events.ts b/packages/core/src/components/selection-events.ts new file mode 100644 index 0000000..d989521 --- /dev/null +++ b/packages/core/src/components/selection-events.ts @@ -0,0 +1,8 @@ +/** Native scroll is not composed; observe every root reached by the rendered anchor ancestry. */ +export function selectionScrollRoots(anchor:HTMLElement):ReadonlySet{ + const roots=new Set([window]); + for(let node:Node|null=anchor;node;node=node instanceof Element&&node.assignedSlot?node.assignedSlot:node.parentNode??(node instanceof ShadowRoot?node.host:null)){ + if(node instanceof ShadowRoot)roots.add(node); + } + return roots; +} diff --git a/packages/core/src/components/selection-popup.ts b/packages/core/src/components/selection-popup.ts new file mode 100644 index 0000000..c157fe7 --- /dev/null +++ b/packages/core/src/components/selection-popup.ts @@ -0,0 +1,35 @@ +import type {ReactiveController,ReactiveControllerHost} from 'lit'; +import {selectionScrollRoots} from './selection-events.js'; +/** A browser-only positioning/lifetime adapter; selection and validation remain with the owner. */ +export class SelectionPopup implements ReactiveController { + #target:{anchor:HTMLElement;surface:HTMLElement}|null=null;#listeners:AbortController|null=null; + constructor(host:ReactiveControllerHost,private readonly dismiss:()=>void){host.addController(this);} + get opened():boolean{return this.#target!==null;} + show(anchor:HTMLElement,surface:HTMLElement):void{ + this.close();if(!anchor.isConnected||!surface.isConnected)return; + this.#target={anchor,surface};surface.showPopover();this.position(); + const listeners=new AbortController();this.#listeners=listeners;const options={signal:listeners.signal,capture:true}; + window.addEventListener('resize',this.position,options); + for(const root of selectionScrollRoots(anchor))root.addEventListener('scroll',this.position,options); + document.addEventListener('pointerdown',event=>{const path=event.composedPath();if(!path.includes(anchor)&&!path.includes(surface))this.dismiss();},options); + document.addEventListener('keydown',event=>{if(event.key==='Escape'){event.preventDefault();this.dismiss();}},options); + surface.addEventListener('toggle',()=>{if(!surface.matches(':popover-open'))this.dismiss();},options); + } + close():void{ + this.#listeners?.abort();this.#listeners=null; + if(this.#target?.surface.matches(':popover-open'))this.#target.surface.hidePopover(); + this.#target=null; + } + position=():void=>{ + const target=this.#target;if(target===null)return;const{anchor,surface}=target; + const box=anchor.getBoundingClientRect(),width=window.innerWidth,height=window.innerHeight; + surface.style.minWidth=Math.min(box.width,width-16)+'px';surface.style.maxWidth=width-16+'px'; + surface.style.maxHeight=Math.max(40,height-16)+'px'; + const rectangle=surface.getBoundingClientRect(),below=height-box.bottom-8,above=box.top-8; + const top=below>=rectangle.height||below>=above; + surface.style.maxHeight=Math.max(40,top?below:above)+'px'; + surface.style.left=Math.max(8,Math.min(width-rectangle.width-8,box.left+(box.width-rectangle.width)/2))+'px'; + surface.style.top=(top?box.bottom:Math.max(8,box.top-Math.min(rectangle.height,above)))+'px';surface.dataset.placement=top?'bottom':'top'; + }; + hostDisconnected():void{this.close();} +} diff --git a/packages/core/src/components/tabs.ts b/packages/core/src/components/tabs.ts new file mode 100644 index 0000000..4e81e80 --- /dev/null +++ b/packages/core/src/components/tabs.ts @@ -0,0 +1,151 @@ +import {NavigationOverflowController} from './navigation-overflow.js'; +import {LitElement, css, html, nothing} from 'lit'; +import {navigationState, type NavigationItem, type NavigationKind, type NavigationState} from '../contracts.js'; + +export interface NavigationSelectionDetail { readonly kind: NavigationKind; readonly id: string; } +export type NavigationSelectionEvent = CustomEvent; + +/** A controlled HA-style navigation bar or local, manually activated panel tabs. */ +export class HaTabs extends LitElement { + static properties = {state: {attribute: false, noAccessor: true}}; + // Measured HA dashboard tab and SVG styles; native semantics, local data, see NOTICE. + static styles = css` + :host { display:block; min-width:0; font:500 14px/1.6 var(--vyp-ha-font-family,var(--primary-font-family,Roboto,Noto,sans-serif)); } + :host([hidden]){display:none;} + .frame { position:relative; height:56px; min-width:0; overflow:hidden; box-sizing:border-box; + background:var(--vyp-ha-surface,var(--app-header-background-color,var(--card-background-color,#fff))); + border-bottom:var(--vyp-ha-tab-border,var(--app-header-border-bottom,1px solid var(--vyp-ha-border,var(--divider-color,#e0e0e0)))); } + .items { display:flex; align-items:flex-start; flex:0 0 auto; min-width:100%; width:max-content; } + .scroll-control { position:absolute; inset-block-start:0; height:56px; width:1.5em; z-index:1; + display:flex; align-items:center; justify-content:center; + color:var(--vyp-ha-text,var(--app-header-text-color,var(--primary-text-color,#141414))); + background:linear-gradient(90deg,var(--vyp-ha-surface,var(--app-header-background-color,var(--card-background-color,#fff))),transparent); } + .scroll-control.start { inset-inline-start:0; } + .scroll-control.end { inset-inline-end:0; background:linear-gradient(270deg,var(--vyp-ha-surface,var(--app-header-background-color,var(--card-background-color,#fff))),transparent); } + .scroll-button { display:flex; flex:none; align-items:center; justify-content:center; width:40px; height:40px; + box-sizing:border-box; margin:0; padding:0 12px; border:1px solid transparent; border-radius:12px; + background:transparent; color:inherit; font:inherit; cursor:pointer; } + .scroll-icon { display:inline-flex; align-items:center; justify-content:center; flex:none; width:1.25em; height:1em; pointer-events:none; } + .scroll-icon svg { display:block; width:auto; height:1em; overflow:visible; } + .scroll-button:focus-visible { outline:var(--vyp-ha-focus-ring,var(--wa-focus-ring,solid 2px #989898)); outline-offset:var(--wa-focus-ring-offset,2px); } + .scroll-button[aria-disabled=true] .scroll-icon { opacity:.5; } + .bar { display:flex; align-items:flex-start; gap:0; overflow-x:auto; overflow-y:hidden; height:56px; + scrollbar-width:none; box-sizing:border-box; + border-bottom:var(--vyp-ha-tab-border,var(--app-header-border-bottom,1px solid var(--vyp-ha-border,var(--divider-color,#e0e0e0)))); + background:transparent; } + .bar::-webkit-scrollbar { display:none; } + a[part=item],button[part=item] { flex:0 0 auto; box-sizing:border-box; min-width:0; height:56px; min-height:56px; display:flex; align-items:flex-start; + padding:0; margin:0; border:0; border-radius:0; font:inherit; white-space:nowrap; + color:var(--vyp-ha-text-secondary,var(--app-header-text-color,var(--primary-text-color,#141414))); + background:transparent; opacity:.8; cursor:pointer; text-decoration:none; } + .content { display:flex; box-sizing:border-box; align-items:center; justify-content:center; + padding:18px var(--vyp-ha-tab-padding,16px) 14px; } + .content.has-icon { padding-block:16px 12px; } + .icon { display:block; flex:none; width:var(--vyp-ha-tab-icon-size,var(--mdc-icon-size,24px)); + height:var(--vyp-ha-tab-icon-size,var(--mdc-icon-size,24px)); fill:var(--icon-primary-color,currentColor); pointer-events:none; } + .icon path { opacity:var(--icon-primary-opactity,1); } + .icon + .label:not([hidden]) { margin-inline-start:var(--vyp-ha-tab-icon-gap,var(--ha-space-2,8px)); } + [part=item][aria-current=page],[part=item][aria-selected=true] { opacity:1; + color:var(--vyp-ha-text,var(--app-header-text-color,var(--primary-text-color,#141414))); + border-bottom:2px solid var(--vyp-ha-tab-indicator-color,var(--app-header-selection-bar-color,var(--ha-tab-indicator-color,currentColor))); } + @media(hover:hover) { a[part=item]:hover:not([aria-disabled=true]),button[part=item]:hover:not(:disabled) { + color:var(--vyp-ha-text,var(--app-header-text-color,var(--primary-text-color,#141414))); } } + a[part=item]:focus-visible,button[part=item]:focus-visible { outline:none; } + a[part=item]:focus-visible .content,button[part=item]:focus-visible .content { + outline:var(--vyp-ha-focus-ring,var(--wa-focus-ring,solid 2px var(--vyp-ha-primary,#989898))); outline-offset:-5px; } + a[aria-disabled=true],button[part=item]:disabled { cursor:not-allowed; } + a[aria-disabled=true] .content,button[part=item]:disabled .content { opacity:.5; } + [hidden] { display:none !important; } + `; + #model = navigationState({kind:'navigation',label:'Sections',selected:null,items:[]}); + #focused: string | null = null; + readonly #overflow=new NavigationOverflowController(this); + #scrollFocused:{side:'start'|'end';button:EventTarget|null}|null=null; + protected updated():void {this.#overflow.update(this.state.selected);} + disconnectedCallback():void {super.disconnectedCallback();this.#scrollFocused=null;} + get state(): NavigationState { return this.#model; } + set state(value: NavigationState) { + const next = navigationState(value), previous = this.#model; + this.#model = next; this.#focused = null; this.requestUpdate('state', previous); + } + #activate(event: MouseEvent, item: NavigationItem, snapshot: NavigationState): void { + if (snapshot !== this.state || item.disabled || this.#overflow.consumeClick(event)) { event.preventDefault(); return; } + if (event.defaultPrevented) return; + if (snapshot.kind === 'navigation' && (event.button !== 0 || event.ctrlKey || event.metaKey || event.shiftKey || event.altKey)) return; + const intent: NavigationSelectionEvent = new CustomEvent('ha-selection-request', { + detail: Object.freeze({kind:snapshot.kind,id:item.id}), bubbles:true, composed:true, cancelable:true, + }); + if (!this.dispatchEvent(intent)) event.preventDefault(); + } + #move(event: KeyboardEvent, item: NavigationItem, snapshot: NavigationState): void { + if (snapshot !== this.state || item.disabled || event.defaultPrevented || event.altKey || event.ctrlKey || event.metaKey) return; + const enabled = snapshot.items.filter(row => !row.disabled); + const index = enabled.findIndex(row => row.id === item.id); + const direction = getComputedStyle(this).direction === 'rtl' ? -1 : 1; + let destination: number; + switch (event.key) { + case 'Home': destination=0; break; + case 'End': destination=enabled.length-1; break; + case 'ArrowRight': destination=(index+direction+enabled.length)%enabled.length; break; + case 'ArrowLeft': destination=(index-direction+enabled.length)%enabled.length; break; + default: return; + } + event.preventDefault(); this.#focused=enabled[destination].id; this.requestUpdate(); + this.renderRoot.querySelector('#tab-'+this.#focused)!.focus(); + } + #reveal(): void { + const focused=this.renderRoot.querySelector('[part=item]:focus');if(focused)this.#overflow.reveal(focused); + } + #leave(event: FocusEvent): void { + const bar=event.currentTarget as HTMLElement; + if (!(event.relatedTarget instanceof Node) || !bar.contains(event.relatedTarget)) { + this.#focused=null; this.requestUpdate(); + } + } + #content(item: NavigationItem) { + return html`${item.iconPath ? html`` : nothing}${item.label}`; + } + #list(snapshot:NavigationState) { + if (snapshot.kind === 'navigation') return html``; + const enabled=snapshot.items.filter(item=>!item.disabled); + const tabStop=enabled.find(item=>item.id === this.#focused)?.id ?? snapshot.selected ?? enabled[0]?.id; + return html`
+
${snapshot.items.map(item => html``)}
+
`; + } + #scrollControl(side:'start'|'end',snapshot:NavigationState) { + const geometry=this.#overflow.geometry,available=geometry[side]; + if(!available&&this.#scrollFocused?.side!==side)return nothing; + // Font Awesome Free 7.0.0 chevrons, Copyright 2025 Fonticons, CC-BY-4.0; see NOTICE. + const left='M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z'; + const right='M311.1 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L243.2 256 73.9 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z'; + return html``; + } + protected render() { + const snapshot=this.state; + return html`
${this.#scrollControl('start',snapshot)}${this.#list(snapshot)}${this.#scrollControl('end',snapshot)}
${snapshot.kind==='panels'?snapshot.items.map(item=>html`
`):nothing}`; + } +} + +/** Call at the explicit client boundary. Imports never define tags; component rendering and registration require a live browser. */ +export function registerTabs(registry: CustomElementRegistry | undefined = globalThis.customElements): void { + if (registry === undefined || typeof document === 'undefined') throw new Error('registerTabs requires a browser CustomElementRegistry'); + const current=registry.get('vyp-ha-tabs'); + if (current !== undefined && current !== HaTabs) throw new Error('vyp-ha-tabs registration conflict; use one reviewed package cohort'); + if (current === undefined) registry.define('vyp-ha-tabs',HaTabs); +} + +declare global { + interface HTMLElementTagNameMap { 'vyp-ha-tabs': HaTabs; } + interface HTMLElementEventMap { 'ha-selection-request': NavigationSelectionEvent; } +} diff --git a/packages/core/src/contracts.ts b/packages/core/src/contracts.ts new file mode 100644 index 0000000..c0807ed --- /dev/null +++ b/packages/core/src/contracts.ts @@ -0,0 +1,79 @@ +import {presentationText} from './presentation-text.js'; +/** DOM-independent presentation data. Construction grants no application authority. */ +export type NavigationKind = 'navigation' | 'panels'; +export interface NavigationItem { + readonly id: string; + readonly label: string; + readonly disabled: boolean; + readonly href: string | null; + /** Inert local SVG path command data in a 24-unit view box; no URL or markup. */ + readonly iconPath?: string | null; + readonly showLabel?: boolean; +} +export interface NavigationState { + readonly kind: NavigationKind; + readonly label: string; + readonly selected: string | null; + readonly items: readonly NavigationItem[]; + readonly scrollStartLabel?: string; + readonly scrollEndLabel?: string; +} +export class NavigationInputError extends Error { + readonly code = 'invalid_navigation'; + constructor() { super('invalid_navigation'); this.name = 'NavigationInputError'; } +} +function invalid(): never { throw new NavigationInputError(); } +function object(value: unknown, allowed: readonly string[], required: readonly string[]): Record { + if (typeof value !== 'object' || value === null || Array.isArray(value)) invalid(); + if (Object.keys(value).some(key => !allowed.includes(key)) || required.some(key => !Object.hasOwn(value, key))) invalid(); + return value as Record; +} +function text(value: unknown, maximum: number): string { + if (!presentationText(value, maximum)) invalid(); + return value; +} +function identifier(value: unknown): string { + const id = text(value, 128); + if (!/^[A-Za-z0-9_-]+$/u.test(id)) invalid(); + return id; +} +function link(value: unknown): string { + const href = text(value, 2048); + if (href.trim() !== href || href.startsWith('//') || href.includes('\\')) invalid(); + let parsed: URL; + try { parsed = new URL(href, 'https://ha-ui.invalid/'); } catch { return invalid(); } + if (!['https:', 'http:'].includes(parsed.protocol) || parsed.username || parsed.password) invalid(); + return href; +} +/** Validate a whole controlled state; never choose a route or invoke a renderer callback. */ +export function navigationState(raw: unknown): NavigationState { + const source = object(raw, ['kind', 'label', 'selected', 'items', 'scrollStartLabel', 'scrollEndLabel'], ['kind', 'label', 'selected', 'items']); + const kind = source.kind; + if (kind !== 'navigation' && kind !== 'panels') invalid(); + const label = text(source.label, 256); + const input=source.items; + if (!Array.isArray(input) || input.length > 64) invalid(); + const items:NavigationItem[]=[]; + for (let index=0,length=input.length;index item.id)).size !== items.length) invalid(); + const selected = source.selected === null ? null : identifier(source.selected); + if (selected !== null) { + const current = items.find(item => item.id === selected); + if (current === undefined || current.disabled) invalid(); + } + const scrollStartLabel=source.scrollStartLabel===undefined?'Scroll to start':text(source.scrollStartLabel,256); + const scrollEndLabel=source.scrollEndLabel===undefined?'Scroll to end':text(source.scrollEndLabel,256); + return Object.freeze({kind, label, selected, items: Object.freeze(items), scrollStartLabel, scrollEndLabel}); +} diff --git a/packages/core/src/dialog-contracts.ts b/packages/core/src/dialog-contracts.ts new file mode 100644 index 0000000..c2f4e29 --- /dev/null +++ b/packages/core/src/dialog-contracts.ts @@ -0,0 +1,45 @@ +import {presentationText} from './presentation-text.js'; + +export type DialogKind='standard'|'alert'; +export type DialogWidth='small'|'medium'|'large'|'full'; +export type DialogConfirmTone='primary'|'danger'; +export type DialogAction='confirm'|'cancel'|'close'|'escape'|'scrim'|'native'; +export interface DialogState { + readonly title:string;readonly subtitle:string;readonly description:string; + readonly kind:DialogKind;readonly width:DialogWidth; + readonly closeLabel:string;readonly cancelLabel:string;readonly confirmLabel:string; + readonly confirmTone:DialogConfirmTone;readonly confirmDisabled:boolean; + readonly pending:boolean;readonly pendingLabel:string;readonly guardDismiss:boolean; +} +export interface DialogRequestDetail {readonly action:DialogAction;} +export class DialogInputError extends Error { + readonly code='invalid_dialog';constructor(){super('invalid_dialog');this.name='DialogInputError';} +} +const keys=['title','subtitle','description','kind','width','closeLabel','cancelLabel','confirmLabel','confirmTone','confirmDisabled','pending','pendingLabel','guardDismiss']; +const actions=['confirm','cancel','close','escape','scrim','native'] as const; +function invalid():never{throw new DialogInputError();} +export function dialogOpen(raw:unknown):boolean{if(typeof raw!=='boolean')invalid();return raw;} +export function dialogState(raw:unknown):DialogState { + if(typeof raw!=='object'||raw===null||Array.isArray(raw)||!Object.hasOwn(raw,'title')||Reflect.ownKeys(raw).some(key=>typeof key!=='string'||!keys.includes(key)))invalid(); + const value=raw as Record; + function text(key:string,maximum:number,fallback:string,empty=false):string { + const next=value[key]===undefined?fallback:value[key];if(!presentationText(next,maximum,empty))invalid();return next; + } + function option(key:string,accepted:readonly T[],fallback:T):T { + const next=value[key]===undefined?fallback:value[key]; + if(typeof next!=='string'||!accepted.includes(next as T))invalid();return next as T; + } + function flag(key:string):boolean{return dialogOpen(value[key]===undefined?false:value[key]);} + return Object.freeze({ + title:text('title',256,''),subtitle:text('subtitle',256,'',true),description:text('description',1024,'',true), + kind:option('kind',['standard','alert'],'standard'),width:option('width',['small','medium','large','full'],'medium'), + closeLabel:text('closeLabel',256,'Close'),cancelLabel:text('cancelLabel',256,'Cancel',true),confirmLabel:text('confirmLabel',256,'',true), + confirmTone:option('confirmTone',['primary','danger'],'primary'),confirmDisabled:flag('confirmDisabled'), + pending:flag('pending'),pendingLabel:text('pendingLabel',512,'Working…'),guardDismiss:flag('guardDismiss'), + }); +} +export function dialogRequestDetail(raw:unknown):DialogRequestDetail { + if(typeof raw!=='object'||raw===null||Array.isArray(raw)||Reflect.ownKeys(raw).length!==1||!Object.hasOwn(raw,'action'))invalid(); + const action=(raw as Record).action;if(!actions.includes(action as DialogAction))invalid(); + return Object.freeze({action:action as DialogAction}); +} diff --git a/packages/core/src/feedback-contracts.ts b/packages/core/src/feedback-contracts.ts new file mode 100644 index 0000000..48faa65 --- /dev/null +++ b/packages/core/src/feedback-contracts.ts @@ -0,0 +1,25 @@ +import {presentationText} from './presentation-text.js'; + +export type FeedbackKind='notice'|'empty'|'loading'; +export type FeedbackTone='info'|'success'|'warning'|'error'; +export interface FeedbackState { + readonly kind:FeedbackKind;readonly tone:FeedbackTone;readonly title:string; + readonly message:string;readonly narrow:boolean;readonly icon:boolean; +} +export class FeedbackInputError extends Error { + readonly code='invalid_feedback'; + constructor(){super('invalid_feedback');this.name='FeedbackInputError';} +} +const keys=['kind','tone','title','message','narrow','icon']; +const tones:readonly FeedbackTone[]=['info','success','warning','error']; +function invalid():never{throw new FeedbackInputError();} +export function feedbackState(raw:unknown):FeedbackState{ + if(typeof raw!=='object'||raw===null||Array.isArray(raw)||Reflect.ownKeys(raw).some(key=>typeof key!=='string'||!keys.includes(key)))invalid(); + const {kind,tone='info',title='',message='',narrow=false,icon=true}=raw as Record; + if(kind!=='notice'&&kind!=='empty'&&kind!=='loading')invalid(); + if(typeof tone!=='string'||!tones.includes(tone as FeedbackTone)||!presentationText(title,256,true)||!presentationText(message,512,true)||typeof narrow!=='boolean'||typeof icon!=='boolean')invalid(); + if(kind!=='notice'&&(tone!=='info'||narrow))invalid(); + if(kind==='empty'?title==='':message==='')invalid(); + if(kind==='loading'&&(title!==''||!icon))invalid(); + return Object.freeze({kind,tone:tone as FeedbackTone,title,message,narrow,icon}); +} diff --git a/packages/core/src/field-contracts.ts b/packages/core/src/field-contracts.ts new file mode 100644 index 0000000..d134e53 --- /dev/null +++ b/packages/core/src/field-contracts.ts @@ -0,0 +1,60 @@ +import {presentationText} from './presentation-text.js'; +export interface TextFieldState { + readonly label:string; readonly description:string; readonly placeholder:string; + readonly required:boolean; readonly readOnly:boolean; readonly minLength:number; readonly maxLength:number; + readonly error:string; readonly requiredMessage:string; readonly tooShortMessage:string; readonly tooLongMessage:string; +} +export class FieldInputError extends Error { + readonly code='invalid_field'; + constructor(){super('invalid_field');this.name='FieldInputError';} +} +function invalid():never{throw new FieldInputError();} +function length(value:unknown,fallback:number):number { + const current=value===undefined?fallback:value; + if(typeof current!=='number'||!Number.isSafeInteger(current)||current<0||current>16384)invalid(); + return current; +} +export function textFieldState(raw:unknown):TextFieldState { + const keys=['label','description','placeholder','required','readOnly','minLength','maxLength','error','requiredMessage','tooShortMessage','tooLongMessage']; + if(typeof raw!=='object'||raw===null||Array.isArray(raw)||!Object.hasOwn(raw,'label')||Object.keys(raw).some(key=>!keys.includes(key)))invalid(); + const source=raw as Record; + function text(key:string,maximum:number,empty:boolean,fallback:string):string { + const current=source[key]===undefined?fallback:source[key]; + if(!presentationText(current,maximum,empty))invalid();return current; + } + function boolean(key:string):boolean { + const current=source[key]===undefined?false:source[key]; + if(typeof current!=='boolean')invalid();return current; + } + const minLength=length(source.minLength,0),maxLength=length(source.maxLength,16384); + if(minLength>maxLength)invalid(); + return Object.freeze({label:text('label',256,false,''),description:text('description',512,true,''),placeholder:text('placeholder',512,true,''),required:boolean('required'),readOnly:boolean('readOnly'),minLength,maxLength,error:text('error',512,true,''),requiredMessage:text('requiredMessage',512,false,'Enter a value.'),tooShortMessage:text('tooShortMessage',512,false,'Enter more characters.'),tooLongMessage:text('tooLongMessage',512,false,'Enter fewer characters.')}); +} +/** A literal single-line API value; no HTML parsing, normalization or diagnostic echo. */ +export function textFieldValue(value:unknown):string { + if(typeof value!=='string'||value.length>16384||/[\r\n]/u.test(value)||!value.isWellFormed())invalid();return value; +} +export function textFieldName(value:unknown):string { + if(!presentationText(value,128,true))invalid();return value; +} +export interface TextFieldValidity { + readonly flags:Readonly<{valueMissing:boolean;tooShort:boolean;tooLong:boolean;customError:boolean}>; + readonly message:string; +} +export function textFieldValidity(rawValue:unknown,rawState:unknown,customError:unknown=''):TextFieldValidity { + const value=textFieldValue(rawValue),state=textFieldState(rawState); + if(!presentationText(customError,512,true))invalid(); + const flags=Object.freeze({valueMissing:state.required&&value.length===0,tooShort:value.length>0&&value.lengthstate.maxLength,customError:!!(customError||state.error)}); + const message=customError||state.error||(flags.valueMissing?state.requiredMessage:flags.tooShort?state.tooShortMessage:flags.tooLong?state.tooLongMessage:''); + return Object.freeze({flags,message}); +} + +export type FieldValueReason='input'|'reset'|'restore'|'autocomplete'; +export interface FieldValueDetail {readonly value:string;readonly reason:FieldValueReason;} +/** Validate event payloads at each model bridge before any application callback. */ +export function fieldValueDetail(raw:unknown):FieldValueDetail { + if(typeof raw!=='object'||raw===null||Array.isArray(raw)||Object.keys(raw).length!==2||!Object.hasOwn(raw,'value')||!Object.hasOwn(raw,'reason'))invalid(); + const source=raw as Record,value=textFieldValue(source.value),reason=source.reason as FieldValueReason; + if(!['input','reset','restore','autocomplete'].includes(reason))invalid(); + return Object.freeze({value,reason}); +} diff --git a/packages/core/src/index.ts b/packages/core/src/index.ts new file mode 100644 index 0000000..45afc95 --- /dev/null +++ b/packages/core/src/index.ts @@ -0,0 +1,19 @@ +export {NavigationInputError, navigationState} from './contracts.js'; +export type {NavigationKind, NavigationItem, NavigationState} from './contracts.js'; +export {FieldInputError,textFieldState,textFieldValue,textFieldName,textFieldValidity,fieldValueDetail} from './field-contracts.js'; +export type {TextFieldState,TextFieldValidity,FieldValueReason,FieldValueDetail} from './field-contracts.js'; + +export {buttonState,buttonType,buttonName,buttonValue,buttonPressDetail,ButtonInputError} from './button-contracts.js'; +export type {ButtonType,ButtonVariant,ButtonSize,ButtonState,ButtonPressDetail} from './button-contracts.js'; +export {SelectInputError,selectState,selectSelection,selectName,selectValidity,selectEntries,selectValueDetail,selectRestoreState,selectRestoreValue} from './select-contracts.js'; +export type {SelectValue,SelectSelection,SelectOption,SelectState,SelectMode,SelectValidity,SelectValueReason,SelectValueDetail} from './select-contracts.js'; +export {CheckboxInputError,checkboxState,checkboxChecked,checkboxName,checkboxValue,checkboxValidity,checkboxChangeDetail,checkboxRestoreState,checkboxRestoreValue} from './checkbox-contracts.js'; +export type {CheckboxState,CheckboxValidity,CheckboxChangeReason,CheckboxChangeDetail} from './checkbox-contracts.js'; +export {DialogInputError,dialogState,dialogOpen,dialogRequestDetail} from './dialog-contracts.js'; +export type {DialogKind,DialogWidth,DialogConfirmTone,DialogAction,DialogState,DialogRequestDetail} from './dialog-contracts.js'; +export {CardInputError,cardState} from './card-contracts.js'; +export type {CardHeadingLevel,CardState} from './card-contracts.js'; +export {LayoutInputError,gridState,rowState} from './layout-contracts.js'; +export type {GridState,RowState} from './layout-contracts.js'; +export {FeedbackInputError,feedbackState} from './feedback-contracts.js'; +export type {FeedbackKind,FeedbackState,FeedbackTone} from './feedback-contracts.js'; diff --git a/packages/core/src/layout-contracts.ts b/packages/core/src/layout-contracts.ts new file mode 100644 index 0000000..4d07056 --- /dev/null +++ b/packages/core/src/layout-contracts.ts @@ -0,0 +1,27 @@ +import {presentationText} from './presentation-text.js'; + +export interface RowState {readonly label:string;readonly description:string;} +export interface GridState {readonly columns:number;readonly minColumnWidth:number;readonly square:boolean;readonly label:string;} +type LayoutErrorCode='invalid_row'|'invalid_grid'; +export class LayoutInputError extends Error { + constructor(readonly code:LayoutErrorCode){super(code);this.name='LayoutInputError';} +} +function source(raw:unknown,keys:readonly string[],code:LayoutErrorCode):Record{ + if(typeof raw!=='object'||raw===null||Array.isArray(raw)||Reflect.ownKeys(raw).some(key=>typeof key!=='string'||!keys.includes(key)))throw new LayoutInputError(code); + return raw as Record; +} +function integer(value:unknown,min:number,max:number):value is number{ + return typeof value==='number'&&Number.isInteger(value)&&value>=min&&value<=max; +} +export function rowState(raw:unknown):RowState { + const input=source(raw,['label','description'],'invalid_row'); + const {label,description=''}=input; + if(!presentationText(label,256)||!presentationText(description,512,true))throw new LayoutInputError('invalid_row'); + return Object.freeze({label,description}); +} +export function gridState(raw:unknown):GridState { + const input=source(raw,['columns','minColumnWidth','square','label'],'invalid_grid'); + const {columns=3,minColumnWidth=0,square=false,label=''}=input; + if(!integer(columns,1,6)||(minColumnWidth!==0&&!integer(minColumnWidth,96,720))||typeof square!=='boolean'||!presentationText(label,256,true))throw new LayoutInputError('invalid_grid'); + return Object.freeze({columns,minColumnWidth,square,label}); +} diff --git a/packages/core/src/navigation-scroll.ts b/packages/core/src/navigation-scroll.ts new file mode 100644 index 0000000..0a5c9ce --- /dev/null +++ b/packages/core/src/navigation-scroll.ts @@ -0,0 +1,11 @@ +/** DOM-free logical scroll geometry; one CSS pixel matches the measured HA edge tolerance. */ +export interface NavigationScrollGeometry {readonly maximum:number;readonly position:number;readonly viewport:number;readonly rtl:boolean;readonly start:boolean;readonly end:boolean;} +export function navigationScrollGeometry(width:number,viewport:number,offset:number,rtl:boolean):NavigationScrollGeometry { + if(![width,viewport,offset].every(Number.isFinite)||width<0||viewport<0)throw new RangeError('invalid_scroll_geometry'); + const maximum=Math.max(0,width-viewport),position=Math.max(0,Math.min(maximum,rtl?-offset:offset)); + return Object.freeze({maximum,position,viewport,rtl,start:maximum>1&&position>1,end:maximum>1&&positionmaximum) return false; + return !/[\u0000-\u001f\u007f-\u009f\ud800-\udfff]/u.test(value); +} diff --git a/packages/core/src/select-contracts.ts b/packages/core/src/select-contracts.ts new file mode 100644 index 0000000..f64bfc8 --- /dev/null +++ b/packages/core/src/select-contracts.ts @@ -0,0 +1,75 @@ +import {presentationText} from './presentation-text.js'; +export type SelectValue=string|number|boolean; +export type SelectSelection=SelectValue|null|readonly SelectValue[]; +export type SelectMode='auto'|'dropdown'|'list'; +export interface SelectOption {readonly value:SelectValue;readonly label:string;readonly disabled:boolean;} +export interface SelectState { + readonly label:string;readonly options:readonly SelectOption[];readonly description:string;readonly placeholder:string; + readonly emptyMessage:string;readonly error:string;readonly required:boolean;readonly multiple:boolean;readonly size:number; + readonly requiredMessage:string;readonly unavailableMessage:string;readonly clearable:boolean;readonly clearLabel:string; + readonly mode:SelectMode;readonly searchLabel:string;readonly searchPlaceholder:string;readonly notFoundMessage:string;readonly removeLabel:string; +} +export class SelectInputError extends Error {readonly code='invalid_select';constructor(){super('invalid_select');this.name='SelectInputError';}} +function invalid():never{throw new SelectInputError();} +function object(raw:unknown,keys:readonly string[],required:readonly string[]):Record{ + if(typeof raw!=='object'||raw===null||Array.isArray(raw)||required.some(key=>!Object.hasOwn(raw,key))||Reflect.ownKeys(raw).some(key=>typeof key!=='string'||!keys.includes(key)))invalid(); + return raw as Record; +} +function array(raw:unknown):readonly unknown[]{ + if(!Array.isArray(raw)||raw.length>256||Reflect.ownKeys(raw).some(key=>key!=='length'&&(typeof key!=='string'||!/^(0|[1-9]\d*)$/u.test(key)||Number(key)>=raw.length)))invalid(); + return raw; +} +function primitive(raw:unknown):SelectValue{ + if(typeof raw==='boolean'||(typeof raw==='number'&&Number.isFinite(raw)))return raw; + if(typeof raw==='string'&&raw.length<=1024&&raw.isWellFormed())return raw; + return invalid(); +} +function boolean(raw:unknown):boolean{if(raw===undefined)return false;if(typeof raw!=='boolean')invalid();return raw;} +function text(raw:unknown,maximum:number,empty:boolean,fallback:string):string{const value=raw===undefined?fallback:raw;if(!presentationText(value,maximum,empty))invalid();return value;} +/** Closed immutable options/configuration; selection has its own independently ordered model port. */ +export function selectState(raw:unknown):SelectState{ + const source=object(raw,['label','options','description','placeholder','emptyMessage','error','required','multiple','size','requiredMessage','unavailableMessage','clearable','clearLabel','mode','searchLabel','searchPlaceholder','notFoundMessage','removeLabel'],['label','options']); + const seen=new Set(),options:SelectOption[]=[]; + for(const item of array(source.options)){ + const option=object(item,['value','label','disabled'],['value','label']),value=primitive(option.value); + if(seen.has(value))invalid();seen.add(value);options.push(Object.freeze({value,label:text(option.label,256,false,''),disabled:boolean(option.disabled)})); + } + const multiple=boolean(source.multiple),size=source.size===undefined?(multiple?4:1):source.size; + if(typeof size!=='number'||!Number.isSafeInteger(size)||size<1||size>20)invalid(); + const mode=source.mode===undefined?'auto':source.mode;if(typeof mode!=='string'||!['auto','dropdown','list'].includes(mode))invalid(); + return Object.freeze({label:text(source.label,256,false,''),options:Object.freeze(options),description:text(source.description,512,true,''),placeholder:text(source.placeholder,256,true,'Select an option'),emptyMessage:text(source.emptyMessage,512,false,'No options available.'),error:text(source.error,512,true,''),required:boolean(source.required),multiple,size,requiredMessage:text(source.requiredMessage,512,false,'Select an option.'),unavailableMessage:text(source.unavailableMessage,512,false,'Select an available option.'),clearable:source.clearable===undefined?true:boolean(source.clearable),clearLabel:text(source.clearLabel,256,false,'Clear selection'),mode:mode as SelectMode,searchLabel:text(source.searchLabel,256,false,'Search options'),searchPlaceholder:text(source.searchPlaceholder,256,true,'Search'),notFoundMessage:text(source.notFoundMessage,512,false,'No matching options.'),removeLabel:text(source.removeLabel,256,false,'Remove')}); +} +export function selectSelection(raw:unknown):SelectSelection{ + if(raw===null)return null; + if(!Array.isArray(raw))return primitive(raw); + const values:SelectValue[]=[],seen=new Set(); + for(const item of array(raw)){const value=primitive(item);if(seen.has(value))invalid();seen.add(value);values.push(value);} + return Object.freeze(values); +} +export function selectName(raw:unknown):string{if(!presentationText(raw,128,true))invalid();return raw;} +function values(value:SelectSelection):readonly SelectValue[]{return value===null?[]:typeof value==='object'?value:[value];} +function wrongMode(value:SelectSelection,state:SelectState):boolean{return value!==null&&Array.isArray(value)!==state.multiple;} +export interface SelectValidity {readonly flags:Readonly<{valueMissing:boolean;customError:boolean}>;readonly message:string;} +export function selectValidity(rawValue:unknown,rawState:unknown,rawCustomError:unknown=''):SelectValidity{ + const value=selectSelection(rawValue),state=selectState(rawState),custom=text(rawCustomError,512,true,''),selected=values(value); + const available=new Set(state.options.filter(option=>!option.disabled).map(option=>option.value)); + const unavailable=wrongMode(value,state)||selected.some(item=>!available.has(item)); + const valueMissing=state.required&&selected.length===0,customError=!!(custom||state.error||unavailable); + return Object.freeze({flags:Object.freeze({valueMissing,customError}),message:custom||state.error||(unavailable?state.unavailableMessage:valueMissing?state.requiredMessage:'')}); +} +/** Successful native entries keep option order, omit unavailable values and serialize primitive types only here. */ +export function selectEntries(rawValue:unknown,rawState:unknown):readonly string[]{ + const value=selectSelection(rawValue),state=selectState(rawState);if(wrongMode(value,state))return Object.freeze([]); + const selected=new Set(values(value));return Object.freeze(state.options.filter(option=>!option.disabled&&selected.has(option.value)).map(option=>String(option.value))); +} +export type SelectValueReason='change'|'reset'|'restore'|'autocomplete'; +export interface SelectValueDetail {readonly value:SelectSelection;readonly reason:SelectValueReason;} +export function selectValueDetail(raw:unknown):SelectValueDetail{ + const source=object(raw,['value','reason'],['value','reason']),value=selectSelection(source.value),reason=source.reason as SelectValueReason; + if(!['change','reset','restore','autocomplete'].includes(reason))invalid();return Object.freeze({value,reason}); +} +export function selectRestoreState(raw:unknown):string{return JSON.stringify(selectSelection(raw));} +export function selectRestoreValue(raw:unknown):SelectSelection{ + if(typeof raw!=='string'||raw.length>2000000||!raw.isWellFormed())invalid(); + let value:unknown;try{value=JSON.parse(raw);}catch{invalid();}return selectSelection(value); +} diff --git a/packages/core/src/select-multiple.ts b/packages/core/src/select-multiple.ts new file mode 100644 index 0000000..6a512bb --- /dev/null +++ b/packages/core/src/select-multiple.ts @@ -0,0 +1,16 @@ +import type {SelectOption,SelectSelection,SelectValue} from './select-contracts.js'; +/** Search excludes accepted values without coercing their primitive identities. Disabled choices remain visible. */ +export function multipleSelectOptions(options:readonly SelectOption[],value:SelectSelection,query:string):readonly number[]{ + const selected=typeof value==='object'?value??[]:[],search=query.trim().toLowerCase(); + return Object.freeze(options.flatMap((option,index)=>selected.includes(option.value)||!option.label.toLowerCase().includes(search)?[]:[index])); +} +/** Explicit user edits retain unknown values and model order; a full selection cannot overflow its contract. */ +export function changeMultipleSelection(value:SelectSelection,item:SelectValue,action:'add'|'remove'):readonly SelectValue[]|null{ + const selected:readonly SelectValue[]=typeof value==='object'?value??[]:[]; + if(action==='add'){ + if(selected.includes(item)||selected.length>=256)return null; + return Object.freeze([...selected,item]); + } + if(!selected.includes(item))return null; + return Object.freeze(selected.filter(value=>value!==item)); +} diff --git a/packages/core/src/select-navigation.ts b/packages/core/src/select-navigation.ts new file mode 100644 index 0000000..9ef4774 --- /dev/null +++ b/packages/core/src/select-navigation.ts @@ -0,0 +1,21 @@ +import type {SelectOption} from './select-contracts.js'; +export type OptionMovement='next'|'previous'|'first'|'last'; +/** Navigation is a data-only preview; it never commits or coerces an application value. */ +export function moveSelectOption(options:readonly SelectOption[],current:number,movement:OptionMovement):number{ + const available=options.flatMap((option,index)=>option.disabled?[]:[index]); + if(available.length===0)return -1; + if(movement==='first')return available[0]; + if(movement==='last')return available[available.length-1]; + const position=available.indexOf(current); + if(position<0)return movement==='previous'?available[available.length-1]:available[0]; + return available[Math.max(0,Math.min(available.length-1,position+(movement==='next'?1:-1)))]; +} +/** Prefix search wraps after the current item, retaining exact primitive option identity. */ +export function matchSelectOption(options:readonly SelectOption[],current:number,query:string):number{ + const prefix=query.toLowerCase();if(!prefix)return -1; + for(let offset=1;offset<=options.length;offset++){ + const index=((current+offset)%options.length+options.length)%options.length,option=options[index]; + if(!option.disabled&&option.label.toLowerCase().startsWith(prefix))return index; + } + return -1; +} diff --git a/packages/core/tsconfig.json b/packages/core/tsconfig.json new file mode 100644 index 0000000..288b799 --- /dev/null +++ b/packages/core/tsconfig.json @@ -0,0 +1,16 @@ +{ + "extends": "../../tsconfig.json", + "compilerOptions": { + "noEmit": false, + "rootDir": "src", + "outDir": "dist", + "declaration": true, + "declarationMap": true, + "sourceMap": true, + "composite": false, + "inlineSources": true + }, + "include": [ + "src/**/*.ts" + ] +} diff --git a/packages/react/LICENSE b/packages/react/LICENSE new file mode 100644 index 0000000..31822ab --- /dev/null +++ b/packages/react/LICENSE @@ -0,0 +1,21 @@ +MIT License + +Copyright (c) 2026 vypdev + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/packages/react/package.json b/packages/react/package.json new file mode 100644 index 0000000..fed43db --- /dev/null +++ b/packages/react/package.json @@ -0,0 +1,36 @@ +{ + "name": "@vypdev/ha-ui-react", + "version": "0.1.0-next.1", + "description": "React bindings for the shared Home Assistant UI components", + "type": "module", + "license": "MIT", + "repository": { + "type": "git", + "url": "https://github.com/vypdev/ha-ui.git", + "directory": "packages/react" + }, + "files": [ + "dist", + "src", + "LICENSE" + ], + "sideEffects": false, + "dependencies": { + "@vypdev/ha-ui": "workspace:*" + }, + "peerDependencies": { + "react": "19.3.1" + }, + "publishConfig": { + "access": "public" + }, + "exports": { + ".": { + "types": "./dist/index.d.ts", + "import": "./dist/index.js" + } + }, + "scripts": { + "build": "tsc -p tsconfig.json" + } +} diff --git a/packages/react/src/button.ts b/packages/react/src/button.ts new file mode 100644 index 0000000..635e8f9 --- /dev/null +++ b/packages/react/src/button.ts @@ -0,0 +1,22 @@ +'use client'; +import {createElement,useLayoutEffect,useRef,type HTMLAttributes,type ReactNode} from 'react'; +import {buttonPressDetail,type ButtonState,type ButtonType,type ButtonPressDetail} from '@vypdev/ha-ui/button-contracts'; +import type {HaButton,ButtonPressEvent} from '@vypdev/ha-ui/button'; +export interface ButtonProps extends Pick,'id'|'className'|'style'|'dir'|'lang'> { + state:ButtonState;type?:ButtonType;name?:string;value?:string;disabled?:boolean;formNoValidate?:boolean;form?:string; + onPressRequest?:(event:ButtonPressEvent)=>void;onPress?:(detail:ButtonPressDetail)=>void;leading?:ReactNode;trailing?:ReactNode; +} +/** Bind properties and synchronous intent; the registered core owns visuals and native forms. */ +export function Button({state,type='button',name='',value='',disabled=false,formNoValidate=false,form,onPressRequest,onPress,leading,trailing,id,className,style,dir,lang}:ButtonProps){ + const element=useRef(null); + useLayoutEffect(()=>{ + const host=element.current!;host.state=state;host.type=type;host.name=name;host.value=value;host.disabled=disabled;host.formNoValidate=formNoValidate; + if(form===undefined)host.removeAttribute('form');else host.setAttribute('form',form); + },[state,type,name,value,disabled,formNoValidate,form]); + useLayoutEffect(()=>{ + const host=element.current!; + const handle=(event:ButtonPressEvent)=>{if(event.composedPath()[0]!==host)return;const detail=buttonPressDetail(event.detail);onPressRequest?.(event);if(!event.defaultPrevented)onPress?.(detail);}; + host.addEventListener('ha-press-request',handle);return ()=>host.removeEventListener('ha-press-request',handle); + },[onPressRequest,onPress]); + return createElement('vyp-ha-button',{ref:element,id,className,style,dir,lang},leading===undefined?null:createElement('span',{slot:'leading'},leading),trailing===undefined?null:createElement('span',{slot:'trailing'},trailing)); +} diff --git a/packages/react/src/card.ts b/packages/react/src/card.ts new file mode 100644 index 0000000..315c190 --- /dev/null +++ b/packages/react/src/card.ts @@ -0,0 +1,12 @@ +'use client'; +import {createElement,useLayoutEffect,useRef,type HTMLAttributes,type ReactNode} from 'react'; +import type {CardState} from '@vypdev/ha-ui/card-contracts'; +import type {HaCard} from '@vypdev/ha-ui/card'; +export interface CardProps extends Pick,'id'|'className'|'style'|'dir'|'lang'>{ + state:CardState;children?:ReactNode;actions?:ReactNode; +} +export function Card({state,children,actions,id,className,style,dir,lang}:CardProps){ + const ref=useRef(null); + useLayoutEffect(()=>{ref.current!.state=state;},[state]); + return createElement('vyp-ha-card',{ref,id,className,style,dir,lang},children,actions===undefined?null:createElement('div',{slot:'actions','data-vyp-ha-card-projection':''},actions)); +} diff --git a/packages/react/src/checkbox.ts b/packages/react/src/checkbox.ts new file mode 100644 index 0000000..0f31eda --- /dev/null +++ b/packages/react/src/checkbox.ts @@ -0,0 +1,22 @@ +'use client'; +import {createElement,useLayoutEffect,useRef,type HTMLAttributes} from 'react'; +import {checkboxChangeDetail,type CheckboxState} from '@vypdev/ha-ui/checkbox-contracts'; +import type {HaCheckbox,CheckboxChangeEvent} from '@vypdev/ha-ui/checkbox'; +export interface CheckboxProps extends Pick,'id'|'className'|'style'|'dir'|'lang'> {state:CheckboxState;checked:boolean;defaultChecked?:boolean;value?:string;name?:string;disabled?:boolean;form?:string;onCheckedRequest?:(event:CheckboxChangeEvent)=>void;onCheckedChange?:(checked:boolean)=>void;} +/** React owns checked and mixed configuration; the core owns the only native checkbox. */ +export function Checkbox({state,checked,defaultChecked=false,value='on',name='',disabled=false,form,onCheckedRequest,onCheckedChange,id,className,style,dir,lang}:CheckboxProps){ + const element=useRef(null); + useLayoutEffect(()=>{const host=element.current!;host.state=state;host.name=name;host.value=value;host.defaultChecked=defaultChecked;host.disabled=disabled;if(form===undefined)host.removeAttribute('form');else host.setAttribute('form',form);host.checked=checked;},[state,checked,defaultChecked,value,name,disabled,form]); + useLayoutEffect(()=>{ + const host=element.current!; + const handle=(event:CheckboxChangeEvent)=>{ + if(event.composedPath()[0]!==host)return; + const detail=checkboxChangeDetail(event.detail); + onCheckedRequest?.(event); + if(!event.defaultPrevented)onCheckedChange?.(detail.checked); + }; + host.addEventListener('ha-check-request',handle); + return ()=>host.removeEventListener('ha-check-request',handle); + },[onCheckedRequest,onCheckedChange]); + return createElement('vyp-ha-checkbox',{ref:element,id,className,style,dir,lang}); +} diff --git a/packages/react/src/dialog.ts b/packages/react/src/dialog.ts new file mode 100644 index 0000000..5d765c6 --- /dev/null +++ b/packages/react/src/dialog.ts @@ -0,0 +1,19 @@ +'use client'; +import {createElement,useLayoutEffect,useRef,type HTMLAttributes,type ReactNode} from 'react'; +import {dialogRequestDetail,type DialogRequestDetail,type DialogState} from '@vypdev/ha-ui/dialog-contracts'; +import type {DialogRequestEvent,HaDialog} from '@vypdev/ha-ui/dialog'; +export interface DialogProps extends Pick,'id'|'className'|'style'|'dir'|'lang'>{ + state:DialogState;open:boolean;children?:ReactNode;footer?:ReactNode; + onRequest?:(event:DialogRequestEvent)=>void;onAction?:(detail:DialogRequestDetail)=>void; +} +/** Bind application state and slots to the registered native modal. */ +export function Dialog({state,open,children,footer,onRequest,onAction,id,className,style,dir,lang}:DialogProps){ + const ref=useRef(null); + useLayoutEffect(()=>{const host=ref.current!;host.state=state;host.open=open;},[state,open]); + useLayoutEffect(()=>{ + const host=ref.current!; + const handle=(event:DialogRequestEvent)=>{if(event.target!==host)return;const detail=dialogRequestDetail(event.detail);onRequest?.(event);if(!event.defaultPrevented)onAction?.(detail);}; + host.addEventListener('ha-dialog-request',handle);return()=>host.removeEventListener('ha-dialog-request',handle); + },[onRequest,onAction]); + return createElement('vyp-ha-dialog',{ref,id,className,style,dir,lang},children,footer===undefined?null:createElement('div',{slot:'footer'},footer)); +} diff --git a/packages/react/src/feedback.ts b/packages/react/src/feedback.ts new file mode 100644 index 0000000..c090f71 --- /dev/null +++ b/packages/react/src/feedback.ts @@ -0,0 +1,16 @@ +'use client'; +import {createElement,useLayoutEffect,useRef,type HTMLAttributes,type ReactNode} from 'react'; +import type {FeedbackState} from '@vypdev/ha-ui/feedback-contracts'; +import type {HaFeedback} from '@vypdev/ha-ui/feedback'; + +export interface FeedbackProps extends Pick,'id'|'className'|'style'|'dir'|'lang'>{ + state:FeedbackState;action?:ReactNode;icon?:ReactNode; +} +function project(slot:'action'|'icon',content:ReactNode){ + return content==null||typeof content==='boolean'?null:createElement('div',{slot,'data-vyp-ha-feedback-projection':''},content); +} +export function Feedback({state,action,icon,...attributes}:FeedbackProps){ + const ref=useRef(null); + useLayoutEffect(()=>{ref.current!.state=state;},[state]); + return createElement('vyp-ha-feedback',{...attributes,ref},project('icon',icon),project('action',action)); +} diff --git a/packages/react/src/index.ts b/packages/react/src/index.ts new file mode 100644 index 0000000..034d4a1 --- /dev/null +++ b/packages/react/src/index.ts @@ -0,0 +1,38 @@ +'use client'; +import {createElement, useLayoutEffect, useRef, type HTMLAttributes, type ReactNode} from 'react'; +import type {NavigationState} from '@vypdev/ha-ui/contracts'; +import type {HaTabs, NavigationSelectionEvent} from '@vypdev/ha-ui/tabs'; + +export interface TabsProps extends Pick,'id'|'className'|'style'|'dir'|'lang'> { + state: NavigationState; + onSelectionRequest?: (event:NavigationSelectionEvent)=>void; + children?: ReactNode; +} +/** Only React bindings; the app explicitly registers the shared element at its client boundary. */ +export function Tabs({state,onSelectionRequest,children,id,className,style,dir,lang}:TabsProps) { + const element=useRef(null); + useLayoutEffect(()=>{element.current!.state=state;},[state]); + useLayoutEffect(()=>{ + const host=element.current!; + const handle=(event:NavigationSelectionEvent)=>{if(event.composedPath()[0]===host)onSelectionRequest?.(event);}; + host.addEventListener('ha-selection-request',handle); + return ()=>host.removeEventListener('ha-selection-request',handle); + },[onSelectionRequest]); + return createElement('vyp-ha-tabs',{ref:element,id,className,style,dir,lang},children); +} +export {TextField} from './text-field.js'; +export type {TextFieldProps} from './text-field.js'; +export {Button} from './button.js'; +export type {ButtonProps} from './button.js'; +export {Select} from './select.js'; +export type {SelectProps} from './select.js'; +export {Checkbox} from './checkbox.js'; +export type {CheckboxProps} from './checkbox.js'; +export {Dialog} from './dialog.js'; +export type {DialogProps} from './dialog.js'; +export {Card} from './card.js'; +export type {CardProps} from './card.js'; +export {Grid,Row} from './layout.js'; +export type {GridProps,RowProps} from './layout.js'; +export {Feedback} from './feedback.js'; +export type {FeedbackProps} from './feedback.js'; diff --git a/packages/react/src/layout.ts b/packages/react/src/layout.ts new file mode 100644 index 0000000..bb81e20 --- /dev/null +++ b/packages/react/src/layout.ts @@ -0,0 +1,24 @@ +'use client'; +import {createElement,useLayoutEffect,useRef,type HTMLAttributes,type ReactNode} from 'react'; +import type {GridState,RowState} from '@vypdev/ha-ui/layout-contracts'; +import type {HaGrid,HaRow} from '@vypdev/ha-ui/layout'; + +type HostAttributes=Pick,'id'|'className'|'style'|'dir'|'lang'>; +export interface RowProps extends HostAttributes {state:RowState;leading?:ReactNode;trailing?:ReactNode;} +export interface GridProps extends HostAttributes {state:GridState;children?:ReactNode;} +function useHost(state:S){ + const ref=useRef(null); + useLayoutEffect(()=>{ref.current!.state=state;},[state]); + return ref; +} +function project(slot:'leading'|'trailing',content:ReactNode){ + return content===undefined?null:createElement('div',{slot,'data-vyp-ha-row-projection':''},content); +} +export function Row({state,leading,trailing,...attributes}:RowProps){ + const ref=useHost(state); + return createElement('vyp-ha-row',{...attributes,ref},project('leading',leading),project('trailing',trailing)); +} +export function Grid({state,children,...attributes}:GridProps){ + const ref=useHost(state); + return createElement('vyp-ha-grid',{...attributes,ref},children); +} diff --git a/packages/react/src/select.ts b/packages/react/src/select.ts new file mode 100644 index 0000000..b5b7838 --- /dev/null +++ b/packages/react/src/select.ts @@ -0,0 +1,22 @@ +'use client'; +import {createElement,useLayoutEffect,useRef,type HTMLAttributes} from 'react'; +import {selectValueDetail,type SelectState,type SelectSelection} from '@vypdev/ha-ui/select-contracts'; +import type {HaSelect,SelectValueEvent} from '@vypdev/ha-ui/select'; +export interface SelectProps extends Pick,'id'|'className'|'style'|'dir'|'lang'> {state:SelectState;value:SelectSelection;name?:string;defaultValue?:SelectSelection;disabled?:boolean;form?:string;onValueRequest?:(event:SelectValueEvent)=>void;onValueChange?:(value:SelectSelection)=>void;} +/** React owns typed selection; the shared native renderer owns forms and keyboard semantics. */ +export function Select({state,value,name='',defaultValue=null,disabled=false,form,onValueRequest,onValueChange,id,className,style,dir,lang}:SelectProps){ + const element=useRef(null); + useLayoutEffect(()=>{const host=element.current!;host.state=state;host.name=name;host.defaultValue=defaultValue;host.disabled=disabled;if(form===undefined)host.removeAttribute('form');else host.setAttribute('form',form);host.value=value;},[state,value,name,defaultValue,disabled,form]); + useLayoutEffect(()=>{ + const host=element.current!; + const handle=(event:SelectValueEvent)=>{ + if(event.composedPath()[0]!==host)return; + const detail=selectValueDetail(event.detail); + onValueRequest?.(event); + if(!event.defaultPrevented)onValueChange?.(detail.value); + }; + host.addEventListener('ha-select-request',handle); + return ()=>host.removeEventListener('ha-select-request',handle); + },[onValueRequest,onValueChange]); + return createElement('vyp-ha-select',{ref:element,id,className,style,dir,lang}); +} diff --git a/packages/react/src/text-field.ts b/packages/react/src/text-field.ts new file mode 100644 index 0000000..12ed829 --- /dev/null +++ b/packages/react/src/text-field.ts @@ -0,0 +1,29 @@ +'use client'; +import {createElement,useLayoutEffect,useRef,type HTMLAttributes} from 'react'; +import {fieldValueDetail} from '@vypdev/ha-ui/field-contracts'; +import type {TextFieldState} from '@vypdev/ha-ui/field-contracts'; +import type {HaTextField,FieldValueEvent} from '@vypdev/ha-ui/field'; +export interface TextFieldProps extends Pick,'id'|'className'|'style'|'dir'|'lang'> { + state:TextFieldState;value:string;name?:string;defaultValue?:string;disabled?:boolean;form?:string; + onValueRequest?:(event:FieldValueEvent)=>void;onValueChange?:(value:string)=>void; +} +/** React owns the model; the explicitly registered core owns native form behavior and visuals. */ +export function TextField({state,value,name='',defaultValue='',disabled=false,form,onValueRequest,onValueChange,id,className,style,dir,lang}:TextFieldProps){ + const element=useRef(null); + useLayoutEffect(()=>{ + const host=element.current!;host.state=state;host.name=name;host.defaultValue=defaultValue;host.disabled=disabled; + if(form===undefined)host.removeAttribute('form');else host.setAttribute('form',form); + host.value=value; + },[state,value,name,defaultValue,disabled,form]); + useLayoutEffect(()=>{ + const host=element.current!; + const handle=(event:FieldValueEvent)=>{ + if(event.composedPath()[0]!==host)return; + const detail=fieldValueDetail(event.detail); + onValueRequest?.(event); + if(!event.defaultPrevented)onValueChange?.(detail.value); + }; + host.addEventListener('ha-value-request',handle);return ()=>host.removeEventListener('ha-value-request',handle); + },[onValueRequest,onValueChange]); + return createElement('vyp-ha-field',{ref:element,id,className,style,dir,lang}); +} diff --git a/packages/react/tsconfig.json b/packages/react/tsconfig.json new file mode 100644 index 0000000..30f4a7f --- /dev/null +++ b/packages/react/tsconfig.json @@ -0,0 +1,17 @@ +{ + "extends": "../../tsconfig.json", + "compilerOptions": { + "noEmit": false, + "paths": {}, + "rootDir": "src", + "outDir": "dist", + "declaration": true, + "declarationMap": true, + "sourceMap": true, + "inlineSources": true + }, + "include": [ + "src/**/*.ts" + ], + "exclude": [] +} diff --git a/packages/svelte/LICENSE b/packages/svelte/LICENSE new file mode 100644 index 0000000..31822ab --- /dev/null +++ b/packages/svelte/LICENSE @@ -0,0 +1,21 @@ +MIT License + +Copyright (c) 2026 vypdev + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/packages/svelte/package.json b/packages/svelte/package.json new file mode 100644 index 0000000..d646ad8 --- /dev/null +++ b/packages/svelte/package.json @@ -0,0 +1,38 @@ +{ + "name": "@vypdev/ha-ui-svelte", + "version": "0.1.0-next.1", + "description": "Svelte bindings for the shared Home Assistant UI components", + "type": "module", + "license": "MIT", + "repository": { + "type": "git", + "url": "https://github.com/vypdev/ha-ui.git", + "directory": "packages/svelte" + }, + "files": [ + "dist", + "src", + "LICENSE" + ], + "sideEffects": false, + "dependencies": { + "@vypdev/ha-ui": "workspace:*" + }, + "peerDependencies": { + "svelte": "5.57.3" + }, + "publishConfig": { + "access": "public" + }, + "exports": { + ".": { + "types": "./dist/index.d.ts", + "svelte": "./dist/index.js", + "default": "./dist/index.js" + } + }, + "svelte": "./dist/index.js", + "scripts": { + "build": "svelte-package -i src -o dist --tsconfig tsconfig.json" + } +} diff --git a/packages/svelte/src/Button.svelte b/packages/svelte/src/Button.svelte new file mode 100644 index 0000000..a605681 --- /dev/null +++ b/packages/svelte/src/Button.svelte @@ -0,0 +1,20 @@ + + + {#if leading}{@render leading()}{/if} + {#if trailing}{@render trailing()}{/if} + diff --git a/packages/svelte/src/Card.svelte b/packages/svelte/src/Card.svelte new file mode 100644 index 0000000..e88f811 --- /dev/null +++ b/packages/svelte/src/Card.svelte @@ -0,0 +1,11 @@ + + + {@render children?.()} + {#if actions}
{@render actions()}
{/if} + diff --git a/packages/svelte/src/Checkbox.svelte b/packages/svelte/src/Checkbox.svelte new file mode 100644 index 0000000..cf03d8c --- /dev/null +++ b/packages/svelte/src/Checkbox.svelte @@ -0,0 +1,20 @@ + + diff --git a/packages/svelte/src/Dialog.svelte b/packages/svelte/src/Dialog.svelte new file mode 100644 index 0000000..9ed8d61 --- /dev/null +++ b/packages/svelte/src/Dialog.svelte @@ -0,0 +1,18 @@ + + + {@render children?.()} + {#if footer}
{@render footer()}
{/if} + diff --git a/packages/svelte/src/Feedback.svelte b/packages/svelte/src/Feedback.svelte new file mode 100644 index 0000000..2e46b76 --- /dev/null +++ b/packages/svelte/src/Feedback.svelte @@ -0,0 +1,11 @@ + + + {#if icon}
{@render icon()}
{/if} + {#if action}
{@render action()}
{/if} + diff --git a/packages/svelte/src/Field.svelte b/packages/svelte/src/Field.svelte new file mode 100644 index 0000000..f785a62 --- /dev/null +++ b/packages/svelte/src/Field.svelte @@ -0,0 +1,24 @@ + + diff --git a/packages/svelte/src/Grid.svelte b/packages/svelte/src/Grid.svelte new file mode 100644 index 0000000..e3750b0 --- /dev/null +++ b/packages/svelte/src/Grid.svelte @@ -0,0 +1,10 @@ + + + {@render children?.()} + diff --git a/packages/svelte/src/Row.svelte b/packages/svelte/src/Row.svelte new file mode 100644 index 0000000..c8bfd1f --- /dev/null +++ b/packages/svelte/src/Row.svelte @@ -0,0 +1,11 @@ + + + {#if leading}
{@render leading()}
{/if} + {#if trailing}
{@render trailing()}
{/if} + diff --git a/packages/svelte/src/Select.svelte b/packages/svelte/src/Select.svelte new file mode 100644 index 0000000..7802d44 --- /dev/null +++ b/packages/svelte/src/Select.svelte @@ -0,0 +1,20 @@ + + diff --git a/packages/svelte/src/Tabs.svelte b/packages/svelte/src/Tabs.svelte new file mode 100644 index 0000000..84af464 --- /dev/null +++ b/packages/svelte/src/Tabs.svelte @@ -0,0 +1,18 @@ + + + {#each Object.entries(panels ?? {}) as [id,content] (id)} +
{@render content()}
+ {/each} + diff --git a/packages/svelte/src/index.ts b/packages/svelte/src/index.ts new file mode 100644 index 0000000..1ed9983 --- /dev/null +++ b/packages/svelte/src/index.ts @@ -0,0 +1,19 @@ +export {default as Tabs} from './Tabs.svelte'; +export type {TabsProps} from './types.js'; +export {default as TextField} from './Field.svelte'; +export type {TextFieldProps} from './types.js'; +export {default as Button} from './Button.svelte'; +export type {ButtonProps} from './types.js'; +export {default as Select} from './Select.svelte'; +export type {SelectProps} from './types.js'; +export {default as Checkbox} from './Checkbox.svelte'; +export type {CheckboxProps} from './types.js'; +export {default as Dialog} from './Dialog.svelte'; +export type {DialogProps} from './types.js'; +export {default as Card} from './Card.svelte'; +export type {CardProps} from './types.js'; +export {default as Row} from './Row.svelte'; +export {default as Grid} from './Grid.svelte'; +export type {GridProps,RowProps} from './types.js'; +export {default as Feedback} from './Feedback.svelte'; +export type {FeedbackProps} from './types.js'; diff --git a/packages/svelte/src/types.ts b/packages/svelte/src/types.ts new file mode 100644 index 0000000..321a91b --- /dev/null +++ b/packages/svelte/src/types.ts @@ -0,0 +1,56 @@ +import type {Snippet} from 'svelte'; +import type {HTMLAttributes} from 'svelte/elements'; +import type {NavigationState} from '@vypdev/ha-ui/contracts'; +import type {NavigationSelectionEvent} from '@vypdev/ha-ui/tabs'; +export interface TabsProps extends Pick,'id'|'class'|'style'|'lang'|'dir'> { + state:NavigationState; + onSelectionRequest?:(event:NavigationSelectionEvent)=>void; + panels?:Readonly>; +} + +import type {TextFieldState} from '@vypdev/ha-ui/field-contracts'; +import type {FieldValueEvent} from '@vypdev/ha-ui/field'; +export interface TextFieldProps extends Pick,'id'|'class'|'style'|'lang'|'dir'> { + state:TextFieldState;value:string;name?:string;defaultValue?:string;disabled?:boolean;form?:string; + onValueRequest?:(event:FieldValueEvent)=>void;onValueChange?:(value:string)=>void; +} + +import type {ButtonState,ButtonType,ButtonPressDetail} from '@vypdev/ha-ui/button-contracts'; +import type {ButtonPressEvent} from '@vypdev/ha-ui/button'; +export interface ButtonProps extends Pick,'id'|'class'|'style'|'lang'|'dir'> { + state:ButtonState;type?:ButtonType;name?:string;value?:string;disabled?:boolean;formNoValidate?:boolean;form?:string; + onPressRequest?:(event:ButtonPressEvent)=>void;onPress?:(detail:ButtonPressDetail)=>void;leading?:Snippet;trailing?:Snippet; +} + +import type {SelectState,SelectSelection} from '@vypdev/ha-ui/select-contracts'; +import type {SelectValueEvent} from '@vypdev/ha-ui/select'; +export interface SelectProps extends Pick,'id'|'class'|'style'|'lang'|'dir'> {state:SelectState;value:SelectSelection;name?:string;defaultValue?:SelectSelection;disabled?:boolean;form?:string;onValueRequest?:(event:SelectValueEvent)=>void;onValueChange?:(value:SelectSelection)=>void;} + +import type {CheckboxState} from '@vypdev/ha-ui/checkbox-contracts'; +import type {CheckboxChangeEvent} from '@vypdev/ha-ui/checkbox'; +export interface CheckboxProps extends Pick,'id'|'class'|'style'|'lang'|'dir'> {state:CheckboxState;checked:boolean;defaultChecked?:boolean;value?:string;name?:string;disabled?:boolean;form?:string;onCheckedRequest?:(event:CheckboxChangeEvent)=>void;onCheckedChange?:(checked:boolean)=>void;} + +import type {DialogRequestDetail,DialogState} from '@vypdev/ha-ui/dialog-contracts'; +import type {DialogRequestEvent} from '@vypdev/ha-ui/dialog'; +export interface DialogProps extends Pick,'id'|'class'|'style'|'lang'|'dir'>{ + state:DialogState;open:boolean;children?:Snippet;footer?:Snippet; + onRequest?:(event:DialogRequestEvent)=>void;onAction?:(detail:DialogRequestDetail)=>void; +} + +import type {CardState} from '@vypdev/ha-ui/card-contracts'; +export interface CardProps extends Pick,'id'|'class'|'style'|'lang'|'dir'>{ + state:CardState;children?:Snippet;actions?:Snippet; +} + +import type {GridState,RowState} from '@vypdev/ha-ui/layout-contracts'; +export interface RowProps extends Pick,'id'|'class'|'style'|'lang'|'dir'> { + state:RowState;leading?:Snippet;trailing?:Snippet; +} +export interface GridProps extends Pick,'id'|'class'|'style'|'lang'|'dir'> { + state:GridState;children?:Snippet; +} + +import type {FeedbackState} from '@vypdev/ha-ui/feedback-contracts'; +export interface FeedbackProps extends Pick,'id'|'class'|'style'|'lang'|'dir'>{ + state:FeedbackState;action?:Snippet;icon?:Snippet; +} diff --git a/packages/svelte/svelte.config.js b/packages/svelte/svelte.config.js new file mode 100644 index 0000000..5a5c9d1 --- /dev/null +++ b/packages/svelte/svelte.config.js @@ -0,0 +1,2 @@ +import {vitePreprocess} from '@sveltejs/vite-plugin-svelte'; +export default {preprocess: vitePreprocess({script:true})}; diff --git a/packages/svelte/tsconfig.json b/packages/svelte/tsconfig.json new file mode 100644 index 0000000..1e60107 --- /dev/null +++ b/packages/svelte/tsconfig.json @@ -0,0 +1,13 @@ +{ + "extends": "../../tsconfig.json", + "compilerOptions": { + "paths": {}, + "module": "ESNext", + "moduleResolution": "Bundler" + }, + "include": [ + "src/**/*.ts", + "src/**/*.svelte" + ], + "exclude": [] +} diff --git a/packages/vue/LICENSE b/packages/vue/LICENSE new file mode 100644 index 0000000..31822ab --- /dev/null +++ b/packages/vue/LICENSE @@ -0,0 +1,21 @@ +MIT License + +Copyright (c) 2026 vypdev + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/packages/vue/package.json b/packages/vue/package.json new file mode 100644 index 0000000..078330e --- /dev/null +++ b/packages/vue/package.json @@ -0,0 +1,36 @@ +{ + "name": "@vypdev/ha-ui-vue", + "version": "0.1.0-next.1", + "description": "Vue bindings for the shared Home Assistant UI components", + "type": "module", + "license": "MIT", + "repository": { + "type": "git", + "url": "https://github.com/vypdev/ha-ui.git", + "directory": "packages/vue" + }, + "files": [ + "dist", + "src", + "LICENSE" + ], + "sideEffects": false, + "dependencies": { + "@vypdev/ha-ui": "workspace:*" + }, + "peerDependencies": { + "vue": "3.5.44" + }, + "publishConfig": { + "access": "public" + }, + "exports": { + ".": { + "types": "./dist/index.d.ts", + "import": "./dist/index.js" + } + }, + "scripts": { + "build": "tsc -p tsconfig.json" + } +} diff --git a/packages/vue/src/button.ts b/packages/vue/src/button.ts new file mode 100644 index 0000000..a795886 --- /dev/null +++ b/packages/vue/src/button.ts @@ -0,0 +1,23 @@ +import {nativeHostAttributes} from './native-host-attributes.js'; +import {defineComponent,h,onMounted,onBeforeUnmount,shallowRef,watch,type PropType} from 'vue'; +import {buttonPressDetail,type ButtonState,type ButtonType,type ButtonPressDetail} from '@vypdev/ha-ui/button-contracts'; +import type {HaButton,ButtonPressEvent} from '@vypdev/ha-ui/button'; +/** Vue slots and synchronous events bind the one registered native-form renderer. */ +export const Button=defineComponent({ + name:'HaUiButton',inheritAttrs:false, + props:{state:{type:Object as PropType,required:true},type:{type:String as PropType,default:'button'}, + name:{type:String,default:''},value:{type:String,default:''},disabled:{type:Boolean,default:false},formNoValidate:{type:Boolean,default:false},form:{type:String}}, + emits:{pressRequest:(_event:ButtonPressEvent)=>true,press:(_detail:ButtonPressDetail)=>true}, + setup(props,{attrs,slots,emit}){ + const element=shallowRef(null); + const apply=()=>{ + const host=element.value!;host.state=props.state;host.type=props.type;host.name=props.name;host.value=props.value;host.disabled=props.disabled;host.formNoValidate=props.formNoValidate; + if(props.form===undefined)host.removeAttribute('form');else host.setAttribute('form',props.form); + }; + const handle=(event:ButtonPressEvent)=>{if(event.composedPath()[0]!==element.value)return;const detail=buttonPressDetail(event.detail);emit('pressRequest',event);if(!event.defaultPrevented)emit('press',detail);}; + onMounted(()=>{apply();element.value!.addEventListener('ha-press-request',handle);}); + watch(()=>[props.state,props.type,props.name,props.value,props.disabled,props.formNoValidate,props.form],apply,{flush:'post'}); + onBeforeUnmount(()=>element.value!.removeEventListener('ha-press-request',handle)); + return ()=>h('vyp-ha-button',{...nativeHostAttributes(attrs),ref:element},[slots.leading?h('span',{slot:'leading'},slots.leading()):null,slots.trailing?h('span',{slot:'trailing'},slots.trailing()):null]); + }, +}); diff --git a/packages/vue/src/card.ts b/packages/vue/src/card.ts new file mode 100644 index 0000000..021e4fe --- /dev/null +++ b/packages/vue/src/card.ts @@ -0,0 +1,13 @@ +import {defineComponent,h,onMounted,shallowRef,watch,type PropType} from 'vue'; +import type {CardState} from '@vypdev/ha-ui/card-contracts'; +import type {HaCard} from '@vypdev/ha-ui/card'; +import {nativeHostAttributes} from './native-host-attributes.js'; +export const Card=defineComponent({ + name:'HaUiCard',inheritAttrs:false,props:{state:{type:Object as PropType,required:true}}, + setup(props,{attrs,slots}){ + const ref=shallowRef(null); + const apply=()=>{ref.value!.state=props.state;};onMounted(apply); + watch(()=>props.state,apply,{flush:'post'}); + return()=>h('vyp-ha-card',{...nativeHostAttributes(attrs),ref},[slots.default?.(),slots.actions?h('div',{slot:'actions','data-vyp-ha-card-projection':''},slots.actions()):null]); + }, +}); diff --git a/packages/vue/src/checkbox.ts b/packages/vue/src/checkbox.ts new file mode 100644 index 0000000..a692cd4 --- /dev/null +++ b/packages/vue/src/checkbox.ts @@ -0,0 +1,21 @@ +import {nativeHostAttributes} from './native-host-attributes.js'; +import {defineComponent,h,onMounted,onBeforeUnmount,shallowRef,watch,type PropType} from 'vue'; +import {checkboxChangeDetail,type CheckboxState} from '@vypdev/ha-ui/checkbox-contracts'; +import type {HaCheckbox,CheckboxChangeEvent} from '@vypdev/ha-ui/checkbox'; +/** Boolean v-model and synchronous original events reuse the shared native form control. */ +export const Checkbox=defineComponent({name:'HaUiCheckbox',inheritAttrs:false, + props:{state:{type:Object as PropType,required:true},modelValue:{type:Boolean,required:true},defaultChecked:{type:Boolean,default:false},value:{type:String,default:'on'},name:{type:String,default:''},disabled:{type:Boolean,default:false},form:{type:String}}, + emits:{checkedRequest:(_event:CheckboxChangeEvent)=>true,'update:modelValue':(_checked:boolean)=>true}, + setup(props,{attrs,emit}){ + const element=shallowRef(null); + const apply=()=>{const host=element.value!;host.state=props.state;host.name=props.name;host.value=props.value;host.defaultChecked=props.defaultChecked;host.disabled=props.disabled;if(props.form===undefined)host.removeAttribute('form');else host.setAttribute('form',props.form);host.checked=props.modelValue;}; + const handle=(event:CheckboxChangeEvent)=>{ + if(event.composedPath()[0]!==element.value)return; + const detail=checkboxChangeDetail(event.detail); + emit('checkedRequest',event); + if(!event.defaultPrevented)emit('update:modelValue',detail.checked); + }; + onMounted(()=>{apply();element.value!.addEventListener('ha-check-request',handle);});watch(()=>[props.state,props.modelValue,props.defaultChecked,props.value,props.name,props.disabled,props.form],apply,{flush:'post'});onBeforeUnmount(()=>element.value!.removeEventListener('ha-check-request',handle)); + return ()=>h('vyp-ha-checkbox',{...nativeHostAttributes(attrs),ref:element}); + }, +}); diff --git a/packages/vue/src/dialog.ts b/packages/vue/src/dialog.ts new file mode 100644 index 0000000..37469e7 --- /dev/null +++ b/packages/vue/src/dialog.ts @@ -0,0 +1,18 @@ +import {defineComponent,h,onBeforeUnmount,onMounted,shallowRef,watch,type PropType} from 'vue'; +import {dialogRequestDetail,type DialogRequestDetail,type DialogState} from '@vypdev/ha-ui/dialog-contracts'; +import type {DialogRequestEvent,HaDialog} from '@vypdev/ha-ui/dialog'; +import {nativeHostAttributes} from './native-host-attributes.js'; +export const Dialog=defineComponent({ + name:'HaUiDialog',inheritAttrs:false, + props:{state:{type:Object as PropType,required:true},open:{type:Boolean,required:true}}, + emits:{request:(_event:DialogRequestEvent)=>true,action:(_detail:DialogRequestDetail)=>true}, + setup(props,{attrs,slots,emit}){ + const ref=shallowRef(null); + const apply=()=>{const host=ref.value!;host.state=props.state;host.open=props.open;}; + const handle=(event:DialogRequestEvent)=>{if(event.target!==ref.value)return;const detail=dialogRequestDetail(event.detail);emit('request',event);if(!event.defaultPrevented)emit('action',detail);}; + onMounted(()=>{apply();ref.value!.addEventListener('ha-dialog-request',handle);}); + watch(()=>[props.state,props.open],apply,{flush:'post'}); + onBeforeUnmount(()=>ref.value!.removeEventListener('ha-dialog-request',handle)); + return()=>h('vyp-ha-dialog',{...nativeHostAttributes(attrs),ref},[slots.default?.(),slots.footer?h('div',{slot:'footer'},slots.footer()):null]); + }, +}); diff --git a/packages/vue/src/feedback.ts b/packages/vue/src/feedback.ts new file mode 100644 index 0000000..7795df8 --- /dev/null +++ b/packages/vue/src/feedback.ts @@ -0,0 +1,14 @@ +import {defineComponent,h,onMounted,shallowRef,watch,type PropType} from 'vue'; +import type {FeedbackState} from '@vypdev/ha-ui/feedback-contracts'; +import type {HaFeedback} from '@vypdev/ha-ui/feedback'; +import {nativeHostAttributes} from './native-host-attributes.js'; + +export const Feedback=defineComponent({ + name:'HaUiFeedback',inheritAttrs:false,props:{state:{type:Object as PropType,required:true}}, + setup(props,{attrs,slots}){ + const ref=shallowRef(null),apply=()=>{ref.value!.state=props.state;}; + onMounted(apply);watch(()=>props.state,apply,{flush:'post'}); + const project=(slot:'action'|'icon')=>slots[slot]?h('div',{slot,'data-vyp-ha-feedback-projection':''},slots[slot]()):null; + return()=>h('vyp-ha-feedback',{...nativeHostAttributes(attrs),ref},[project('icon'),project('action')]); + }, +}); diff --git a/packages/vue/src/index.ts b/packages/vue/src/index.ts new file mode 100644 index 0000000..737c5ce --- /dev/null +++ b/packages/vue/src/index.ts @@ -0,0 +1,30 @@ +import {nativeHostAttributes} from './native-host-attributes.js'; +import {defineComponent,h,onMounted,onBeforeUnmount,shallowRef,watch,type PropType} from 'vue'; +import type {NavigationState} from '@vypdev/ha-ui/contracts'; +import type {HaTabs,NavigationSelectionEvent} from '@vypdev/ha-ui/tabs'; + +/** Vue owns props, slots and subscriptions; all visuals remain in the explicitly registered core. */ +export const Tabs=defineComponent({ + name:'HaUiTabs', inheritAttrs:false, + props:{state:{type:Object as PropType,required:true}}, + emits:{selectionRequest:(_event:NavigationSelectionEvent)=>true}, + setup(props,{attrs,slots,emit}) { + const element=shallowRef(null); + const handle=(event:NavigationSelectionEvent)=>{if(event.composedPath()[0]===element.value)emit('selectionRequest',event);}; + onMounted(()=>{ + element.value!.state=props.state; + element.value!.addEventListener('ha-selection-request',handle); + }); + watch(()=>props.state,state=>{element.value!.state=state;},{flush:'post'}); + onBeforeUnmount(()=>{element.value!.removeEventListener('ha-selection-request',handle);}); + return ()=>h('vyp-ha-tabs',{...nativeHostAttributes(attrs),ref:element},slots.default?.()); + }, +}); +export {TextField} from './text-field.js'; +export {Button} from './button.js'; +export {Select} from './select.js'; +export {Checkbox} from './checkbox.js'; +export {Dialog} from './dialog.js'; +export {Card} from './card.js'; +export {Grid,Row} from './layout.js'; +export {Feedback} from './feedback.js'; diff --git a/packages/vue/src/layout.ts b/packages/vue/src/layout.ts new file mode 100644 index 0000000..6e01c3c --- /dev/null +++ b/packages/vue/src/layout.ts @@ -0,0 +1,26 @@ +import {defineComponent,h,onMounted,shallowRef,watch,type PropType} from 'vue'; +import type {GridState,RowState} from '@vypdev/ha-ui/layout-contracts'; +import type {HaGrid,HaRow} from '@vypdev/ha-ui/layout'; +import {nativeHostAttributes} from './native-host-attributes.js'; + +function useHost(state:()=>S){ + const ref=shallowRef(null); + const apply=()=>{ref.value!.state=state();};onMounted(apply); + watch(state,apply,{flush:'post'}); + return ref; +} +export const Row=defineComponent({ + name:'HaUiRow',inheritAttrs:false,props:{state:{type:Object as PropType,required:true}}, + setup(props,{attrs,slots}){ + const ref=useHost(()=>props.state); + const project=(name:'leading'|'trailing')=>slots[name]?h('div',{slot:name,'data-vyp-ha-row-projection':''},slots[name]()):null; + return()=>h('vyp-ha-row',{...nativeHostAttributes(attrs),ref},[project('leading'),project('trailing')]); + }, +}); +export const Grid=defineComponent({ + name:'HaUiGrid',inheritAttrs:false,props:{state:{type:Object as PropType,required:true}}, + setup(props,{attrs,slots}){ + const ref=useHost(()=>props.state); + return()=>h('vyp-ha-grid',{...nativeHostAttributes(attrs),ref},slots.default?.()); + }, +}); diff --git a/packages/vue/src/native-host-attributes.ts b/packages/vue/src/native-host-attributes.ts new file mode 100644 index 0000000..2b75545 --- /dev/null +++ b/packages/vue/src/native-host-attributes.ts @@ -0,0 +1,5 @@ +const contentSetters=new Set(['innerhtml','outerhtml','textcontent','innertext']); +/** Preserve Vue fallthrough attributes without exposing setters that replace owned content. */ +export function nativeHostAttributes(attrs:Record):Record{ + return Object.fromEntries(Object.entries(attrs).filter(([name])=>!contentSetters.has(name.replace(/^[.^]/u,'').toLowerCase()))); +} diff --git a/packages/vue/src/select.ts b/packages/vue/src/select.ts new file mode 100644 index 0000000..7146537 --- /dev/null +++ b/packages/vue/src/select.ts @@ -0,0 +1,21 @@ +import {nativeHostAttributes} from './native-host-attributes.js'; +import {defineComponent,h,onMounted,onBeforeUnmount,shallowRef,watch,type PropType} from 'vue'; +import {selectValueDetail,type SelectState,type SelectSelection} from '@vypdev/ha-ui/select-contracts'; +import type {HaSelect,SelectValueEvent} from '@vypdev/ha-ui/select'; +/** Vue v-model preserves primitive/array types and the original synchronous request. */ +export const Select=defineComponent({name:'HaUiSelect',inheritAttrs:false, + props:{state:{type:Object as PropType,required:true},modelValue:{type:[String,Number,Boolean,Array,null] as PropType,required:true},name:{type:String,default:''},defaultValue:{type:[String,Number,Boolean,Array,null] as PropType,default:null},disabled:{type:Boolean,default:false},form:{type:String}}, + emits:{valueRequest:(_event:SelectValueEvent)=>true,'update:modelValue':(_value:SelectSelection)=>true}, + setup(props,{attrs,emit}){ + const element=shallowRef(null); + const apply=()=>{const host=element.value!;host.state=props.state;host.name=props.name;host.defaultValue=props.defaultValue;host.disabled=props.disabled;if(props.form===undefined)host.removeAttribute('form');else host.setAttribute('form',props.form);host.value=props.modelValue;}; + const handle=(event:SelectValueEvent)=>{ + if(event.composedPath()[0]!==element.value)return; + const detail=selectValueDetail(event.detail); + emit('valueRequest',event); + if(!event.defaultPrevented)emit('update:modelValue',detail.value); + }; + onMounted(()=>{apply();element.value!.addEventListener('ha-select-request',handle);});watch(()=>[props.state,props.modelValue,props.name,props.defaultValue,props.disabled,props.form],apply,{flush:'post'});onBeforeUnmount(()=>element.value!.removeEventListener('ha-select-request',handle)); + return ()=>h('vyp-ha-select',{...nativeHostAttributes(attrs),ref:element}); + }, +}); diff --git a/packages/vue/src/text-field.ts b/packages/vue/src/text-field.ts new file mode 100644 index 0000000..bcee8cd --- /dev/null +++ b/packages/vue/src/text-field.ts @@ -0,0 +1,30 @@ +import {nativeHostAttributes} from './native-host-attributes.js'; +import {defineComponent,h,onMounted,onBeforeUnmount,shallowRef,watch,type PropType} from 'vue'; +import {fieldValueDetail} from '@vypdev/ha-ui/field-contracts'; +import type {TextFieldState} from '@vypdev/ha-ui/field-contracts'; +import type {HaTextField,FieldValueEvent} from '@vypdev/ha-ui/field'; +/** Vue's v-model acknowledges the shared core request; cancellation stays synchronous. */ +export const TextField=defineComponent({ + name:'HaUiTextField',inheritAttrs:false, + props:{state:{type:Object as PropType,required:true},modelValue:{type:String,required:true}, + name:{type:String,default:''},defaultValue:{type:String,default:''},disabled:{type:Boolean,default:false},form:{type:String}}, + emits:{valueRequest:(_event:FieldValueEvent)=>true,'update:modelValue':(_value:string)=>true}, + setup(props,{attrs,emit}){ + const element=shallowRef(null); + const apply=()=>{ + const host=element.value!;host.state=props.state;host.name=props.name;host.defaultValue=props.defaultValue;host.disabled=props.disabled; + if(props.form===undefined)host.removeAttribute('form');else host.setAttribute('form',props.form); + host.value=props.modelValue; + }; + const handle=(event:FieldValueEvent)=>{ + if(event.composedPath()[0]!==element.value)return; + const detail=fieldValueDetail(event.detail); + emit('valueRequest',event); + if(!event.defaultPrevented)emit('update:modelValue',detail.value); + }; + onMounted(()=>{apply();element.value!.addEventListener('ha-value-request',handle);}); + watch(()=>[props.state,props.modelValue,props.name,props.defaultValue,props.disabled,props.form],apply,{flush:'post'}); + onBeforeUnmount(()=>element.value!.removeEventListener('ha-value-request',handle)); + return ()=>h('vyp-ha-field',{...nativeHostAttributes(attrs),ref:element}); + }, +}); diff --git a/packages/vue/tsconfig.json b/packages/vue/tsconfig.json new file mode 100644 index 0000000..30f4a7f --- /dev/null +++ b/packages/vue/tsconfig.json @@ -0,0 +1,17 @@ +{ + "extends": "../../tsconfig.json", + "compilerOptions": { + "noEmit": false, + "paths": {}, + "rootDir": "src", + "outDir": "dist", + "declaration": true, + "declarationMap": true, + "sourceMap": true, + "inlineSources": true + }, + "include": [ + "src/**/*.ts" + ], + "exclude": [] +} diff --git a/patches/@storybook__web-components@10.6.5.patch b/patches/@storybook__web-components@10.6.5.patch new file mode 100644 index 0000000..4993923 --- /dev/null +++ b/patches/@storybook__web-components@10.6.5.patch @@ -0,0 +1,12 @@ +diff --git a/dist/index.d.ts b/dist/index.d.ts +--- a/dist/index.d.ts ++++ b/dist/index.d.ts +@@ -1040,7 +1040,7 @@ + * provided in meta become optional in stories, while missing required args must be provided at the + * story level. + */ +-interface WebComponentsMeta> /** @ts-expect-error WebComponentsMeta requires two type parameters, but Meta's constraints differ */ extends Meta$1 { ++interface WebComponentsMeta> extends Meta$1> { + /** + * Creates a story with a custom render function that takes no args. + * diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml new file mode 100644 index 0000000..afb6382 --- /dev/null +++ b/pnpm-lock.yaml @@ -0,0 +1,4460 @@ +lockfileVersion: '9.0' + +settings: + autoInstallPeers: false + excludeLinksFromLockfile: false + +patchedDependencies: + '@storybook/web-components@10.6.5': + hash: dc5b7efe30e825fb8eb28887213cff6ffd7e6c9c5a1e37d50df077ac445f79c0 + path: patches/@storybook__web-components@10.6.5.patch + +importers: + + .: + devDependencies: + '@angular/common': + specifier: 22.2.4 + version: 22.2.4(@angular/core@22.2.4(@angular/compiler@22.2.4)(rxjs@7.8.2))(rxjs@7.8.2) + '@angular/compiler': + specifier: 22.2.4 + version: 22.2.4 + '@angular/compiler-cli': + specifier: 22.2.4 + version: 22.2.4(@angular/compiler@22.2.4)(typescript@6.0.3) + '@angular/core': + specifier: 22.2.4 + version: 22.2.4(@angular/compiler@22.2.4)(rxjs@7.8.2) + '@angular/forms': + specifier: 22.2.4 + version: 22.2.4(@angular/common@22.2.4(@angular/core@22.2.4(@angular/compiler@22.2.4)(rxjs@7.8.2))(rxjs@7.8.2))(@angular/core@22.2.4(@angular/compiler@22.2.4)(rxjs@7.8.2))(@angular/platform-browser@22.2.4(@angular/common@22.2.4(@angular/core@22.2.4(@angular/compiler@22.2.4)(rxjs@7.8.2))(rxjs@7.8.2))(@angular/core@22.2.4(@angular/compiler@22.2.4)(rxjs@7.8.2)))(rxjs@7.8.2) + '@angular/platform-browser': + specifier: 22.2.4 + version: 22.2.4(@angular/common@22.2.4(@angular/core@22.2.4(@angular/compiler@22.2.4)(rxjs@7.8.2))(rxjs@7.8.2))(@angular/core@22.2.4(@angular/compiler@22.2.4)(rxjs@7.8.2)) + '@babel/core': + specifier: 8.0.1 + version: 8.0.1 + '@storybook/addon-a11y': + specifier: 10.6.5 + version: 10.6.5(storybook@10.6.5(@types/react@19.3.0)(react@19.3.1)) + '@storybook/addon-docs': + specifier: 10.6.5 + version: 10.6.5(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(storybook@10.6.5(@types/react@19.3.0)(react@19.3.1)) + '@storybook/addon-vitest': + specifier: 10.6.5 + version: 10.6.5(@vitest/browser-playwright@5.1.0)(@vitest/browser@5.1.0)(react@19.3.1)(storybook@10.6.5(@types/react@19.3.0)(react@19.3.1))(vitest@5.1.0) + '@storybook/web-components-vite': + specifier: 10.6.5 + version: 10.6.5(lit@3.3.3)(storybook@10.6.5(@types/react@19.3.0)(react@19.3.1))(vite@8.3.5(@types/node@24.19.2)(esbuild@0.28.2)(less@4.9.1)(sass-embedded@1.107.1)(sass@1.107.1)(yaml@2.9.0)) + '@sveltejs/package': + specifier: 3.0.2 + version: 3.0.2(svelte@5.57.3)(typescript@6.0.3) + '@sveltejs/vite-plugin-svelte': + specifier: 7.3.1 + version: 7.3.1(svelte@5.57.3)(vite@8.3.5(@types/node@24.19.2)(esbuild@0.28.2)(less@4.9.1)(sass-embedded@1.107.1)(sass@1.107.1)(yaml@2.9.0)) + '@types/chai': + specifier: 5.2.3 + version: 5.2.3 + '@types/convert-source-map': + specifier: 2.0.3 + version: 2.0.3 + '@types/node': + specifier: 24.19.2 + version: 24.19.2 + '@types/react': + specifier: 19.3.0 + version: 19.3.0 + '@types/react-dom': + specifier: 19.3.0 + version: 19.3.0(@types/react@19.3.0) + '@vitest/browser': + specifier: 5.1.0 + version: 5.1.0(vite@8.3.5(@types/node@24.19.2)(esbuild@0.28.2)(less@4.9.1)(sass-embedded@1.107.1)(sass@1.107.1)(yaml@2.9.0))(vitest@5.1.0) + '@vitest/browser-playwright': + specifier: 5.1.0 + version: 5.1.0(playwright@1.64.1)(vite@8.3.5(@types/node@24.19.2)(esbuild@0.28.2)(less@4.9.1)(sass-embedded@1.107.1)(sass@1.107.1)(yaml@2.9.0))(vitest@5.1.0) + '@vitest/coverage-v8': + specifier: 5.1.0 + version: 5.1.0(@vitest/browser@5.1.0)(vitest@5.1.0) + '@vypdev/ha-ui': + specifier: workspace:* + version: link:packages/core + axe-core: + specifier: 4.14.0 + version: 4.14.0 + lit: + specifier: 3.3.3 + version: 3.3.3 + ng-packagr: + specifier: 22.2.5 + version: 22.2.5(@angular/compiler-cli@22.2.4(@angular/compiler@22.2.4)(typescript@6.0.3))(oxc-resolver@11.21.2)(tslib@2.8.1)(typescript@6.0.3) + playwright: + specifier: 1.64.1 + version: 1.64.1 + react: + specifier: 19.3.1 + version: 19.3.1 + react-dom: + specifier: 19.3.1 + version: 19.3.1(react@19.3.1) + roboto-fontface: + specifier: 0.10.0 + version: 0.10.0 + rxjs: + specifier: 7.8.2 + version: 7.8.2 + storybook: + specifier: 10.6.5 + version: 10.6.5(@types/react@19.3.0)(react@19.3.1) + svelte: + specifier: 5.57.3 + version: 5.57.3 + svelte-check: + specifier: 4.7.8 + version: 4.7.8(picomatch@4.0.7)(svelte@5.57.3)(typescript@6.0.3) + tslib: + specifier: 2.8.1 + version: 2.8.1 + typescript: + specifier: 6.0.3 + version: 6.0.3 + vite: + specifier: 8.3.5 + version: 8.3.5(@types/node@24.19.2)(esbuild@0.28.2)(less@4.9.1)(sass-embedded@1.107.1)(sass@1.107.1)(yaml@2.9.0) + vitest: + specifier: 5.1.0 + version: 5.1.0(@types/node@24.19.2)(@vitest/browser-playwright@5.1.0)(@vitest/coverage-v8@5.1.0)(@vitest/ui@5.1.0)(vite@8.3.5(@types/node@24.19.2)(esbuild@0.28.2)(less@4.9.1)(sass-embedded@1.107.1)(sass@1.107.1)(yaml@2.9.0)) + vue: + specifier: 3.5.44 + version: 3.5.44(typescript@6.0.3) + yaml: + specifier: 2.9.0 + version: 2.9.0 + + packages/angular: + dependencies: + '@vypdev/ha-ui': + specifier: 0.1.0-next.1 + version: link:../core + tslib: + specifier: 2.8.1 + version: 2.8.1 + + packages/core: + dependencies: + lit: + specifier: 3.3.3 + version: 3.3.3 + + packages/react: + dependencies: + '@vypdev/ha-ui': + specifier: workspace:* + version: link:../core + + packages/svelte: + dependencies: + '@vypdev/ha-ui': + specifier: workspace:* + version: link:../core + + packages/vue: + dependencies: + '@vypdev/ha-ui': + specifier: workspace:* + version: link:../core + +packages: + + '@adobe/css-tools@4.5.0': + resolution: {integrity: sha512-6OzddxPio9UiWTCemp4N8cYLV2ZN1ncRnV1cVGtve7dhPOtRkleRyx32GQCYSwDYgaHU3USMm84tNsvKzRCa1Q==} + + '@ampproject/remapping@2.3.0': + resolution: {integrity: sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==} + engines: {node: '>=6.0.0'} + + '@angular/common@22.2.4': + resolution: {integrity: sha512-i5oosToLSAXumbkOF5pZyti0W0jrfRppj4y6a913f+AY4Em+iHT87JIOKrfybR7vkHs0eceZnpS0CpzylVAvgA==} + engines: {node: ^22.22.3 || ^24.15.0 || >=26.0.0} + peerDependencies: + '@angular/core': 22.2.4 + rxjs: ^6.5.3 || ^7.4.0 + + '@angular/compiler-cli@22.2.4': + resolution: {integrity: sha512-Ow6AlIdmidjFxa3v4+uZrbPVSc45jLMUO9ERdFp69z6fv5CP9jd4DhK+wKVCvIlCp5ygelia8admEypdY3p5Hw==} + engines: {node: ^22.22.3 || ^24.15.0 || >=26.0.0} + hasBin: true + peerDependencies: + '@angular/compiler': 22.2.4 + typescript: '>=6.0 <6.1' + peerDependenciesMeta: + typescript: + optional: true + + '@angular/compiler@22.2.4': + resolution: {integrity: sha512-Az14b7hE1iCMqNhskOjA28+8w3VQDhSkrVUU+2gyucDHey1qw9rX5x45/z3qNanz4VtTBShvqEDsjctkobKJSA==} + engines: {node: ^22.22.3 || ^24.15.0 || >=26.0.0} + + '@angular/core@22.2.4': + resolution: {integrity: sha512-FME4hPQ6+RbOkaRtUHWytwyAFXZYjIQ81TDJ3Dj7tx+vzKs0StpH9g/0AoZwQUDmhPlN84IazBimQ7II7lmwVw==} + engines: {node: ^22.22.3 || ^24.15.0 || >=26.0.0} + peerDependencies: + '@angular/compiler': 22.2.4 + rxjs: ^6.5.3 || ^7.4.0 + zone.js: ~0.15.0 || ~0.16.0 + peerDependenciesMeta: + '@angular/compiler': + optional: true + zone.js: + optional: true + + '@angular/forms@22.2.4': + resolution: {integrity: sha512-siFy9s0p4PjPUeDX7zI7bo5x3YstBnFfBGqO/obL0TdR2rBxrmW8iR11TxbGh41NKYc5GvbZezVKsN8WEW2ooA==} + engines: {node: ^22.22.3 || ^24.15.0 || >=26.0.0} + peerDependencies: + '@angular/common': 22.2.4 + '@angular/core': 22.2.4 + '@angular/platform-browser': 22.2.4 + rxjs: ^6.5.3 || ^7.4.0 + + '@angular/platform-browser@22.2.4': + resolution: {integrity: sha512-NAQ8/Zcl8nRlNqxlXQGrQJ/c5V8lN5vJSlc8qkD3OUN+ClyNuS6UCXffYtKvvbovpyb/q1uYSQjqiEctz+5niw==} + engines: {node: ^22.22.3 || ^24.15.0 || >=26.0.0} + peerDependencies: + '@angular/animations': 22.2.4 + '@angular/common': 22.2.4 + '@angular/core': 22.2.4 + peerDependenciesMeta: + '@angular/animations': + optional: true + + '@babel/code-frame@7.29.7': + resolution: {integrity: sha512-Aup7aUOfpbAUg2ROOJN6Iw5f9DMBlzu0mIkm/malLQFN/YQgO48wCj0Kxa3sEHJvPVFg7siR+qRInwXd2qhQKw==} + engines: {node: '>=6.9.0'} + + '@babel/code-frame@8.0.6': + resolution: {integrity: sha512-uMHhvmDmwFiLuiozaoRYTZHqMFuu3fem/X9JY78lohAuLoh8LSGGC8JqUzo2cVuBsBxkjMZNk56CE7ock8Xxkw==} + engines: {node: ^22.18.0 || >=24.11.0} + + '@babel/compat-data@8.0.5': + resolution: {integrity: sha512-YLsYoQMvL8l8WrGpN3Zj7O1wK5LEBN+cQtux7BcuHyxIXve724XG+zuJ1n3U1cUweRtTzQOA4IHbuQw3N34SZw==} + engines: {node: ^22.18.0 || >=24.11.0} + + '@babel/core@8.0.1': + resolution: {integrity: sha512-5FgxM4dLQpMJHSiVATk8foW263dVHQHBVpXYiimNECVWG01f4nFyEbQixeT6Mwvg7TayREJ2gpKl3o2RoMdnqw==} + engines: {node: ^22.18.0 || >=24.11.0} + + '@babel/generator@8.1.0': + resolution: {integrity: sha512-7fiBJ61wDV3AHbg7n/EfLBv3RU+lsdRP8QNJnydkKWA7e48FnnvKQWbVHsJQCBE7JHTj4xlzZL9fvQYsBUip2A==} + engines: {node: ^22.18.0 || >=24.11.0} + + '@babel/helper-compilation-targets@8.0.7': + resolution: {integrity: sha512-ilAZCdOOlOVA7dQbaFNw2f/59p6GW33NxTopc3DvEE3efp3ZXTrGX/yZScaKw8/vd9bq31Ag0EcXiLw32bAgJg==} + engines: {node: ^22.18.0 || >=24.11.0} + + '@babel/helper-globals@8.0.6': + resolution: {integrity: sha512-OdnA/N52LhzFpeUuVz5YGuSWjc7TPHiFmVYZbPlSgExocO2GwbxVpSni9MVs5wwW+wZ4kPuwBEBN9pIPDYz1mA==} + engines: {node: ^22.18.0 || >=24.11.0} + + '@babel/helper-string-parser@7.29.11': + resolution: {integrity: sha512-snZbO7MEDOof+hvNa97EjEY7qD7h2kwvQr5AJC3ZhQudKW5dnej6k3kP9NQV88hJwaS8vDqRLFo9rivLEhle2g==} + engines: {node: '>=6.9.0'} + + '@babel/helper-string-parser@8.0.8': + resolution: {integrity: sha512-fVM+gSuKbdv9cpmyRNh5EvsDHUZCdxQH3FdnFKSkNYHpbsn95bbrxm+ES3MVeQjcqwi2O5ur/DjLfmTQaO60ng==} + engines: {node: ^22.18.0 || >=24.11.0} + + '@babel/helper-validator-identifier@7.29.7': + resolution: {integrity: sha512-qehxGkRj55h/ff8EMaJ+cYhyaKlHIxqYDn682wQD7RNp9UujOQsHog2uS0r2vzr4pW+sXf90NeeayjcNaX3fFg==} + engines: {node: '>=6.9.0'} + + '@babel/helper-validator-identifier@8.0.6': + resolution: {integrity: sha512-HYx0YmuchRxRSpnjvcNffnPS8DCauKNmnumIuHG3jnQAVewRA7kfJGwF13ayEpSZs7s4R/oBH4eppuXcAQd5JQ==} + engines: {node: ^22.18.0 || >=24.11.0} + + '@babel/helper-validator-option@8.0.0': + resolution: {integrity: sha512-U4Dybxh4WESWHt5XhBeExi4DrY0/DNK1aHpQbsrQXCUbFHuMweT0TpLEWKvaraV2Y6fS+ZXunsZ8zIuZIgvF2Q==} + engines: {node: ^22.18.0 || >=24.11.0} + + '@babel/helpers@8.1.0': + resolution: {integrity: sha512-949bjw10dhaRdtQeCpfVShFA4jIcto97BkqmWnRjpzyQuHVZ7EDriaoCn/4D8h1NqSKlmI20xPU0vHf3jQbQRg==} + engines: {node: ^22.18.0 || >=24.11.0} + + '@babel/parser@7.29.12': + resolution: {integrity: sha512-WJ7JBp/Q4+z/ImydtI7jS6NVco5++632ExBemSX+Ysb+G1lCwQ5BVo3SY+jGGOcZXI4ZccbZSUSJLNBW6eEpJg==} + engines: {node: '>=6.0.0'} + hasBin: true + + '@babel/parser@8.1.0': + resolution: {integrity: sha512-fpqZYAC+Tthr19JbEKxXhCGutvfm/+roMe+ULrgUKI+GVyzkQiTMTSheORcWIAzW8T3Oo3W5UavWSvAWmsp7fA==} + engines: {node: ^22.18.0 || >=24.11.0} + hasBin: true + + '@babel/runtime@7.29.10': + resolution: {integrity: sha512-NpugTzbKgGrNe45Ui32cN8vCFFMxVtP/9rtfwv0nP5FRDAjvYBxJcLVpYA9mr1jxP6cnIT7x9LUzuDTbWYYNRA==} + engines: {node: '>=6.9.0'} + + '@babel/template@8.0.0': + resolution: {integrity: sha512-eAD0QW/AlbamBbw0FeGiwasbCVPq5ncW0HNVyLP3B9czqLyh4gvw+5JTSNt6le9+ziAU7mqDZsKTHf3jTb4chQ==} + engines: {node: ^22.18.0 || >=24.11.0} + + '@babel/traverse@8.1.0': + resolution: {integrity: sha512-oQ0QI6MR4cm6bOR/Ua5HLPxvO7vborT7Le5HNt9GmZUKpNsaPl2yj4gsQ440lXaZjc4vmUbSeVgEcK4cHuCL2A==} + engines: {node: ^22.18.0 || >=24.11.0} + + '@babel/types@7.29.11': + resolution: {integrity: sha512-WCsemW40Cpc6gouC1SrY6PBaZ+oLRlEVY9XBvZBI7il/HyUrb2nJ505wE1MHEFyDZNnrWDEuy4jL50WVHfTTSQ==} + engines: {node: '>=6.9.0'} + + '@babel/types@8.1.0': + resolution: {integrity: sha512-8V8aSTDx012YPmDQF30vrokyxVFdRAU2YBS2VzrnfLAGkP8floVnjckwgFcD0Jrvf6GWMSRdCrYVsk3tyMwZRg==} + engines: {node: ^22.18.0 || >=24.11.0} + + '@bcoe/v8-coverage@1.0.2': + resolution: {integrity: sha512-6zABk/ECA/QYSCQ1NGiVwwbQerUCZ+TQbp64Q3AgmfNvurHH0j8TtXa1qbShXA6qqkpAj4V5W8pP6mLe1mcMqA==} + engines: {node: '>=18'} + + '@blazediff/core@1.10.0': + resolution: {integrity: sha512-AOQff0zgR7cGsZL+4E7hVkmujoPUpm0J9xzWGWZj5wCjd3gmxESXAPfKyuzs93VdpQNFhHlBhfOjrcZ+XTERtQ==} + + '@bufbuild/protobuf@2.16.0': + resolution: {integrity: sha512-FWa0sPlqYGJgpTs6OxBRcL/AW4JT0OIO+W1ajerluoTVh8CV0B7XM1qsNCRgnkSCkRCgOICKHRQlY17jrsm0+Q==} + + '@emnapi/core@1.11.0': + resolution: {integrity: sha512-l9Oo58x0HOP5znGzVhYW9U3e5wVuA4LAZU2AGezTmkhO1CgQRFDhDg4nneHsu/t3WniXg9QrG2nIXL/ZS8ln8Q==} + + '@emnapi/core@1.9.2': + resolution: {integrity: sha512-UC+ZhH3XtczQYfOlu3lNEkdW/p4dsJ1r/bP7H8+rhao3TTTMO1ATq/4DdIi23XuGoFY+Cz0JmCbdVl0hz9jZcA==} + + '@emnapi/runtime@1.11.0': + resolution: {integrity: sha512-55coeOFKHv1ywEcUXJtWU5f+Jr/W5tZDvZig8DLKSwUN1JpROQ4rk/SNOQiFWmaR/VKF4zuFyW1B8JduOSv6Pg==} + + '@emnapi/runtime@1.9.2': + resolution: {integrity: sha512-3U4+MIWHImeyu1wnmVygh5WlgfYDtyf0k8AbLhMFxOipihf6nrWC4syIm/SwEeec0mNSafiiNnMJwbza/Is6Lw==} + + '@emnapi/wasi-threads@1.2.1': + resolution: {integrity: sha512-uTII7OYF+/Mes/MrcIOYp5yOtSMLBWSIoLPpcgwipoiKbli6k322tcoFsxoIIxPDqW01SQGAgko4EzZi2BNv2w==} + + '@emnapi/wasi-threads@1.2.2': + resolution: {integrity: sha512-c95qOXkHdydNKhscBTebqEC1CVAZpyqOfVfBzQ1qgzyl3gfeldUjIggDbIZgDKsHLgnsM+igH7TJ/eAasaVuMA==} + + '@esbuild/aix-ppc64@0.28.2': + resolution: {integrity: sha512-XExcO+dvLKvVtNTibSTBej1NCAbaGhWn9Ww1ZPx80qsahhPFe/8jgWP0IchNe0F3HwkU7n8ejhH8bjonqht8mQ==} + engines: {node: '>=18'} + cpu: [ppc64] + os: [aix] + + '@esbuild/android-arm64@0.28.2': + resolution: {integrity: sha512-5YfKeeI8qWfBZIX+u2xZC3Zlb3Os/gLS2sbEKM+I4ZOcsWmHS2WLysCcQZDAFRslDUU5Oiq44gf6PYN1vGwG5A==} + engines: {node: '>=18'} + cpu: [arm64] + os: [android] + + '@esbuild/android-arm@0.28.2': + resolution: {integrity: sha512-kXXoiPVVGQcnIYGOeaovwOURpniDBpSq4A03qkQ+BMQqtGG6HYap3xne9C1O1yo4TR3qxlCX5IqqmX6fFo2Lqg==} + engines: {node: '>=18'} + cpu: [arm] + os: [android] + + '@esbuild/android-x64@0.28.2': + resolution: {integrity: sha512-O387ite7SzUyCcy3JQX4P4bLtEA7bLLkx+esve5JHnyYfNTxcVpXZo9jhdB0lTKN44gztELTdU7nS8Nr16Fs1Q==} + engines: {node: '>=18'} + cpu: [x64] + os: [android] + + '@esbuild/darwin-arm64@0.28.2': + resolution: {integrity: sha512-n4KqkOQrraxHJcgjM1RvwbigfQKIKJVpM7xp+KsxiyUSrRdIXnt73VhrPAx0fV44hgfmIVKjxMN9J1t5jySVkw==} + engines: {node: '>=18'} + cpu: [arm64] + os: [darwin] + + '@esbuild/darwin-x64@0.28.2': + resolution: {integrity: sha512-uq6suIWYP37qzGddBKPw5QEQPi6HiLGsO7UmkpfyaYNQ3D+rN6w6WfwH+nuqcGXWvawGwxOEroO4YGnFh95azw==} + engines: {node: '>=18'} + cpu: [x64] + os: [darwin] + + '@esbuild/freebsd-arm64@0.28.2': + resolution: {integrity: sha512-n+I0BTSRIoy+d6RPKnEVwql5UwBJolytvY4mAOIEJorKlqgPII8ix6slVVrfZ5Tnj7glIZvloylbB/EJPMWEXw==} + engines: {node: '>=18'} + cpu: [arm64] + os: [freebsd] + + '@esbuild/freebsd-x64@0.28.2': + resolution: {integrity: sha512-78XJTJkvPs0kz2w61301PJjXl4g7q3JqiYMZ/M/yVI73EHBrCRTgkhu9oqG7vPqq+a/yadEW8aD+agKlk5xrmg==} + engines: {node: '>=18'} + cpu: [x64] + os: [freebsd] + + '@esbuild/linux-arm64@0.28.2': + resolution: {integrity: sha512-pW4AC0P3it8c7do9MVM4p51FzHzdM/TZrerurgRcHJ2WTa1VQ1CIq18xncfpBJw4ojkiZZrKW2yIBWBP92j6Ug==} + engines: {node: '>=18'} + cpu: [arm64] + os: [linux] + + '@esbuild/linux-arm@0.28.2': + resolution: {integrity: sha512-XlDnu2q5yoqems+xay6wSAcg9DDD7K9RLKZEBOMZm3ckNpJBvOX20tSfby8KfrrhINDyv9V2YVZKY/SpoGJI8w==} + engines: {node: '>=18'} + cpu: [arm] + os: [linux] + + '@esbuild/linux-ia32@0.28.2': + resolution: {integrity: sha512-CYbnj78HsIeA+DhgUKgFCfvNsTHFhMMrinUrMZpDXJXKN8T3XViTZ/+wtHeVxEWY8ewSzTFN+nRmSwO2tZaLUQ==} + engines: {node: '>=18'} + cpu: [ia32] + os: [linux] + + '@esbuild/linux-loong64@0.28.2': + resolution: {integrity: sha512-buwkd8nsph4R+ajRvw0qM5Hja/TXQow3ptzWO2EbG/cqcIkHloRrdlBtQlshyYGTNFvfkfJ5tpPLVkY4DtsPfQ==} + engines: {node: '>=18'} + cpu: [loong64] + os: [linux] + + '@esbuild/linux-mips64el@0.28.2': + resolution: {integrity: sha512-ZVykbDyk7519VwiNb9Lcj9m8XM6v5V9uKPvrEMkkEedVewf+0itkhahp4HDpgERXhwLRpWFypsGbG/J8s0QjJA==} + engines: {node: '>=18'} + cpu: [mips64el] + os: [linux] + + '@esbuild/linux-ppc64@0.28.2': + resolution: {integrity: sha512-CAXl+Dtd9UUuJd8pKKdwh6MLm3MUMiqMPmhZ3tTSXPqfyQ3vDl6R5hZdZ/kYojK4ofXtdfSv1tFq8XzWx3heNQ==} + engines: {node: '>=18'} + cpu: [ppc64] + os: [linux] + + '@esbuild/linux-riscv64@0.28.2': + resolution: {integrity: sha512-GeXCej4IQtU1B+QlDV8W/RRvbzI3O/Stss+/bCXv4lZls5WGRtu2a+3JkA3i4qIUlMXpcHebWpF8AkJhATowuA==} + engines: {node: '>=18'} + cpu: [riscv64] + os: [linux] + + '@esbuild/linux-s390x@0.28.2': + resolution: {integrity: sha512-3H1weTYZPxt/WOhByszQZybS9w5lKzUn1FDMsgEChbHWQwHYQQRfBxgCcZvPhjHfKyJjIievvMmEUawJrdY9Dg==} + engines: {node: '>=18'} + cpu: [s390x] + os: [linux] + + '@esbuild/linux-x64@0.28.2': + resolution: {integrity: sha512-4xTZr1FUmSoQW4XIWmit3tzQrUTZM+N3P0XV8xROKYF50XfI7xeO90+1bZvNwxIufQ9hDQVRJH5YhgPVF8A/HQ==} + engines: {node: '>=18'} + cpu: [x64] + os: [linux] + + '@esbuild/netbsd-arm64@0.28.2': + resolution: {integrity: sha512-sSATRjPeDBg3pdgHoQfoYBob11Kk1FGa9lui5RIHZCoCkJa9QKlvl3/vKz2usCmYYjs7ymJR/2Nnsqe+Hjt5nw==} + engines: {node: '>=18'} + cpu: [arm64] + os: [netbsd] + + '@esbuild/netbsd-x64@0.28.2': + resolution: {integrity: sha512-lqnzCV+mM0gIADaKihiCg6ifgfU2L3h5E33rNQBN1Y4MaVGnzryzmvvf7UHxprpQdE8hpqLolJ9Rl+SkIRDpyw==} + engines: {node: '>=18'} + cpu: [x64] + os: [netbsd] + + '@esbuild/openbsd-arm64@0.28.2': + resolution: {integrity: sha512-AL2qJILH7lNjrDmCQDvdxMfAUIv8KMNZOvrwAQ8i8//ntL9FflhOyMJ8OZSMBb8/AWXe3/5v5S20y3zCoZWKoQ==} + engines: {node: '>=18'} + cpu: [arm64] + os: [openbsd] + + '@esbuild/openbsd-x64@0.28.2': + resolution: {integrity: sha512-QtiuPytchRyC4rwUKhexJdQKvDuZ6hWloi3igqPQNUJCS1/v9EiO3UTOXR6A3FoMo4fnAKbWJdqaIwhOzh8qEw==} + engines: {node: '>=18'} + cpu: [x64] + os: [openbsd] + + '@esbuild/openharmony-arm64@0.28.2': + resolution: {integrity: sha512-WkhYDmpTjLvGlScA1rwjRUmhl4k8oXR3cIbtqWmELgU/dFeHHlEllxDvdWcNJV9rbzCexB5vz8gtNewWLgCT7Q==} + engines: {node: '>=18'} + cpu: [arm64] + os: [openharmony] + + '@esbuild/sunos-x64@0.28.2': + resolution: {integrity: sha512-GPMSkTOtMnv2U2F8gxe4Io6qmVs+YKyp832Etqqxr0hFngmXQ3rzwytelm3GIn7T4VviRUlf3sOgBOiTdvaf7g==} + engines: {node: '>=18'} + cpu: [x64] + os: [sunos] + + '@esbuild/win32-arm64@0.28.2': + resolution: {integrity: sha512-PIhhEkE9uPBleRBrQEJpUn7MBnibZzbGzYWPmY3x+YoVg/95zbjB4CxPPOQ8l5tYYM4mMaCthF8/1DIfBQQyWQ==} + engines: {node: '>=18'} + cpu: [arm64] + os: [win32] + + '@esbuild/win32-ia32@0.28.2': + resolution: {integrity: sha512-YmJbfTlvU7Sdn9BB+4PRES4oB6pxgS37MAONj+hBr/cpXS1aBPKXxNnDbu+QCWPj0o9dgyxeq79g6c5P8KeuYA==} + engines: {node: '>=18'} + cpu: [ia32] + os: [win32] + + '@esbuild/win32-x64@0.28.2': + resolution: {integrity: sha512-5ebpxr3nWMzrL/rnUI755Jkuee0bHL/Gq0WTF9lvcpv73wAp5eu8MfBUgWK9bhWvZjj7yX8etf/8tI8Ney695g==} + engines: {node: '>=18'} + cpu: [x64] + os: [win32] + + '@jridgewell/gen-mapping@0.3.13': + resolution: {integrity: sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==} + + '@jridgewell/gen-mapping@0.4.0-beta.0': + resolution: {integrity: sha512-JdGNkbE4GlNPYQhM0L95fBQr7ctLZJ276QXQLTad4t1oSdnnCI3fDq9DW3BqYAWv8Wc3+HS+4Gsii1oPMCfz1w==} + + '@jridgewell/remapping@2.3.5': + resolution: {integrity: sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==} + + '@jridgewell/resolve-uri@3.1.2': + resolution: {integrity: sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==} + engines: {node: '>=6.0.0'} + + '@jridgewell/sourcemap-codec@1.6.0': + resolution: {integrity: sha512-T7jf+5zgsZHwNJ4lvQ7/aezbyk0nNX+zJVWpmHA7VYsEx7a7qr5Rg5IbtJFqkgze5Y2sruq1RUY8Q837Od7iFw==} + + '@jridgewell/trace-mapping@0.3.31': + resolution: {integrity: sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==} + + '@lit-labs/ssr-dom-shim@1.6.0': + resolution: {integrity: sha512-VHb0ALPMTlgKjM6yIxxoQNnpKyUKLD04VzeQdsiXkMqkvYlAHxq9glGLmgbb889/1GsohSOAjvQYoiBppXFqrQ==} + + '@lit/reactive-element@2.1.2': + resolution: {integrity: sha512-pbCDiVMnne1lYUIaYNN5wrwQXDtHaYtg7YEFPeW+hws6U47WeFvISGUWekPGKWOP1ygrs0ef0o1VJMk1exos5A==} + + '@mdx-js/react@3.1.1': + resolution: {integrity: sha512-f++rKLQgUVYDAtECQ6fn/is15GkEH9+nZPM3MS0RcxVqoTfawHvDlSCH7JbMhAM6uJ32v3eXLvLmLvjGu7PTQw==} + peerDependencies: + '@types/react': '>=16' + react: '>=16' + + '@napi-rs/wasm-runtime@1.2.7': + resolution: {integrity: sha512-zJccwplOAbgfZju95IUHazLnx9RAPtPN2YGJXI6UbrgeaR9QfPjGrQL6ERkSAtnVCA4Q+83ApGyaX5zdpCaKkQ==} + engines: {node: ^20.19.0 || ^22.13.0 || >=23.5.0} + peerDependencies: + '@emnapi/core': ^1.7.1 || 2.0.0-beta.2 || 2.0.0-beta.3 + '@emnapi/runtime': ^1.7.1 || 2.0.0-beta.2 || 2.0.0-beta.3 + + '@oxc-parser/binding-android-arm-eabi@0.127.0': + resolution: {integrity: sha512-0LC7ye4hvqbIKxAzThzvswgHLFu2AURKzYLeSVvLdu2TBOYWQDmHnTqPLeA597BcUCxiLqLsS4CJ5uoI5WYWCQ==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [arm] + os: [android] + + '@oxc-parser/binding-android-arm64@0.127.0': + resolution: {integrity: sha512-b5jtVTH6AU5CJXHNdj7Jj9IEiR9yVjjnwHzPJhGyHGPdcsZSzBCkS9GBbV33niRMvKthDwQRFRJfI4a+k4PvYg==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [arm64] + os: [android] + + '@oxc-parser/binding-darwin-arm64@0.127.0': + resolution: {integrity: sha512-obCE8B7ISKkJidjlhv9xRGJPOSDG2Yu6PRga9Ruaz35uintHxbp1Ki/Yc71wx4rj3Edrm0a1kzG1TAwit0wFpg==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [arm64] + os: [darwin] + + '@oxc-parser/binding-darwin-x64@0.127.0': + resolution: {integrity: sha512-JL6Xb5IwPQT8rUzlpsX7E+AgfcdNklXNPFp8pjCQQ5MQOQo5rtEB2ui+3Hgg9Sn7Y9Egj6YOLLiHhLpdAe12Aw==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [x64] + os: [darwin] + + '@oxc-parser/binding-freebsd-x64@0.127.0': + resolution: {integrity: sha512-SDQ/3MQFw58fqQz3Z1PhSKFF3JoCF4gmlNjziDm8X02tTahCw0qJbd7FGPDKw1i4VTBZene9JPyC3mHtSvi+wA==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [x64] + os: [freebsd] + + '@oxc-parser/binding-linux-arm-gnueabihf@0.127.0': + resolution: {integrity: sha512-Av+D1MIqzV0YMGPT9we2SIZaMKD7Cxs4CvXSx/yxaWHewZjYEjScpOf5igc8IILASViw4WTnjlwUdI1KzVtDHQ==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [arm] + os: [linux] + + '@oxc-parser/binding-linux-arm-musleabihf@0.127.0': + resolution: {integrity: sha512-Cs2fdJ8cPpFdeebj6p4dag8A4+56hPvZ0AhQQzlaLswGz1tz7bXt1nETLeorrM9+AMcWFFkqxcXwDGfTVidY8g==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [arm] + os: [linux] + + '@oxc-parser/binding-linux-arm64-gnu@0.127.0': + resolution: {integrity: sha512-qdOfTcT6SY8gsJrrV92uyEUyjqMGPpIB5JZUG6QN5dukYd+7/j0kX6MwK1DgQj39jtUYixxPiaRUiEN1+0CXgQ==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [arm64] + os: [linux] + libc: [glibc] + + '@oxc-parser/binding-linux-arm64-musl@0.127.0': + resolution: {integrity: sha512-EoTCZneNFU/P2qrpEM+RHmQwt+CvDkyGESG6qhr7KaegXLZwePfbrkCDfAk8/rhxbDUVGsZILX+2tqPzFtoFWA==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [arm64] + os: [linux] + libc: [musl] + + '@oxc-parser/binding-linux-ppc64-gnu@0.127.0': + resolution: {integrity: sha512-zALjmZYgxFLHjXeudcDF0xFGNydTAtkAeXAr2EuC17ywCyFxcmQra4w0BMde0Yi/re4Bi4iwEoEXtYN7l6eBLQ==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [ppc64] + os: [linux] + libc: [glibc] + + '@oxc-parser/binding-linux-riscv64-gnu@0.127.0': + resolution: {integrity: sha512-fPP8M6zQLS7Jz7o9d5ArUSuAuSK3e+WCYVrCpdzeCOejidtZExJ9tjhDrAd3HEPqARBCPmdpqxESPFqy44vkBQ==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [riscv64] + os: [linux] + libc: [glibc] + + '@oxc-parser/binding-linux-riscv64-musl@0.127.0': + resolution: {integrity: sha512-7IcC4Ao02oGpfnjt+X/oF4U2mllo2qoSkw5xxiXNKL9MCTsTiAC6616beOuehdxGcnz1bRoPC1RQ2f1GQDdN+g==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [riscv64] + os: [linux] + libc: [musl] + + '@oxc-parser/binding-linux-s390x-gnu@0.127.0': + resolution: {integrity: sha512-pbXIhiNFHoqWeqDNLiJ9JkpHz1IM9k4DXa66x+1GTWMG7iLxtkXgE53iiuKSXwmk3zIYmaPVfBvgcAhS583K4Q==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [s390x] + os: [linux] + libc: [glibc] + + '@oxc-parser/binding-linux-x64-gnu@0.127.0': + resolution: {integrity: sha512-MYCguB9RvBvlSd6gbuNI7QwiLoCCAlGnlRJFPrzLI6U1/9wkC/WK6LtBAUln55H1Ctqw45PWmqrobKoMhsYQzQ==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [x64] + os: [linux] + libc: [glibc] + + '@oxc-parser/binding-linux-x64-musl@0.127.0': + resolution: {integrity: sha512-5eY0B/bxf1xIUxb4NOTvOI3KWtBQfPWYyKAzgcrCt0mDibSZygVpO1Pz8bkeiSZ5Jj9+M09dkggG3H8I5d0Uyg==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [x64] + os: [linux] + libc: [musl] + + '@oxc-parser/binding-openharmony-arm64@0.127.0': + resolution: {integrity: sha512-Gld0ajrFTUXNtdw20fVBuTQx66FA75nIVg+//pPfR3sXkuABB4mTBhl3r9JNzrJpgW//qiwxf0nWXUWGJSL3UQ==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [arm64] + os: [openharmony] + + '@oxc-parser/binding-wasm32-wasi@0.127.0': + resolution: {integrity: sha512-T6KVD7rhLzFlwGRXMnxUFfkCZD8FHnb968wVXW1mXzgRFc5RNXOBY2mPPDZ77x5Ln76ltLMgtPg0cOkU1NSrEQ==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [wasm32] + + '@oxc-parser/binding-win32-arm64-msvc@0.127.0': + resolution: {integrity: sha512-Ujvw4X+LD1CCGULcsQcvb4YNVoBGqt+JHgNNzGGaCImELiZLk477ifUH53gIbE7EKd933NdTi25JWEr9K2HwXw==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [arm64] + os: [win32] + + '@oxc-parser/binding-win32-ia32-msvc@0.127.0': + resolution: {integrity: sha512-0cwxKO7KHQQQfo4Uf4B2SQrhgm+cJaP9OvFFhx52Tkg4bezsacu83GB2/In5bC415Ueeym+kXdnge/57rbSfTw==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [ia32] + os: [win32] + + '@oxc-parser/binding-win32-x64-msvc@0.127.0': + resolution: {integrity: sha512-rOrnSQSCbhI2kowr9XxE7m9a8oQXnBHjnS6j95LxxAnEZ0+Fz20WlRXG4ondQb+ejjt2KOsa65sE6++L6kUd+w==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [x64] + os: [win32] + + '@oxc-project/types@0.127.0': + resolution: {integrity: sha512-aIYXQBo4lCbO4z0R3FHeucQHpF46l2LbMdxRvqvuRuW2OxdnSkcng5B8+K12spgLDj93rtN3+J2Vac/TIO+ciQ==} + + '@oxc-project/types@0.156.0': + resolution: {integrity: sha512-1Duyg48TdJNdyhEB8Xn1L36bT9Pv6GUtlKjHxOys8xkaF/rQq3XJE+bAurSK/AgIz5mGFsb77cn9Pb20+WCScw==} + + '@oxc-resolver/binding-android-arm-eabi@11.21.2': + resolution: {integrity: sha512-xQoCRv+gKax9KTdwdaQNnAFOai8neay7g3jExDIORzhbrejwGSJaZNTdOJHR5ziLg2joMxOCMOFMo4zuxza2uQ==} + cpu: [arm] + os: [android] + + '@oxc-resolver/binding-android-arm64@11.21.2': + resolution: {integrity: sha512-HF5oiE2L05yInPYCFD/4uxSrEZW4SuIfn99Y6L1xnJnzl066JR+MJs2rIdstw8A2MPlAKH+13dpFPNycjqzvGg==} + cpu: [arm64] + os: [android] + + '@oxc-resolver/binding-darwin-arm64@11.21.2': + resolution: {integrity: sha512-UX4u49CVCAD8QZNELaW8eMGgMAGwFWYEPbvNsh+3r/gs4NX3KfpiACMVwRQT0EuH3uat9hM5Zl+Ppm9pJD8tgg==} + cpu: [arm64] + os: [darwin] + + '@oxc-resolver/binding-darwin-x64@11.21.2': + resolution: {integrity: sha512-J9xPx7YBkrRmJ+xl561ztnMWEc1aOyjEIxBiGX1dVb3u7bGSnfObfcZk+Pd+uM0HZAPNsQ1xvD8j52A/uOSqNQ==} + cpu: [x64] + os: [darwin] + + '@oxc-resolver/binding-freebsd-x64@11.21.2': + resolution: {integrity: sha512-fRlt7OvSaQkWj6+EDTVxawVxOlqJB2QSnBfkeCyK4RTvsGctbw3BiH2Tb7DzMs7bikc4BRBpvWP5zF9K8b54Zg==} + cpu: [x64] + os: [freebsd] + + '@oxc-resolver/binding-linux-arm-gnueabihf@11.21.2': + resolution: {integrity: sha512-gK+vPUcPQITkGwBKpZGrcDHSlU6eDGl7AQacxS2CEKAZIBHWkOVFeJwLZ4tYnA1acJqRM5lt7yYwPCVqGHIJ7A==} + cpu: [arm] + os: [linux] + + '@oxc-resolver/binding-linux-arm-musleabihf@11.21.2': + resolution: {integrity: sha512-L/Rgas7SrOKy/z7IH+HxSFRqVO4PuLDKLEGKvnhoCBBq3UJ0YzGBou3qMzaAGgkJwsIvX2pBF+7ojzfUhLiZxQ==} + cpu: [arm] + os: [linux] + + '@oxc-resolver/binding-linux-arm64-gnu@11.21.2': + resolution: {integrity: sha512-CUEYvlX1Fk7E9kUMzuswru1J9HLxMwnpDeQGjQuI4ZH+iNCoa2X9T+pvyzrbsgl7WnIeTFTlNlHsRfVdf5g9/g==} + cpu: [arm64] + os: [linux] + libc: [glibc] + + '@oxc-resolver/binding-linux-arm64-musl@11.21.2': + resolution: {integrity: sha512-ViN1ZibQyxwC67GpoP33oo+S9UyUnkog13vzQb9+v9bCNvrVzJuk0MRdacjtv/9xfRMVF/eqHFyl8YOeykI10Q==} + cpu: [arm64] + os: [linux] + libc: [musl] + + '@oxc-resolver/binding-linux-ppc64-gnu@11.21.2': + resolution: {integrity: sha512-CU1sCqWnhGqYD5I1HedHk5pujrn7ssDkNB/AEQd/pd3D/EojVSgJUlpbafwIbyhia3PgIfkvdFpRPWSALzVumA==} + cpu: [ppc64] + os: [linux] + libc: [glibc] + + '@oxc-resolver/binding-linux-riscv64-gnu@11.21.2': + resolution: {integrity: sha512-jWVyZtIHca4Gb96x7dag+y69vlei7ffjrsveLkmf2ZhqEAz6ZSBnY1GWvgZUaZlwZP62A3xD092BW97Q5VGc+g==} + cpu: [riscv64] + os: [linux] + libc: [glibc] + + '@oxc-resolver/binding-linux-riscv64-musl@11.21.2': + resolution: {integrity: sha512-LF29obFqNgBUgDX7rmUK7M4D0JQG5LxhYzn3xXmECcHU9aQAdWG7NiY052qybtesEdwHQXKNTWYQ7mTsybNvWg==} + cpu: [riscv64] + os: [linux] + libc: [musl] + + '@oxc-resolver/binding-linux-s390x-gnu@11.21.2': + resolution: {integrity: sha512-+NYcm+cCHBbtdQQ3A4phQTSuVRYnNHz7wrl9XRAPEovcdoqi0mb1K5ZOl+jN54ZD+q1zz3V0vltbFJmzecJKmw==} + cpu: [s390x] + os: [linux] + libc: [glibc] + + '@oxc-resolver/binding-linux-x64-gnu@11.21.2': + resolution: {integrity: sha512-UQqZDdG2r2HhAOsZEgufkIWHPQ886IUyuJQkoZByvzhW8j51R4UNzGBJFkTiTnLhQnggwJRdJgFWK4uY6ZVIMw==} + cpu: [x64] + os: [linux] + libc: [glibc] + + '@oxc-resolver/binding-linux-x64-musl@11.21.2': + resolution: {integrity: sha512-3Q9PMRjalWkT6NZ4jfujuqTCFwoWErg3y3BnOgb544B8IMw4PktiwWOigMfOHNRLMghZeJ7hpfpZf4CP7rV7Og==} + cpu: [x64] + os: [linux] + libc: [musl] + + '@oxc-resolver/binding-openharmony-arm64@11.21.2': + resolution: {integrity: sha512-Eljeq3ndtyKhM+Es8LITi4Zl2htzuRZcrPMF3kMCsrILztvU6AjZ3FuEhHHKobPUB9rMpzLpJP5bDqXI7r+iog==} + cpu: [arm64] + os: [openharmony] + + '@oxc-resolver/binding-wasm32-wasi@11.21.2': + resolution: {integrity: sha512-HGDbNsIywqc4LxU38+CTJNnB/6BF7rheWOJ259b4eE0aEnelYblC8x+1tEd63bp31fYne63RQz9Jb4yVnC7Yig==} + engines: {node: '>=14.0.0'} + cpu: [wasm32] + + '@oxc-resolver/binding-win32-arm64-msvc@11.21.2': + resolution: {integrity: sha512-iWx25CBEgH49iE9q5coEGI/jb1jl5kkCY9z6U5Og67xCkQ/WFMDc2J5U78+AE91SUxM2NqSLhJC8/PLfWnImww==} + cpu: [arm64] + os: [win32] + + '@oxc-resolver/binding-win32-x64-msvc@11.21.2': + resolution: {integrity: sha512-VPoCAhKvCQTlG7vxqaBXcmuvbh77BfnGXj8g0pbvVXpm1F/R8rDVwqIWcEbMzrI1JvJlm8v7T9uMVQb6UctMRg==} + cpu: [x64] + os: [win32] + + '@parcel/watcher-android-arm64@2.6.0': + resolution: {integrity: sha512-trgpLSCKRC/huFjXX/Smh+0sWe4+YtKfktIToiMl59ghz7z+qkH6kMvNnUbLyRs9N11t8l4svSCs1+5B3rOAhA==} + engines: {node: '>= 10.0.0'} + cpu: [arm64] + os: [android] + + '@parcel/watcher-darwin-arm64@2.6.0': + resolution: {integrity: sha512-Y3QV0gl7Q1zbfueunkWIERICbEojQFCgpyG7YqOGNFLsckXyI1xu9mAIUpKY9QBYzBtSkN8dBPwd3yiAO9ovMw==} + engines: {node: '>= 10.0.0'} + cpu: [arm64] + os: [darwin] + + '@parcel/watcher-darwin-x64@2.6.0': + resolution: {integrity: sha512-Ohv6OpzhUfKYD7Beb8kDvG0jbIxORCYY1JRdZnaBtnjjkJxgD7ZVL0nw2sCYd0yTMKTvz3nnTnOF3cDifK+kvw==} + engines: {node: '>= 10.0.0'} + cpu: [x64] + os: [darwin] + + '@parcel/watcher-freebsd-x64@2.6.0': + resolution: {integrity: sha512-5HmXvDgs8VK+74jF9y9/2FE3/OnlcKmc56tjmSrEuZjpSZOGL+fvAu+HKJBdPs9uwoP2hE6TlSUpXZ/C5jUFmQ==} + engines: {node: '>= 10.0.0'} + cpu: [x64] + os: [freebsd] + + '@parcel/watcher-linux-arm-glibc@2.6.0': + resolution: {integrity: sha512-Ps/hui3A+vMbjdqlqAowK2ZL8+BO8dBjxeWXj6npTBs3jx4wWmbPpaLuqwrQrSqIVMCnpWo238bJ1U37GhQOYg==} + engines: {node: '>= 10.0.0'} + cpu: [arm] + os: [linux] + libc: [glibc] + + '@parcel/watcher-linux-arm-musl@2.6.0': + resolution: {integrity: sha512-9c6AUHgHoG+IY88MRIHupztQiQnrbqHYQjkM2btA+Bf/wQnQMuiD0Wfk1EVv3TlNT3x41uU71rn6E4xh/+zvkw==} + engines: {node: '>= 10.0.0'} + cpu: [arm] + os: [linux] + libc: [musl] + + '@parcel/watcher-linux-arm64-glibc@2.6.0': + resolution: {integrity: sha512-yHRqS2owEXe6Hic9z6Mh1ECsCd+ODVOGvZDyciqRd21+v+o+DnXMOrw50DSpIG2sb8GPEaPPmfeCAWKPJdq46g==} + engines: {node: '>= 10.0.0'} + cpu: [arm64] + os: [linux] + libc: [glibc] + + '@parcel/watcher-linux-arm64-musl@2.6.0': + resolution: {integrity: sha512-WhB2e/V7rqdHHWZusBSPuy5Ei8S6lSz6FE5TKKQz5h3a0O+C+mhY7vxU9b/stqvMb8beLnPY82ZrFTLKs+SrKA==} + engines: {node: '>= 10.0.0'} + cpu: [arm64] + os: [linux] + libc: [musl] + + '@parcel/watcher-linux-x64-glibc@2.6.0': + resolution: {integrity: sha512-ulGE6x6Oz6iAwg75T8YQSoguBWasniIbX+QWpaYPcCnDOpdWX3k+4xbEYPZVLxOuoJI+svJJPD3sEj8G7lrQ3A==} + engines: {node: '>= 10.0.0'} + cpu: [x64] + os: [linux] + libc: [glibc] + + '@parcel/watcher-linux-x64-musl@2.6.0': + resolution: {integrity: sha512-tkBYKt7YQrjIJWYDnto2YgO8MRkjlMTSNoRHzsXinBqbLdeOM3L32wPZJvIZxqaLMfSlS/4sUjH/6STVP/XDLw==} + engines: {node: '>= 10.0.0'} + cpu: [x64] + os: [linux] + libc: [musl] + + '@parcel/watcher-win32-arm64@2.6.0': + resolution: {integrity: sha512-gIZAP23jaHjGWasY/TY6yL7NHFClf0Ga7FN+iINvk+KN94rhm94lYZhFsbYFNcA04/onvGD9kKmiJLJB2HbNwQ==} + engines: {node: '>= 10.0.0'} + cpu: [arm64] + os: [win32] + + '@parcel/watcher-win32-x64@2.6.0': + resolution: {integrity: sha512-cA+/pXV2YkfxlIcXOQ5fSWqAzzPyD78/x5qbK/I0vUkrlYHA8TIz+MXjAbGouguKVSI4bOmkTSJ1/poVSsgt+A==} + engines: {node: '>= 10.0.0'} + cpu: [x64] + os: [win32] + + '@parcel/watcher@2.6.0': + resolution: {integrity: sha512-7FNeNl8NCE7aINx7WXiKQrPYZWC/hvrTsmk6zmxbI7LTXE7hVek/n8AfVgpe2y82zl3w0HvCHN0bVKMBoJcC0w==} + engines: {node: '>= 10.0.0'} + + '@polka/url@1.0.0-next.29': + resolution: {integrity: sha512-wwQAWhWSuHaag8c4q/KN/vCoeOJYshAIvMQwD4GpSb3OiZklFfvAgmj0VCBBImRpuF/aFgIRzllXlVX93Jevww==} + + '@rolldown/binding-android-arm-eabi@1.2.16': + resolution: {integrity: sha512-ia3DwAs0OsMGS7+IConptSiyk9pEXkOx/AbJ2n/lAGxH3QkWQus1t8d7gnAT38FCU2sQu8lUbeR6AiZFv4JxaA==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [arm] + os: [android] + + '@rolldown/binding-android-arm64@1.2.16': + resolution: {integrity: sha512-kx5wBiMB6E7TEvpl2B9gjLU004BkvEm2Dr941BFjx/SontPwSzNuQUIoVKxHHoSjpFIfHMmcguyLOtyn0hObRg==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [arm64] + os: [android] + + '@rolldown/binding-darwin-arm64@1.2.16': + resolution: {integrity: sha512-qslZrXnKJU4cUpjoAmtAo/KQM9e2IRMlmpig6Zpwj+8KWxW8v+nkAf9216Bsek9lOC1jvg2yCjygCFo2f83msQ==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [arm64] + os: [darwin] + + '@rolldown/binding-darwin-x64@1.2.16': + resolution: {integrity: sha512-FdF+y48ND13eAyM2mQn+85kvAqNlvRWROy2rhgA463X/0Gv4vGtazZtfaF1mRBLscYvtOlh4QnLjOWiFzX69OQ==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [x64] + os: [darwin] + + '@rolldown/binding-freebsd-x64@1.2.16': + resolution: {integrity: sha512-ddjqFM5e95AgLbUPtKIS7V1KTVlA0RUgCVr5mn+/IEhsdy3pr+Vuj/HZ7nlMN2FyxIwUktOH1LEPIQXO1v9y1Q==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [x64] + os: [freebsd] + + '@rolldown/binding-linux-arm-gnueabihf@1.2.16': + resolution: {integrity: sha512-tHdKWbFkFBI687iim3LIyIvyL7j66VvQYkDPss5Stn/qyE2tWkR1YD0dXmXPFKKqT/o5ZEJVsaRsWS2meQwGOA==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [arm] + os: [linux] + + '@rolldown/binding-linux-arm64-gnu@1.2.16': + resolution: {integrity: sha512-FJiLGAblPBMlBEdbOqw6kW6QcXDWAf/oJu7gYs9ZJZwmg+K+/zjFLxPTIY9izJUzxzc24FHvmseyA0IvJSl17w==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [arm64] + os: [linux] + libc: [glibc] + + '@rolldown/binding-linux-arm64-musl@1.2.16': + resolution: {integrity: sha512-hrJpblMsrQ58U9veWpbXzkhV5zStunds6HWLprqq1qauvgBr1E6P+24kLj6lSLI9vjRn/RYpjprhkHQPKGWpNg==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [arm64] + os: [linux] + libc: [musl] + + '@rolldown/binding-linux-ppc64-gnu@1.2.16': + resolution: {integrity: sha512-qJd/dC6j6CwLG9/s/RP2nb1RZ0GIgj7Ioj7x/SYa3RzjVrlzrmH0fhIOpfvqQDeIsdP0loi+kHaMhJzY1PBIaA==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [ppc64] + os: [linux] + libc: [glibc] + + '@rolldown/binding-linux-s390x-gnu@1.2.16': + resolution: {integrity: sha512-Vx7Xg5uUJuNcujJjI70OICaH0EYj80BtOLZTSN7uOYg8QOLlyKnaG0IW7Fn/J0IpJsaKzmDKMhOQv1JBM9m9vg==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [s390x] + os: [linux] + libc: [glibc] + + '@rolldown/binding-linux-x64-gnu@1.2.16': + resolution: {integrity: sha512-TNKhgE3uJTsTzatUSSYt0Kgo+Oa2uSlSjz4r1aEIea7HX6ULBym4fAlYUhG1i6pjNf2njfCUAfKwr6C3E9Xg1w==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [x64] + os: [linux] + libc: [glibc] + + '@rolldown/binding-linux-x64-musl@1.2.16': + resolution: {integrity: sha512-7chXdpjXZ8qG0+mIxECN3cT9kvhZ3/oZhMX6Pp876P7CDrIy8nJswva6Mq357JR7eYXfuskwZxMeV1SzoZdHrA==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [x64] + os: [linux] + libc: [musl] + + '@rolldown/binding-openharmony-arm64@1.2.16': + resolution: {integrity: sha512-Kwjt+7uNTJK5/MDkGWGVO2KQPnj8yAV75dMpfwyHZrJSXWHrniOB0aUEWlVYf3H1hOqFLIStLdM5QXq6bnKmOQ==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [arm64] + os: [openharmony] + + '@rolldown/binding-win32-arm64-msvc@1.2.16': + resolution: {integrity: sha512-/LH6WfjDRXXJz/p5xl4TmU+jpcnwcxbKEQBW/GZE0JHfN0lGIyTtsUEGaQ/q/GikkGJ2yLKe6pwm7AnEWO8pdw==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [arm64] + os: [win32] + + '@rolldown/binding-win32-x64-msvc@1.2.16': + resolution: {integrity: sha512-1lv1KvX0Z871zfk7vw+dnXMMnHNyDwMzWG8Kv3HxDXMOhzCX4SHc7HK319fInP0i+0p9D8brkfzL7pJOaGl+tw==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [x64] + os: [win32] + + '@rolldown/pluginutils@1.0.1': + resolution: {integrity: sha512-2j9bGt5Jh8hj+vPtgzPtl72j0yRxHAyumoo6TNfAjsLB04UtpSvPbPcDcBMxz7n+9CYB0c1GxQFxYRg2jimqGw==} + + '@standard-schema/spec@1.1.0': + resolution: {integrity: sha512-l2aFy5jALhniG5HgqrD6jXLi/rUWrKvqN/qJx6yoJsgKhblVd+iqqU4RCXavm/jPityDo5TCvKMnpjKnOriy0w==} + + '@storybook/addon-a11y@10.6.5': + resolution: {integrity: sha512-7dEH3OHKdE+0zakqEy50KtfhPORIm1xnhWeehyROO1Ct7Rx9s7cYcx6edUZvh0tCuX5VhDnDmkvQV+dbrPDmCA==} + peerDependencies: + storybook: ^10.6.5 + + '@storybook/addon-docs@10.6.5': + resolution: {integrity: sha512-Kt0pGLA+nwdu2g80p8jbdoiiKXxwQbhrY6uzMzq/0G1lytxpJUzrOQAM+GDcEbqyvpKr0u5d1q05/LPem/uooQ==} + peerDependencies: + '@types/react': ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 + storybook: ^10.6.5 + peerDependenciesMeta: + '@types/react': + optional: true + + '@storybook/addon-vitest@10.6.5': + resolution: {integrity: sha512-0N0E7TQgmdrPNCPqNiVdTWOEQ1Nes+YsUphYX/abzlp6ReOyYBoQJw6mZ0b7BN5ACgdXQsr9Tth161t72k+51Q==} + peerDependencies: + '@vitest/browser': ^4.0.0 || ^5.0.0 + '@vitest/browser-playwright': ^4.0.0 || ^5.0.0 + storybook: ^10.6.5 + vitest: ^4.0.0 || ^5.0.0 + peerDependenciesMeta: + '@vitest/browser': + optional: true + '@vitest/browser-playwright': + optional: true + vitest: + optional: true + + '@storybook/builder-vite@10.6.5': + resolution: {integrity: sha512-udrGjg3yt38pz4FxplypXxw1creIGS7N6QS8xfvTFM8MQNtPyojT/gZdd4fhX0dFrQx5MMuJEYJA5gUBiPsLtg==} + peerDependencies: + storybook: ^10.6.5 + vite: ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0 + + '@storybook/global@5.0.0': + resolution: {integrity: sha512-FcOqPAXACP0I3oJ/ws6/rrPT9WGhu915Cg8D02a9YxLo0DE9zI+a9A5gRGvmQ09fiWPukqI8ZAEoQEdWUKMQdQ==} + + '@storybook/icons@2.2.0': + resolution: {integrity: sha512-FpUB/xizIrV1ILhCIYFo+TtQNN9YEoLjfcnAW0JtOXL+BcM2aisSysI0B54JMWDnljriXySBHgN6ps4s9lb75A==} + peerDependencies: + react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 + + '@storybook/react-dom-shim@10.6.5': + resolution: {integrity: sha512-Qbbkp+5Otg32w8Ddav6rH6MGPiYVfEzrgn0HqbqlqS8kY+DRXo+NYXJwZTVSDSwrYPrfH+Ok2tV4uE8Zo0c3cg==} + peerDependencies: + '@types/react': ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 + '@types/react-dom': ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 + react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 + storybook: ^10.6.5 + peerDependenciesMeta: + '@types/react': + optional: true + '@types/react-dom': + optional: true + + '@storybook/web-components-vite@10.6.5': + resolution: {integrity: sha512-jkhUqoSpFk2LMVKQga5mqF23C+lhzPFoAevqssCciqBvcmA3+JJXoMCe3hoCg8CSWqRhC3EE2nL/upJJQ0z/Eg==} + peerDependencies: + storybook: ^10.6.5 + vite: ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0 + + '@storybook/web-components@10.6.5': + resolution: {integrity: sha512-PqTS2ycQAqWg+q+XhYSCd7KhtmTFZDcFoGU6XDzR32VJvgyBQ6T5wibqadZbmAV8t+8R4yWwieorYbsQy3ZX+Q==} + peerDependencies: + lit: ^2.0.0 || ^3.0.0 + storybook: ^10.6.5 + + '@sveltejs/acorn-typescript@1.0.13': + resolution: {integrity: sha512-wgKggnhZVL9Bfx1OaKKTrYY9BFRk6C8UAkQNUcIv1+llzYrIqy+RZm5HPKzn0NpEBvTVhTqB4kQyllZywsRBRQ==} + peerDependencies: + acorn: ^8.9.0 + + '@sveltejs/load-config@0.2.3': + resolution: {integrity: sha512-VT3qmUb8pRV2QrZjd8iAmtg8lf4W0TIjZbvXtz5MKei/q96teWZgGJyyidJzOjzZzvdq616eSRVeMYIQChUTAQ==} + engines: {node: '>= 18.0.0'} + + '@sveltejs/package@3.0.2': + resolution: {integrity: sha512-1HhN/Lgw1Bqyu7T6fWILt6euTyt+h+yBH2yUVYxTkGVUdIV1Xsp/gGaHnfBkD584i1fXte1cR4+zYtUsQC/F6A==} + engines: {node: '>=22'} + hasBin: true + peerDependencies: + svelte: ^3.44.0 || ^4.0.0 || ^5.0.0-next.1 + typescript: ^6.0.0 + peerDependenciesMeta: + typescript: + optional: true + + '@sveltejs/vite-plugin-svelte@7.3.1': + resolution: {integrity: sha512-ZPsLN8B1e/En+Ak5s4V7srFDT532oS0qieLsQwu63NGKsS+iAjoO2Js1BochlHlglcU+Pt7WAO3C5Ee+4f6gVA==} + engines: {node: ^20.19 || ^22.12 || >=24} + peerDependencies: + svelte: ^5.46.4 + vite: ^8.0.0-beta.7 || ^8.0.0 + + '@testing-library/dom@10.4.2': + resolution: {integrity: sha512-yzr2S9HyAIdhz2/6qHgbs665Q7PKVcDF05vsOlHPxG1mo36gKVesdYVeDLnXgfjJ03CrKRk08knc6+E/9m8v2Q==} + engines: {node: '>=18'} + + '@testing-library/jest-dom@6.9.1': + resolution: {integrity: sha512-zIcONa+hVtVSSep9UT3jZ5rizo2BsxgyDYU7WFD5eICBE7no3881HGeb/QkGfsJs6JTkY1aQhT7rIPC7e+0nnA==} + engines: {node: '>=14', npm: '>=6', yarn: '>=1'} + + '@testing-library/user-event@14.6.8': + resolution: {integrity: sha512-vgSSqnANMnkcYR/vUNDbwS7aM3OErRLNUG8vCVVlj4oc6cKffUrccX7UAS5AmJQQNZTSibi9z5GvvRZ0aYgUCQ==} + engines: {node: '>=12', npm: '>=6'} + peerDependencies: + '@testing-library/dom': '>=7.21.4' + + '@tybys/wasm-util@0.10.4': + resolution: {integrity: sha512-W3c4gRigFS0T/Ma4qIYF3GDAc5AQdHb1yL5znJT1Zv1YaD9Kitx656wBjvr19qbiosmZT8lWDM5BEMynUqX65A==} + + '@types/aria-query@5.0.4': + resolution: {integrity: sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==} + + '@types/chai@5.2.3': + resolution: {integrity: sha512-Mw558oeA9fFbv65/y4mHtXDs9bPnFMZAL/jxdPFUpOHHIXX91mcgEHbS5Lahr+pwZFR8A7GQleRWeI6cGFC2UA==} + + '@types/convert-source-map@2.0.3': + resolution: {integrity: sha512-ag0BfJLZf6CQz8VIuRIEYQ5Ggwk/82uvTQf27RcpyDNbY0Vw49LIPqAxk5tqYfrCs9xDaIMvl4aj7ZopnYL8bA==} + + '@types/deep-eql@4.0.2': + resolution: {integrity: sha512-c9h9dVVMigMPc4bwTvC5dxqtqJZwQPePsWjPlpSOnojbor6pGqdk541lfA7AqFQr5pB1BRdq0juY9db81BwyFw==} + + '@types/estree@1.0.10': + resolution: {integrity: sha512-lTyOMnOcmRBzdCv6/4zUZCrEhV0xrqQiUZBZtVcbmLHBXKLnN8q89v/wKRF/Q0HbwVsqbIG3o5HDoFl9sduM+g==} + + '@types/gensync@1.0.5': + resolution: {integrity: sha512-MbsRCT7mTikHwKZ0X+LVUTLRrZZRLipTuXEO9qOYO+zmjMVk81axyClMROf6uoPD9MRVu46bx8zoR0Ad9q3NAg==} + + '@types/jsesc@2.5.1': + resolution: {integrity: sha512-9VN+6yxLOPLOav+7PwjZbxiID2bVaeq0ED4qSQmdQTdjnXJSaCVKTR58t15oqH1H5t8Ng2ZX1SabJVoN9Q34bw==} + + '@types/mdx@2.0.14': + resolution: {integrity: sha512-T48PeuJtvLosNTPVhfnIp3i/n3a4g4Bad7YCq5k64D4u7NwDrAotikQ+5+sjtUvBmxCMlbo3dVL+C2dP0rWHzg==} + + '@types/node@24.19.2': + resolution: {integrity: sha512-93d49wCWJkCyN87MxLpNN6KXPCwFw7bVUg79mGUV1OS40JGWwVCr8n61DXCSqz7CV6/VfPkb7xec7uP2M+QHWQ==} + + '@types/react-dom@19.3.0': + resolution: {integrity: sha512-ZI7bU42mZXXKHn/qNLEw2IrbiINU7X5+vfgdixBHkCNpYWXjKgfQ/P+uyGb5CjOLB9UcnTeg3rylQtV2hym44Q==} + peerDependencies: + '@types/react': ^19.3.0 + + '@types/react@19.3.0': + resolution: {integrity: sha512-N0rFCuH9YoxG9/m61l9MfpJKfmLOVU0em7ipIz6TRgSSkvReLB9vL85GB+yr8Bs5leqpvg96JSwF4ZS1s4viQg==} + + '@types/trusted-types@2.0.7': + resolution: {integrity: sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==} + + '@vitest/browser-playwright@5.1.0': + resolution: {integrity: sha512-3PbVvX/KNeUEzUeTTXw5bQDyfJS+WqU/UJ8RNWIojHb0mE6d/IBjuLmt+i7OpJ00tjNWv0O6XBm5ler/tEf3eg==} + peerDependencies: + playwright: '*' + vitest: 5.1.0 + + '@vitest/browser@5.1.0': + resolution: {integrity: sha512-2sjGVAC/Rs8Jwv+xxBgklNG2g1LGyNgcFMBw71AcfBstLz25UGv1+fVvvZ+z8IfSuNg3nipERijnFtoEIdRDEA==} + peerDependencies: + vitest: 5.1.0 + + '@vitest/coverage-v8@5.1.0': + resolution: {integrity: sha512-OY9aShBQG5KOIw2zCo9fDoCHI9RHliNHJ//nM7m6jGg41Hyke9JOGWmeMlK74xYErsxMoK8mIB3gAeEyFVA7LA==} + peerDependencies: + '@vitest/browser': 5.1.0 + vitest: 5.1.0 + peerDependenciesMeta: + '@vitest/browser': + optional: true + + '@vitest/expect@3.2.4': + resolution: {integrity: sha512-Io0yyORnB6sikFlt8QW5K7slY4OjqNX9jmJQ02QDda8lyM6B5oNgVWoSoKPac8/kgnCUzuHQKrSLtu/uOqqrig==} + + '@vitest/istanbul-lib-coverage@2.1.0': + resolution: {integrity: sha512-WOjuS+xcjSIy7ruYBQ+9BUcV7XZQ0FyVcbWbWxW9TRx/kLGx5SQaeFRIFDJxjNplb6YsT7SpKo2zuXXUo91OIQ==} + engines: {node: '>=22'} + + '@vitest/istanbul-lib-report@2.1.0': + resolution: {integrity: sha512-+ZFta25nWtGCOBG9/IET8w1RO5Oawsd6H8Uf6AJ9EA/StFuKVtKAEJEJ6uRt84OH+T4YkI0ASmIHAhRA+0KVxw==} + engines: {node: '>=22'} + + '@vitest/mocker@5.1.0': + resolution: {integrity: sha512-5umB9/jlWcqVS6fsrFmv5Gdnpu6wAUio/lEOwAmvB7v+lFo/IW2B9FhAD0p19GCULTgMzLCdUmuCDCnAzWgppQ==} + peerDependencies: + msw: ^2.4.9 || ^3.0.0 + vite: ^6.0.0 || ^7.0.0 || ^8.0.0 + peerDependenciesMeta: + msw: + optional: true + vite: + optional: true + + '@vitest/pretty-format@3.2.4': + resolution: {integrity: sha512-IVNZik8IVRJRTr9fxlitMKeJeXFFFN0JaB9PHPGQ8NKQbGpfjlTx9zO4RefN8gp7eqjNy8nyK3NZmBzOPeIxtA==} + + '@vitest/pretty-format@5.1.0': + resolution: {integrity: sha512-IRx5mc30CrFzyMNni6SZKQ1r53kv049Mcvvk0WbWcD6PUz/bFjG4zYv0KosQAeonPpGp5WxqYBMqdSOfJfvVWw==} + + '@vitest/spy@3.2.4': + resolution: {integrity: sha512-vAfasCOe6AIK70iP5UD11Ac4siNUNJ9i/9PZ3NKx07sG6sUxeag1LWdNrMWeKKYBLlzuK+Gn65Yd5nyL6ds+nw==} + + '@vitest/spy@5.1.0': + resolution: {integrity: sha512-2DPO5OMHWKrBngC+fCmTQqemNF0gidRhp3lxbBmRhW+M1XJrfgPpqNqWVevXtn2f2ufD5ZaR1B6B641aAlcX5A==} + + '@vitest/ui@5.1.0': + resolution: {integrity: sha512-00S3x4NRmqIBUiTVWF9/xLaA9EP9KeKv0+1sBO7e2Y4luBISlW+2ttnhlk/zjbTqEvVhJWCCo7MXzu6zNbefqQ==} + peerDependencies: + vitest: 5.1.0 + + '@vitest/utils@3.2.4': + resolution: {integrity: sha512-fB2V0JFrQSMsCo9HiSq3Ezpdv4iYaXRG1Sx8edX3MwxfyNn83mKiGzOcH+Fkxt4MHxr3y42fQi1oeAInqgX2QA==} + + '@vitest/utils@5.1.0': + resolution: {integrity: sha512-V+qgCwkvVw+s1t1S5TaoBHsLi5Sz/YmohCMoOu0mZ8ZQst2bKhRYARAQucWpVg8D0mv0x5MHcWXY5QdOsoiGBQ==} + + '@vue/compiler-core@3.5.44': + resolution: {integrity: sha512-k34nCytbK8PQ1gR2mGROYOw6Pnv/mumqIdrZ3x2tbyXZDWm7ViKGLTfdB+DRrWqEQsLgGJvn0WN9jBif5zCTLQ==} + + '@vue/compiler-dom@3.5.44': + resolution: {integrity: sha512-W5AoBFWdw1lQAKiHowkfgFKFab82oSRT6sGsPfw/q1GRjsy/ZJFLHGhJyBRIFN9APLTUduDH9U2JAiPOIyKuYg==} + + '@vue/compiler-sfc@3.5.44': + resolution: {integrity: sha512-dzHmQ4jXTpdr5FjIQUeykVakN/uzqFbUo9/C5ikBFg3a3PeM6uRxeczx1ZbXBML0/zJstEh3ygYipzR5Z7b2Pw==} + + '@vue/compiler-ssr@3.5.44': + resolution: {integrity: sha512-xr5gb1JVHlfXJwSlRz1FeP6uxoazdzHuMTVLE7up+4Vrqxk219CvxLPxD9NXBt47yvZW7+p4DXfyp4O1fkByIA==} + + '@vue/reactivity@3.5.44': + resolution: {integrity: sha512-u+QJdKeBBEADkPdevsL+6E12QlYVfBD8Zcw5qjDQKtamI6l14KyqazJMobhCKelhWN5zpyKUiEDoTyHE93cqWw==} + + '@vue/runtime-core@3.5.44': + resolution: {integrity: sha512-uEa/ndwjhrrhnOfb2p+sZy6zeoamJOISqaLSJGk/8R6nABT1ZldpzcJoPzKj+zHVomVBPcmQYyC2r4LtvDV6CQ==} + + '@vue/runtime-dom@3.5.44': + resolution: {integrity: sha512-3fc4ARcXVhVBaJ3ujWiNZJARD6pkyRcwG+ZYhMzjKtKUp7MAY0HLwr7r3Smep3Li6ZaWT6ewdmx8XqdaD5oNZg==} + + '@vue/server-renderer@3.5.44': + resolution: {integrity: sha512-R4S1UoH4h5Frrauv8Z5XE5TxV9oBiUSgWIC4TyVK1FK+RocRnOLwFA5Xcmo2011RlgJp+AbZCnw6afrhlgRuUQ==} + + '@vue/shared@3.5.44': + resolution: {integrity: sha512-H82XLH0DjmSOdbEwO15x3QTo1f5PWEtv237eLpYKc0mqLu+B8hnq16lFWmuBmNurkeiG3wr+oM1FhOll/YVFRg==} + + '@webcontainer/env@1.1.1': + resolution: {integrity: sha512-6aN99yL695Hi9SuIk1oC88l9o0gmxL1nGWWQ/kNy81HigJ0FoaoTXpytCj6ItzgyCEwA9kF1wixsTuv5cjsgng==} + + '@yuku-core/binding-android-arm64@0.19.0': + resolution: {integrity: sha512-wdL2XmTiZixAOaHk9Z0JJZ8u9Qm8d333Zjpc6gaxXFX+UR5BlsfxZ7a2+2Rm71pamppsPYGUGFq2oVLbh6DISw==} + cpu: [arm64] + os: [android] + + '@yuku-core/binding-darwin-arm64@0.19.0': + resolution: {integrity: sha512-7sNJa6XJhyetnTy64jw3NEi4YgUcezHk1G5GH9FSvXAuC8wIlbaOwT9lgq5qo5sspjrZJQlBR1TWflP49uRpMw==} + cpu: [arm64] + os: [darwin] + + '@yuku-core/binding-darwin-x64@0.19.0': + resolution: {integrity: sha512-pTC7dYEc59isdyizc3nsuyFNBu2LU5wMYZ1be6UMr59PY/AJNtO1aBLWV0MgL/z7C1nv/2sX4TNjGgKLoeevJw==} + cpu: [x64] + os: [darwin] + + '@yuku-core/binding-freebsd-x64@0.19.0': + resolution: {integrity: sha512-xrZjF6XOEwyLOiDIfrwDdRCS6ghxcJeirNC1KivQhVcUwlRonaU79S3/Uiyx3lBylPnT8qKJ3/aMT+H52nGTJQ==} + cpu: [x64] + os: [freebsd] + + '@yuku-core/binding-linux-arm-gnu@0.19.0': + resolution: {integrity: sha512-0OyIH53C0I1CbADHn9FSdCfX5qbpeLwJhmOVhonFJNYheybOnkSJ50qGMfTJIb8y5zrwqvLs7FVBvz6Fk8maZg==} + cpu: [arm] + os: [linux] + libc: [glibc] + + '@yuku-core/binding-linux-arm-musl@0.19.0': + resolution: {integrity: sha512-z/iPfkCOCSXE34VXNt0uP1ORSW+4mEa9b5CiJcWZeqZH08g49bFU/jRM2T04f+Wpw5mJ6HIzNBiojxeAbrHjeg==} + cpu: [arm] + os: [linux] + libc: [musl] + + '@yuku-core/binding-linux-arm64-gnu@0.19.0': + resolution: {integrity: sha512-jLNTi+gzaRwBJ+gwhCJ+rDb5dmx/8hEBx93UWd7hjMSqPTL1D1wvVSvXVAldV5kALvju7b0/m51EHEhs4+I1fA==} + cpu: [arm64] + os: [linux] + libc: [glibc] + + '@yuku-core/binding-linux-arm64-musl@0.19.0': + resolution: {integrity: sha512-YwyPIdW/rN2Fmv0MTFWi47FaB3F9g+2b+sJISyAw83Yd60RWH4T3Nx6XkAHHVN+uKJNBAd6So7/BVihSiFYvuQ==} + cpu: [arm64] + os: [linux] + libc: [musl] + + '@yuku-core/binding-linux-x64-gnu@0.19.0': + resolution: {integrity: sha512-/vskaAXVX3ESR43FiTdfiYS7z1b9uoQJwVQ/0RgUHgN2sWoAyCZs+aX4CgU7eKGIHTVfp9VFwv+c+2XchYiEtQ==} + cpu: [x64] + os: [linux] + libc: [glibc] + + '@yuku-core/binding-linux-x64-musl@0.19.0': + resolution: {integrity: sha512-FuXL5igeSKib9Rye02TdH+D6SQezTyGxIATMu1Qsn/QywrzwpGl35OLpS2C1x5vpGLeVE2XgiLd5mVPFHmIglQ==} + cpu: [x64] + os: [linux] + libc: [musl] + + '@yuku-core/binding-win32-arm64@0.19.0': + resolution: {integrity: sha512-YuJAe7zEKT1Xa7LuHlhGJpPnYQeVtvo0rZvNjJRqkH0hQGOw4C8QeP30Tg5VKGzZfo2x8CjhjEhKt4TmLwfmdg==} + cpu: [arm64] + os: [win32] + + '@yuku-core/binding-win32-x64@0.19.0': + resolution: {integrity: sha512-o8iY/mXwlRkedp0LNTr4+TEfXTPQwoNZmv6k+1WIAd1ZXEn8xJJTBCtB0osaVvdZo/x/cNmV16UrWrrGpM5Mvw==} + cpu: [x64] + os: [win32] + + '@yuku-toolchain/types@0.19.0': + resolution: {integrity: sha512-tFkNbsP4WXX9UMUC5syJGdK9dPMLK0PPaIuXCcCYH75sZ8MrebfBZ2XvCILRTw8AgLivSSCfDa4R67iYBDa4Kg==} + + acorn@8.19.0: + resolution: {integrity: sha512-oJlA3XiRm7Cyk6qFD2Jn8ak9B7jSy0qy00ADO3+8dpT0LSjFihQYv4C02LFCSYJV3Q37xYwwRy5m+IpIiUzqWw==} + engines: {node: '>=0.4.0'} + hasBin: true + + ajv@8.20.0: + resolution: {integrity: sha512-Thbli+OlOj+iMPYFBVBfJ3OmCAnaSyNn4M1vz9T6Gka5Jt9ba/HIR56joy65tY6kx/FCF5VXNB819Y7/GUrBGA==} + + ansi-regex@5.0.1: + resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==} + engines: {node: '>=8'} + + ansi-regex@6.5.0: + resolution: {integrity: sha512-zhvbbbdt1kbw7EJ9OQoxmQcuaNR9P5kTj7e/YdmOSU10aHWbycofJxA6jKfoEy3vlLdctOF9ZHaxLtmSm998wQ==} + engines: {node: '>=12'} + + ansi-styles@5.2.0: + resolution: {integrity: sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==} + engines: {node: '>=10'} + + ansi-styles@6.2.3: + resolution: {integrity: sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==} + engines: {node: '>=12'} + + aria-query@5.3.0: + resolution: {integrity: sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==} + + aria-query@5.3.1: + resolution: {integrity: sha512-Z/ZeOgVl7bcSYZ/u/rh0fOpvEpq//LZmdbkXyc7syVzjPAhfOa9ebsdTSjEBDU4vs5nC98Kfduj1uFo0qyET3g==} + engines: {node: '>= 0.4'} + + assertion-error@2.0.1: + resolution: {integrity: sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==} + engines: {node: '>=12'} + + ast-types@0.16.3: + resolution: {integrity: sha512-FvWoWYfSCM6kRxCSH+MGLHIKKGRL6A6AW7Zek2O32REPQRdg131428uRTKMBYAeRd3XXAaHDS60Wpri7CdKDrA==} + engines: {node: '>=4'} + + ast-v8-to-istanbul@1.0.7: + resolution: {integrity: sha512-kFL68AG6ajd8fg248zwM9GQrUWEp79gsmjum34OEXjs4yHuUMZfYKwOLW9GMmB4oNvVrj+EAGxsP7ye2UR9UlA==} + + axe-core@4.14.0: + resolution: {integrity: sha512-9WTZxEjsZ7b13TH8JPmbV2z8CHbl80/2hm3XPEG4JgNdQLK81IBRXmSxHfMAOkSqQeRxT/0dwNDz2GOm3zzpcQ==} + engines: {node: '>=4'} + + axobject-query@4.1.0: + resolution: {integrity: sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ==} + engines: {node: '>= 0.4'} + + baseline-browser-mapping@2.11.35: + resolution: {integrity: sha512-GNk8KX52CHqeNKGk8+7tZnQab/2k1t/BgrUHPKNdijzpEhF1saPQZHVKb6m5loSAxB39gyrTYw34Qf9CQ3u1qQ==} + engines: {node: '>=6.0.0'} + hasBin: true + + browserslist@4.29.5: + resolution: {integrity: sha512-khTmKu5NGYTotqcYo8Bew2k4RAE9PuXRSFRXG2lQBrCEQHyeQ/vX6gKMxfokwywBsLiXZMnHsmWMG1pnO8J7uQ==} + engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7} + hasBin: true + + bundle-name@4.1.1: + resolution: {integrity: sha512-DdH81/zPLVS11EUgWq3tEu/xn+EzljlMYooDNdzWEnFha3R3NBMpMV1UqYIpjYHV/SgpFKMIX1Oh7o06SjM/oA==} + engines: {node: '>=18'} + + caniuse-lite@1.0.30001820: + resolution: {integrity: sha512-gfWD6MxqVCqAOwmODfZf7DchWvlrA+SRdNX7ceLfg3xRqe5ssjjpF7EgslC/0tiLiNTajdaNN/q8c/5u/7Gz8w==} + + chai@5.3.3: + resolution: {integrity: sha512-4zNhdJD/iOjSH0A05ea+Ke6MU5mmpQcbQsSOkgdaUMJ9zTlDTD/GYlwohmIE2u0gaxHYiVHEn1Fw9mZ/ktJWgw==} + engines: {node: '>=18'} + + chai@6.3.0: + resolution: {integrity: sha512-XWAtwJ6OHO+tj0EKCs0Y2UamnyOxseZWltU4x2U2wh8g4AigdjwvtUjvLP2tqkA/avxHEtzxNaqGq/YGNwckKg==} + engines: {node: '>=18'} + + chalk@5.6.2: + resolution: {integrity: sha512-7NzBL0rN6fMUW+f7A6Io4h40qQlG+xGmtMxfbnH/K7TAtt8JQWVQK+6g0UXKMeVJoyV5EkkNsErQ8pVD3bLHbA==} + engines: {node: ^12.17.0 || ^14.13 || >=16.0.0} + + check-error@2.1.3: + resolution: {integrity: sha512-PAJdDJusoxnwm1VwW07VWwUN1sl7smmC3OKggvndJFadxxDRyFJBX/ggnu/KE4kQAB7a3Dp8f/YXC1FlUprWmA==} + engines: {node: '>= 16'} + + chokidar@4.0.3: + resolution: {integrity: sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==} + engines: {node: '>= 14.16.0'} + + chokidar@5.0.0: + resolution: {integrity: sha512-TQMmc3w+5AxjpL8iIiwebF73dRDF4fBIieAqGn9RGCWaEVwQ6Fb2cGe31Yns0RRIzii5goJ1Y7xbMwo1TxMplw==} + engines: {node: '>= 20.19.0'} + + chokidar@6.0.0: + resolution: {integrity: sha512-Ec2Z7wpcKBiMpR7DxteoqS/sq5G5d2A4fpxzPv6+fD7xNNdrTghn7L11YwV5EN1B3i72Erc3XVT5FkWIDx90+A==} + engines: {node: '>= 22.22'} + + cli-cursor@5.0.0: + resolution: {integrity: sha512-aCj4O5wKyszjMmDT4tZj93kxyydN/K5zPWSCe6/0AV/AA1pqe5ZBIw0a2ZfPQV7lL5/yb5HsUreJ6UFAF1tEQw==} + engines: {node: '>=18'} + + cli-spinners@3.4.0: + resolution: {integrity: sha512-bXfOC4QcT1tKXGorxL3wbJm6XJPDqEnij2gQ2m7ESQuE+/z9YFIWnl/5RpTiKWbMq3EVKR4fRLJGn6DVfu0mpw==} + engines: {node: '>=18.20'} + + cliui@9.0.1: + resolution: {integrity: sha512-k7ndgKhwoQveBL+/1tqGJYNz097I7WOvwbmmU2AR5+magtbjPWQTS1C5vzGkBC8Ym8UWRzfKUzUUqFLypY4Q+w==} + engines: {node: '>=20'} + + clsx@2.1.1: + resolution: {integrity: sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==} + engines: {node: '>=6'} + + colorjs.io@0.7.1: + resolution: {integrity: sha512-LY7OHnJZxHwT5UlzNa9bbhHHDbzB6yE5+3MIPwJEQKRvSCt/T4G7epsj+9j2BExUIIfXFIJGsIXUKdfrK9Q5tA==} + + commander@15.0.0: + resolution: {integrity: sha512-z67u4ZhzCL/Tydu1lJARtEZYWbWaN7oYLHbsuzocr6y4N6WZAagG3RQ4FW61V1/0+jImpj293XfrcYnd1qxtPg==} + engines: {node: '>=22.12.0'} + + common-path-prefix@3.0.0: + resolution: {integrity: sha512-QE33hToZseCH3jS0qN96O/bSh3kaw/h+Tq7ngyY9eWDUnTlTNUyqfqvCXioLe5Na5jFsL78ra/wuBU4iuEgd4w==} + + convert-source-map@1.9.0: + resolution: {integrity: sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==} + + convert-source-map@2.0.0: + resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==} + + copy-anything@3.0.5: + resolution: {integrity: sha512-yCEafptTtb4bk7GLEQoM8KVJpxAfdBJYaXyzQEgQQQgYrZiDp8SJmGKlYza6CYjEDNstAdNdKA3UuoULlEbS6w==} + engines: {node: '>=12.13'} + + css.escape@1.5.1: + resolution: {integrity: sha512-YUifsXXuknHlUsmlgyY0PKzgPOr7/FjCePfHNt0jxm83wHZi44VDMQ7/fGNkjY3/jV1MC+1CmZbaHzugyeRtpg==} + + csstype@3.2.3: + resolution: {integrity: sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==} + + debug@3.2.7: + resolution: {integrity: sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==} + peerDependencies: + supports-color: '*' + peerDependenciesMeta: + supports-color: + optional: true + + dedent-js@1.0.1: + resolution: {integrity: sha512-OUepMozQULMLUmhxS95Vudo0jb0UchLimi3+pQ2plj61Fcy8axbP9hbiD4Sz6DPqn6XG3kfmziVfQ1rSys5AJQ==} + + deep-eql@5.0.2: + resolution: {integrity: sha512-h5k/5U50IJJFpzfL6nO9jaaumfjO/f2NjK/oYB2Djzm4p9L+3T9qWpZqZ2hAbLPuuYq9wrU08WQyBTL5GbPk5Q==} + engines: {node: '>=6'} + + deepmerge@4.3.1: + resolution: {integrity: sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==} + engines: {node: '>=0.10.0'} + + default-browser-id@5.0.1: + resolution: {integrity: sha512-x1VCxdX4t+8wVfd1so/9w+vQ4vx7lKd2Qp5tDRutErwmR85OgmfX7RlLRMWafRMY7hbEiXIbudNrjOAPa/hL8Q==} + engines: {node: '>=18'} + + default-browser@5.5.1: + resolution: {integrity: sha512-m1pAzaJgZ/gssEqlOhJkPJp8Xly7QyW6xcrkUa2KKcDeDSEMP7X8xipU3snUcfisTQx0w1AGae+9UtJSfVnXGw==} + engines: {node: '>=18'} + + define-lazy-prop@3.0.0: + resolution: {integrity: sha512-N+MeXYoqr3pOgn8xfyRPREN7gHakLYjhsHhWGT3fWAiL4IkAt0iDw14QiiEm2bE30c5XX5q0FtAA3CK5f9/BUg==} + engines: {node: '>=12'} + + dependency-graph@1.0.0: + resolution: {integrity: sha512-cW3gggJ28HZ/LExwxP2B++aiKxhJXMSIt9K48FOXQkm+vuG5gyatXnLsONRJdzO/7VfjDIiaOOa/bs4l464Lwg==} + engines: {node: '>=4'} + + dequal@2.0.3: + resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==} + engines: {node: '>=6'} + + detect-libc@2.1.2: + resolution: {integrity: sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==} + engines: {node: '>=8'} + + devalue@5.9.4: + resolution: {integrity: sha512-sPAT4pztbu6586/hrhOnMKS17IJrvg12mXiSPSS3W5qDeN2RGgvZ0diZCm31dBbnevfVmujNO3IM2wrS4Y2Rhg==} + + dom-accessibility-api@0.5.16: + resolution: {integrity: sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==} + + dom-accessibility-api@0.6.3: + resolution: {integrity: sha512-7ZgogeTnjuHbo+ct10G9Ffp0mif17idi0IyWNVA/wcwcm7NPOD/WEHVP3n7n3MhXqxoIYm8d6MuZohYWIZ4T3w==} + + dts-resolver@3.0.0: + resolution: {integrity: sha512-1T1f+z+4tl9XD+m+0HBgWoL/nm0bOIffyWaUuUSBlFg/86IWvfx+wjNaO/ybU0AJzG9/Mi5hBUgGV6zCmWEN7Q==} + engines: {node: ^22.18.0 || >=24.0.0} + peerDependencies: + oxc-resolver: '>=11.0.0' + peerDependenciesMeta: + oxc-resolver: + optional: true + + electron-to-chromium@1.5.475: + resolution: {integrity: sha512-S9tceHJbIsHH8VRwh9x+8lJO50SYwTdwVGdEjdz2FERyP59j1N6rdXOSklIusrhxt9GG/WN4V/kRgmDHl9MM5w==} + + emoji-regex@10.6.0: + resolution: {integrity: sha512-toUI84YS5YmxW219erniWD0CIVOo46xGKColeNQRgOzDorgBi1v4D71/OFzgD9GO2UGKIv1C3Sp8DAn0+j5w7A==} + + empathic@2.1.0: + resolution: {integrity: sha512-AnfC1ATldl49/cvZdLPDjBfrRNwbDO05aibiOtzQu3qtlbJtomNLhF30HEtn/7iBz50dlMECqATo3fG0LrdEgw==} + engines: {node: '>=14'} + + entities@7.0.1: + resolution: {integrity: sha512-TWrgLOFUQTH994YUyl1yT4uyavY5nNB5muff+RtWaqNVCAK408b5ZnnbNAUEWLTCpum9w6arT70i1XdQ4UeOPA==} + engines: {node: '>=0.12'} + + errno@0.1.8: + resolution: {integrity: sha512-dJ6oBr5SQ1VSd9qkk7ByRgb/1SH4JZjCHSW/mr63/QcXO9zLVxvJ6Oy13nio03rxpSnVDDjFor75SjVeZWPW/A==} + hasBin: true + + es-module-lexer@2.3.2: + resolution: {integrity: sha512-poHGpORABojJJucnV9KbOavETW8lBVnphkW77ER5/BQ5Fz7oXSoCNek7IH3vR5nRjdsEz926ibFYX8KtLQmdyw==} + + esbuild@0.28.2: + resolution: {integrity: sha512-HKVLS8dvII+xoKW9kmqxbRKrnWEXfJJr/FZhhJmiqIB0e053QNYFqOBouTMO/k5sID4MvCiUCvv8b9M4h32wIA==} + engines: {node: '>=18'} + hasBin: true + + escalade@3.2.0: + resolution: {integrity: sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==} + engines: {node: '>=6'} + + esm-env@1.2.2: + resolution: {integrity: sha512-Epxrv+Nr/CaL4ZcFGPJIYLWFom+YeV1DqMLHJoEd9SYRxNbaFruBwfEX/kkHUJf55j2+TUbmDcmuilbP1TmXHA==} + + esprima@4.0.1: + resolution: {integrity: sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==} + engines: {node: '>=4'} + hasBin: true + + esrap@2.4.0: + resolution: {integrity: sha512-CQPcneEHw/czj32uwQC52nYnax8H4SXt25FCM+LIwGZ49cMIxpOj3bP8wmzcI+Z0HIy5KkClaPhRLfCySzwHPA==} + peerDependencies: + '@typescript-eslint/types': ^8.2.0 + peerDependenciesMeta: + '@typescript-eslint/types': + optional: true + + estree-walker@2.0.2: + resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==} + + estree-walker@3.0.3: + resolution: {integrity: sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==} + + expect-type@1.4.0: + resolution: {integrity: sha512-KfYbmpRm0VbLjEvVa9yGwCi9GI34xvi7A/HXYWQO65CSD2u3MczUJSuwXKFIxlGsgBQizV9q5J9NHj4VG0n+pA==} + engines: {node: '>=12.0.0'} + + fast-deep-equal@3.1.3: + resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==} + + fast-uri@3.1.9: + resolution: {integrity: sha512-hS/0Wt3Ya043oKXs0sIxrMpKQITXhMLIrVAKKXi4gozGC9v7YRWVnXIZzjNPTO02M9BdxLCWqK1yRXgNziVyJQ==} + + fdir@6.5.0: + resolution: {integrity: sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==} + engines: {node: '>=12.0.0'} + peerDependencies: + picomatch: ^3 || ^4 + peerDependenciesMeta: + picomatch: + optional: true + + fflate@0.8.3: + resolution: {integrity: sha512-tbZNuJrLwGUp3zshBtdy4W+ORxZuIh8a5ilyIEQDC5rY1f3U20JMry0Ll3WBzU58EZKsEuJFXhb5gwv8CsPvgA==} + + find-cache-directory@6.0.0: + resolution: {integrity: sha512-CvFd5ivA6HcSHbD+59P7CyzINHXzwhuQK8RY7CxJZtgDSAtRlHiCaQpZQ2lMR/WRyUIEmzUvL6G2AGurMfegZA==} + engines: {node: '>=20'} + + find-up-simple@1.0.1: + resolution: {integrity: sha512-afd4O7zpqHeRyg4PfDQsXmlDe2PfdHtJt6Akt8jOWaApLOZk5JXs6VMR29lz03pRe9mpykrRCYIYxaJYcfpncQ==} + engines: {node: '>=18'} + + flatted@3.4.4: + resolution: {integrity: sha512-5+ybhBZANEJxaH3X5evAFatUxLfEHSr7n6kYJ+1Qd0mUqr4eu9gIf6GDbWHf8RJijHrjjO8G+la14SlL2SeS1Q==} + + flru@1.0.2: + resolution: {integrity: sha512-kWyh8ADvHBFz6ua5xYOPnUroZTT/bwWfrCeL0Wj1dzG4/YOmOcfJ99W8dOVyyynJN35rZ9aCOtHChqQovV7yog==} + engines: {node: '>=6'} + + fsevents@2.3.3: + resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==} + engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0} + os: [darwin] + + gensync@1.0.0-beta.2: + resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==} + engines: {node: '>=6.9.0'} + + get-caller-file@2.0.5: + resolution: {integrity: sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==} + engines: {node: 6.* || 8.* || >= 10.*} + + get-east-asian-width@1.7.0: + resolution: {integrity: sha512-XjH1AECxf0giL2V1aU8vKyRR2ppRUb5c0EvT7zuJTokQ74bNo52zOtghqdWIqrhUD79fo3x0WfKZdOqxF6LG1Q==} + engines: {node: '>=18'} + + get-tsconfig@5.0.0-beta.6: + resolution: {integrity: sha512-X6fBC0pmImC70gvX2zm56go9hx0MyoGVdG0tUCkg/D+Xnh5TJsOZ7iDbOdI3PvmtrDxnu1YdDufpK2QJX1Meqw==} + engines: {node: '>=20.20.0'} + + graceful-fs@4.2.11: + resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==} + + has-flag@4.0.0: + resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==} + engines: {node: '>=8'} + + iconv-lite@0.4.24: + resolution: {integrity: sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==} + engines: {node: '>=0.10.0'} + + iconv-lite@0.6.3: + resolution: {integrity: sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==} + engines: {node: '>=0.10.0'} + + immutable@5.1.9: + resolution: {integrity: sha512-m8nVez3rwrgmWxtLMt1ZYXB2Lv7OKYn/disyxAlSDYAlKSlFoPPfIAmAM/M5xqL4m4C/wAPw7S2/CNaUii1Hxg==} + + import-meta-resolve@4.2.0: + resolution: {integrity: sha512-Iqv2fzaTQN28s/FwZAoFq0ZSs/7hMAHJVX+w8PZl3cY19Pxk6jFFalxQoIfW2826i/fDLXv8IiEZRIT0lDuWcg==} + + indent-string@4.0.0: + resolution: {integrity: sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==} + engines: {node: '>=8'} + + injection-js@2.6.1: + resolution: {integrity: sha512-dbR5bdhi7TWDoCye9cByZqeg/gAfamm8Vu3G1KZOTYkOif8WkuM8CD0oeDPtZYMzT5YH76JAFB7bkmyY9OJi2A==} + + is-docker@3.0.0: + resolution: {integrity: sha512-eljcgEDlEns/7AXFosB5K/2nCM4P7FQPkGc/DWLy5rmFEWvZayGrik1d9/QIY5nJ4f9YsVvBkA6kJpHn9rISdQ==} + engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0} + hasBin: true + + is-extglob@2.1.1: + resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==} + engines: {node: '>=0.10.0'} + + is-glob@4.0.3: + resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==} + engines: {node: '>=0.10.0'} + + is-inside-container@1.0.0: + resolution: {integrity: sha512-KIYLCCJghfHZxqjYBE7rEy0OBuTd5xCHS7tHVgvCLkx7StIoaxwNW3hCALgEUjFfeRk+MG/Qxmp/vtETEF3tRA==} + engines: {node: '>=14.16'} + hasBin: true + + is-interactive@2.0.0: + resolution: {integrity: sha512-qP1vozQRI+BMOPcjFzrjXuQvdak2pHNUMZoeG2eRbiSqyvbEf/wQtEOTOX1guk6E3t36RkaqiSt8A/6YElNxLQ==} + engines: {node: '>=12'} + + is-reference@3.0.3: + resolution: {integrity: sha512-ixkJoqQvAP88E6wLydLGGqCJsrFUnqoH6HnaczB8XmDH1oaWU+xxdptvikTgaEhtZ53Ky6YXiBuUI2WXLMCwjw==} + + is-unicode-supported@2.1.0: + resolution: {integrity: sha512-mE00Gnza5EEB3Ds0HfMyllZzbBrmLOX3vfWoj9A9PEnTfratQ/BcaJOuMhnkhjXvb2+FkY3VuHqtAGpTPmglFQ==} + engines: {node: '>=18'} + + is-what@4.1.16: + resolution: {integrity: sha512-ZhMwEosbFJkA0YhFnNDgTM4ZxDRsS6HqTo7qsZM08fehyRYIYa0yHu5R6mgo1n/8MgaPBXiPimPD77baVFYg+A==} + engines: {node: '>=12.13'} + + is-wsl@3.1.1: + resolution: {integrity: sha512-e6rvdUCiQCAuumZslxRJWR/Doq4VpPR82kqclvcS0efgt430SlGIk05vdCN58+VrzgtIcfNODjozVielycD4Sw==} + engines: {node: '>=16'} + + js-tokens@10.0.0: + resolution: {integrity: sha512-lM/UBzQmfJRo9ABXbPWemivdCW8V2G8FHaHdypQaIy523snUjog0W71ayWXTjiR+ixeMyVHN2XcpnTd/liPg/Q==} + + js-tokens@4.0.0: + resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==} + + jsesc@3.1.0: + resolution: {integrity: sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==} + engines: {node: '>=6'} + hasBin: true + + json-schema-traverse@1.0.0: + resolution: {integrity: sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==} + + json5@2.2.3: + resolution: {integrity: sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==} + engines: {node: '>=6'} + hasBin: true + + jsonc-parser@3.3.1: + resolution: {integrity: sha512-HUgH65KyejrUFPvHFPbqOY0rsFip3Bo5wb4ngvdi1EpCYWUQDC5V+Y7mZws+DLkr4M//zQJoanu1SP+87Dv1oQ==} + + less@4.9.1: + resolution: {integrity: sha512-orp15PfJvvNDIqJdVWzMI9Sjpjp3VTiw3sfvbB+67LlISTEn8uVT2EdYSuyl02BLvaftv6sdk9Umnxmm5rckmg==} + engines: {node: '>=18'} + hasBin: true + + lightningcss-android-arm64@1.33.0: + resolution: {integrity: sha512-gEpRTalKdosp4Bb8qWtc2iOgE5SeIHlpS1up9bFq2wAyYhl1UdTObYiHe98zEM9SQvSoqQZ1IQD0JNpg3Ml5pg==} + engines: {node: '>= 12.0.0'} + cpu: [arm64] + os: [android] + + lightningcss-darwin-arm64@1.33.0: + resolution: {integrity: sha512-Sciaz8eenNTKn9b3t7+xr0ipTp9YxKQY4npwQ3mrRuL0BAVHBLyZxofhaKBAVtzmtRZ/zTyo0/to4B1uWG/Djg==} + engines: {node: '>= 12.0.0'} + cpu: [arm64] + os: [darwin] + + lightningcss-darwin-x64@1.33.0: + resolution: {integrity: sha512-Z5UPAxzrjlWNNyGy6i65cJzzvgJ5D3T6wMvs+gWpY9d7qRhANrxqAp6LhxIgZhWEw18RfJTGcRxjuLIBr+m8XQ==} + engines: {node: '>= 12.0.0'} + cpu: [x64] + os: [darwin] + + lightningcss-freebsd-x64@1.33.0: + resolution: {integrity: sha512-QQM/Ti/hQajJwCY+RiWuCZ9sdtI/XQk7nDK5vC8kkdwixezOlDgvDx7+RT+QjK6FcFT4MpsuoBnHIo/O3StRRg==} + engines: {node: '>= 12.0.0'} + cpu: [x64] + os: [freebsd] + + lightningcss-linux-arm-gnueabihf@1.33.0: + resolution: {integrity: sha512-N7FVBe6iS24MlM6R/4RBTxGhQheZGs7tiQ9U32UtF75NzP5Q7xWPRqLBCKxlRQRk3rY1jCIPLzx7WzOhuUIRLQ==} + engines: {node: '>= 12.0.0'} + cpu: [arm] + os: [linux] + + lightningcss-linux-arm64-gnu@1.33.0: + resolution: {integrity: sha512-j2v/itmy4HlNxlc6voKXYgBqNi0Ng2LShg4z7GufpEgs05P+2suBVyi9I6YHq5uoVFx9ETin3eCEhLVyXGQnKg==} + engines: {node: '>= 12.0.0'} + cpu: [arm64] + os: [linux] + libc: [glibc] + + lightningcss-linux-arm64-musl@1.33.0: + resolution: {integrity: sha512-yiO5ROMuYQgXbC60yjZU5CYSFZGKXL0HFATXt9mHJn1+zW55oCtMI9NfcVhYLMFDL7gV7oBPon/EmMMGg2OvtQ==} + engines: {node: '>= 12.0.0'} + cpu: [arm64] + os: [linux] + libc: [musl] + + lightningcss-linux-x64-gnu@1.33.0: + resolution: {integrity: sha512-ar+Ju7LmcN0Jo4FpL4hpFybwNG9/3A/Br5KW2n2jyODg3MEZXaDYADdemoNS+BDNfMgKvylJLj4S5tyRActuAg==} + engines: {node: '>= 12.0.0'} + cpu: [x64] + os: [linux] + libc: [glibc] + + lightningcss-linux-x64-musl@1.33.0: + resolution: {integrity: sha512-RYiYbkokw0trfKqqzfF55lginwEPrD3OJDfTuJzFs1MK6iFnDenaz1fqLLtX4ITG3OktJQXOeTaw1awrBAlZPw==} + engines: {node: '>= 12.0.0'} + cpu: [x64] + os: [linux] + libc: [musl] + + lightningcss-win32-arm64-msvc@1.33.0: + resolution: {integrity: sha512-1K+MPfLSFVpphzpdbfkhlWk6wBrTObBzS2T6db10PNOZgR9GoVsAWzwNyuhUYYbTp23j+4RrncfujZ4uAzXvwA==} + engines: {node: '>= 12.0.0'} + cpu: [arm64] + os: [win32] + + lightningcss-win32-x64-msvc@1.33.0: + resolution: {integrity: sha512-OlEICDx/Xl0FqSp4bry8zFnCvGpig3Gl4gCquvYwHuqJKEC1+n9NgDniFvqHGmMv1ZkqDJrDqKKSykTDX+ehuA==} + engines: {node: '>= 12.0.0'} + cpu: [x64] + os: [win32] + + lightningcss@1.33.0: + resolution: {integrity: sha512-WkUDrojuJs0xkgGf2udWxa3yGBRxPtxUkB79i6aCZLRgc7PM8fZe9TosfPDcvEpQZbuFASnHYmRLBLUbmLOIIA==} + engines: {node: '>= 12.0.0'} + + lit-element@4.2.2: + resolution: {integrity: sha512-aFKhNToWxoyhkNDmWZwEva2SlQia+jfG0fjIWV//YeTaWrVnOxD89dPKfigCUspXFmjzOEUQpOkejH5Ly6sG0w==} + + lit-html@3.3.3: + resolution: {integrity: sha512-el8M6jK2o3RXBnrSHX3ZKrsN8zEV63pSExTO1wYJz7QndGYZ8353e2a5PPX+qHe2aGayfnchQmkAojaWAREOIA==} + + lit@3.3.3: + resolution: {integrity: sha512-fycuvZg/hkpozL00lm1pEJH5nN/lr9ZXd6mJI2HSN4+Bzc+LDNdEApJ6HFbPkdFNHLvOplIIuJvxkS4XUxqirw==} + + locate-character@3.0.0: + resolution: {integrity: sha512-SW13ws7BjaeJ6p7Q6CO2nchbYEc3X3J6WrmTTDto7yMPqVSZTUyY5Tjbid+Ab8gLnATtygYtiDIJGQRRn2ZOiA==} + + lodash.merge@4.6.2: + resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==} + + log-symbols@7.0.1: + resolution: {integrity: sha512-ja1E3yCr9i/0hmBVaM0bfwDjnGy8I/s6PP4DFp+yP+a+mrHO4Rm7DtmnqROTUkHIkqffC84YY7AeqX6oFk0WFg==} + engines: {node: '>=18'} + + loupe@3.2.1: + resolution: {integrity: sha512-CdzqowRJCeLU72bHvWqwRBBlLcMEtIvGrlvef74kMnV2AolS9Y8xUv1I0U/MNAWMhBlKIoyuEgoJ0t/bbwHbLQ==} + + lz-string@1.5.0: + resolution: {integrity: sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==} + hasBin: true + + magic-string@0.30.21: + resolution: {integrity: sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==} + + magic-string@1.4.5: + resolution: {integrity: sha512-oLLC2+YvQUfAa+vxoufE/yc1icb87M9iXIRqAoR/2EhE/8cb3SF/+Gi0c2By1B+5Vz2e2vQtUvHiu1+63Znh+w==} + + magicast@0.5.5: + resolution: {integrity: sha512-UicdXN8zQ3JHlxVq+28afMXPr1z7WNY6+7EJnzTdQWkTAlMLF5fNCCKxJHBQwGaNGR11581EiQmQzx73+MvszA==} + + make-dir@5.1.0: + resolution: {integrity: sha512-IfpFq6UM39dUNiphpA6uDezNx/AvWyhwfICWPR3t1VspkgkMZrL+Rk1RbN1bx+aeNYwOrqGJgEgV3yotk+ZUVw==} + engines: {node: '>=18'} + + mime@1.6.0: + resolution: {integrity: sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==} + engines: {node: '>=4'} + hasBin: true + + mimic-function@5.0.1: + resolution: {integrity: sha512-VP79XUPxV2CigYP3jWwAUFSku2aKqBH7uTAapFWCBqutsbmDo96KY5o8uh6U+/YSIn5OxJnXp73beVkpqMIGhA==} + engines: {node: '>=18'} + + min-indent@1.0.1: + resolution: {integrity: sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==} + engines: {node: '>=4'} + + mri@1.2.0: + resolution: {integrity: sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==} + engines: {node: '>=4'} + + mrmime@2.0.1: + resolution: {integrity: sha512-Y3wQdFg2Va6etvQ5I82yUhGdsKrcYox6p7FfL1LbK2J4V01F9TGlepTIhnK24t7koZibmg82KGglhA1XK5IsLQ==} + engines: {node: '>=10'} + + ms@2.1.3: + resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==} + + nanoid@3.3.20: + resolution: {integrity: sha512-uKdg2G3GNCKQn9byYOpxbGqrT2fGO5KRt5J/8b3pok8rT6qxGWF6hxMyJiEYtAf+FVyYuD9hRaDqX5uPFYJ4ZQ==} + engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1} + hasBin: true + + needle@2.9.1: + resolution: {integrity: sha512-6R9fqJ5Zcmf+uYaFgdIHmLwNldn5HbK8L5ybn7Uz+ylX/rnOsSp1AHcvQSrCaFN+qNM1wpymHqD7mVasEOlHGQ==} + engines: {node: '>= 4.4.x'} + hasBin: true + + needle@3.5.0: + resolution: {integrity: sha512-jaQyPKKk2YokHrEg+vFDYxXIHTCBgiZwSHOoVx/8V3GIBS8/VN6NdVRmg8q1ERtPkMvmOvebsgga4sAj5hls/w==} + engines: {node: '>= 4.4.x'} + hasBin: true + + ng-packagr@22.2.5: + resolution: {integrity: sha512-AlAruvF6HQa9TIMg17TyLRQ1gxIyTeJgF/KMABWdH0vCkzXE6PatQeTII0ukrkElSgahPRlZZwW/1bm3m7nJQA==} + engines: {node: ^22.22.3 || ^24.15.0 || >=26.0.0} + hasBin: true + peerDependencies: + '@angular/compiler-cli': ^22.0.0 || ^22.2.0-next || ^22.3.0-next + tailwindcss: ^2.0.0 || ^3.0.0 || ^4.0.0 + tslib: ^2.3.0 + typescript: '>=6.0 <6.1' + peerDependenciesMeta: + tailwindcss: + optional: true + + node-addon-api@7.1.1: + resolution: {integrity: sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==} + + node-releases@2.0.63: + resolution: {integrity: sha512-6li2QanLsAXpIH2R6j77MzRyvOyrvdTqlKtO4CgBdHGNvN99ZZfyxszHc5o5+IZBWD5u6Hzwg83JoGXmqZNG9Q==} + engines: {node: '>=18'} + + obug@2.2.1: + resolution: {integrity: sha512-XrsrhT5sybtKI6wakr2SPOlGZWWYbUXZ7a0jT8/QOeAPau+1X/bSegNe5YR75oJmEZQbKningirmGOEJCIk61Q==} + engines: {node: '>=12.20.0'} + + obug@3.0.0: + resolution: {integrity: sha512-5vvB5+W7ePv+p3uqxi+RcW1XAzLW0/hxt3/4X4Lc4qHudzOhmBiBwOY6DRob4WnanAEGvNcLjF+KNOufrUoEQw==} + engines: {node: '>=12.20.0'} + + onetime@7.0.0: + resolution: {integrity: sha512-VXJjc87FScF88uafS3JllDgvAm+c/Slfz06lorj2uAY34rlUu0Nt+v8wreiImcrgAjjIHp1rXpTDlLOGw29WwQ==} + engines: {node: '>=18'} + + open@10.2.0: + resolution: {integrity: sha512-YgBpdJHPyQ2UE5x+hlSXcnejzAvD0b22U2OuAP+8OnlJT+PjWPxtgmGqKKc+RgTM63U9gN0YzrYc71R2WT/hTA==} + engines: {node: '>=18'} + + ora@9.4.1: + resolution: {integrity: sha512-6VlU9MLXbjVQD04AZCMX28hVtA5bUoadvUqO76MUCVA0ilwJbMiHsITRPfyVm6p/BC0Av/BXMujx39WCe1LEqw==} + engines: {node: '>=20'} + + oxc-parser@0.127.0: + resolution: {integrity: sha512-bkgD4qHlN7WxLdX8bLXdaU54TtQtAIg/ZBAfm0aje/mo3MRDo3P0hZSgr4U7O3xfX+fQmR5AP04JS/TGcZLcFA==} + engines: {node: ^20.19.0 || >=22.12.0} + + oxc-resolver@11.21.2: + resolution: {integrity: sha512-w5tLwYN3Zo24w5EeWJjJWZOwhYqTtC8PS2B1tIt7BZUuqTIcU07sQValbDw+rq7+AuAGzOHklgK+ifsy4lpXfw==} + + parse-node-version@1.0.1: + resolution: {integrity: sha512-3YHlOa/JgH6Mnpr05jP9eDG254US9ek25LyIxZlDItp2iJtwyaXQb57lBYLdT3MowkUFYEV2XXNAYIPlESvJlA==} + engines: {node: '>= 0.10'} + + pathe@2.0.3: + resolution: {integrity: sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==} + + pathval@2.0.1: + resolution: {integrity: sha512-//nshmD55c46FuFw26xV/xFAaB5HF9Xdap7HJBBnrKdAd6/GxDBaNA1870O79+9ueg61cZLSVc+OaFlfmObYVQ==} + engines: {node: '>= 14.16'} + + picocolors@1.1.1: + resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==} + + picomatch@4.0.7: + resolution: {integrity: sha512-qcJu88Q2IWqJsDD529JKMdwGm/dvInW4HvQnRwiH9JtihJvzGOscDtHE3x1pBKeUOTysQ8kVmLnJ2kJu7yhcGA==} + engines: {node: '>=12'} + + pkg-dir@8.0.0: + resolution: {integrity: sha512-4peoBq4Wks0riS0z8741NVv+/8IiTvqnZAr8QGgtdifrtpdXbNw/FxRS1l6NFqm4EMzuS0EDqNNx4XGaz8cuyQ==} + engines: {node: '>=18'} + + playwright-core@1.64.1: + resolution: {integrity: sha512-BC4s8y6SEVA6Q1rSxZTto8hI1KUI3xXlHGZgvGqP4IqPdI/a6FX9H29IDNz7vKo9l21b6LfYosScPL6M3xxyDQ==} + engines: {node: '>=20'} + hasBin: true + + playwright@1.64.1: + resolution: {integrity: sha512-HCrVhHr5QQuwYoswEUGTb7gGp522yflbv/ST8nF4sFWGuLjQCt17Q/EubpGGSNKYn1tsTCPZxqHhHCfVURu7UA==} + engines: {node: '>=20'} + hasBin: true + + pngjs@7.0.0: + resolution: {integrity: sha512-LKWqWJRhstyYo9pGvgor/ivk2w94eSjE3RGVuzLGlr3NmD8bf7RcYGze1mNdEHRP6TRP6rMuDHk5t44hnTRyow==} + engines: {node: '>=14.19.0'} + + postcss@8.5.32: + resolution: {integrity: sha512-LJlKCCAUFKOuZxipUdYw1NzIITEsPcgyOG9LkvRJvuKj/bRzbuRY0ARXvL0pWGpsZvn8jku+LMep2eU0seHp8g==} + engines: {node: ^10 || ^12 || >=14} + + pretty-format@27.5.1: + resolution: {integrity: sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==} + engines: {node: ^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0} + + probe-image-size@7.5.0: + resolution: {integrity: sha512-ietdx4XPgmnzHRZOq1/KtcnsBkL4bRsBe+Szj5Tuq1/KPqDG42OspG1IhJb7vz6Z9pSzhp0J6UPnw6hujJTWoQ==} + + prr@1.0.1: + resolution: {integrity: sha512-yPw4Sng1gWghHQWj0B3ZggWUm4qVbPwPFcRG8KyxiU7J2OHFSoEHKS+EZ3fv5l1t9CyCiop6l/ZYeWbrgoQejw==} + + react-dom@19.3.1: + resolution: {integrity: sha512-Y0bARz53lhEC1NMCASs0/j+faB/zqt3R8hpvg1e8+61ZVJ4UL0UdC4cBbXfZMcIuhrfgeILTLe+ZeBCavQPtKQ==} + peerDependencies: + react: ^19.3.1 + + react-is@17.0.2: + resolution: {integrity: sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==} + + react@19.3.1: + resolution: {integrity: sha512-QNhWdt7nrgVWWQG58QuGsAR3jv3Hbe4mb4vz7w2csnHavciZJgda1CPNaldF6eVxv90ud3jUXpKlHL69gO38yw==} + engines: {node: '>=0.10.0'} + + readdirp@4.1.2: + resolution: {integrity: sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==} + engines: {node: '>= 14.18.0'} + + readdirp@5.1.1: + resolution: {integrity: sha512-Kko+Y5XQ6fM+Ce3dq3m9YGxnacYZYl9cA1wZjaF3Vbry2L3i1qVg8+CAgNPsXRArPMUMCaOR7oa9Nqntc43JKA==} + engines: {node: '>= 20.19.0'} + + recast@0.23.21: + resolution: {integrity: sha512-mFAyJq9vUbSTARLZUvAEf1z3YxlvAwswbmxMx2mPA/MSm4KmpwvwvhsH/NIrZhyOuwD60Lzyw2qh83uCbgTPYw==} + engines: {node: '>= 4'} + + redent@3.0.0: + resolution: {integrity: sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==} + engines: {node: '>=8'} + + reflect-metadata@0.2.2: + resolution: {integrity: sha512-urBwgfrvVP/eAyXx4hluJivBKzuEbSQs9rKWCrCkbSxNv8mxPcUZKeuoF3Uy4mJl3Lwprp6yy5/39VWigZ4K6Q==} + + require-from-string@2.0.2: + resolution: {integrity: sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==} + engines: {node: '>=0.10.0'} + + resolve-pkg-maps@1.0.0: + resolution: {integrity: sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==} + + restore-cursor@5.1.0: + resolution: {integrity: sha512-oMA2dcrw6u0YfxJQXm342bFKX/E4sG9rbTzO9ptUcR/e8A33cHuvStiYOwH7fszkZlZ1z/ta9AAoPk2F4qIOHA==} + engines: {node: '>=18'} + + roboto-fontface@0.10.0: + resolution: {integrity: sha512-OlwfYEgA2RdboZohpldlvJ1xngOins5d7ejqnIBWr9KaMxsnBqotpptRXTyfNRLnFpqzX6sTDt+X+a+6udnU8g==} + + rolldown-plugin-dts@0.28.8: + resolution: {integrity: sha512-FVhfqxorCWcc20BVT5eVRfRjzLLl6mgzjcMR4gSBf0K4oQMXT0qoHhhzfXy0L7y83fQy7Ug5ZDNk90xM3/LiCQ==} + engines: {node: ^22.18.0 || ^24.11.0 || >=26.0.0} + peerDependencies: + '@typescript/native-preview': '*' + '@volar/typescript': ~2.4.0 + '@vue/language-core': ~3.2.0 || ~3.3.0 + rolldown: ^1.2.0 + typescript: ^5.0.0 || ^6.0.0 || ~7.0.0 + vue-tsc: ~3.2.0 || ~3.3.0 + peerDependenciesMeta: + '@typescript/native-preview': + optional: true + '@volar/typescript': + optional: true + '@vue/language-core': + optional: true + typescript: + optional: true + vue-tsc: + optional: true + + rolldown@1.2.16: + resolution: {integrity: sha512-bWvlMpFKiTfDKfnK7FC2MPgPeWCf/Kpwsq49ApdW+FQaBZb6O6dZ4MAPbPUjp7hYQrw/RobqCzn64BRrQecGHw==} + engines: {node: ^20.19.0 || >=22.12.0} + hasBin: true + + run-applescript@7.1.0: + resolution: {integrity: sha512-DPe5pVFaAsinSaV6QjQ6gdiedWDcRCbUuiQfQa2wmWV7+xC9bGulGI8+TdRmoFkAPaBXk8CrAbnlY2ISniJ47Q==} + engines: {node: '>=18'} + + rxjs@7.8.2: + resolution: {integrity: sha512-dhKf903U/PQZY6boNNtAGdWbG85WAbjT/1xYoZIC7FAY0yWapOBQVsVrDl58W86//e1VpMNBtRV4MaXfdMySFA==} + + sade@1.8.1: + resolution: {integrity: sha512-xal3CZX1Xlo/k4ApwCFrHVACi9fBqJ7V+mwhBsuf/1IOKbBy098Fex+Wa/5QMubw09pSZ/u8EY8PWgevJsXp1A==} + engines: {node: '>=6'} + + safer-buffer@2.1.2: + resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==} + + sass-embedded-all-unknown@1.107.1: + resolution: {integrity: sha512-8JVe87KQHSu/uMmcbcRa33AVDdwf0FSCR1tqA9fTaLrsqpgApD2YgqFr7KKCYTNRVSwzqAKdDaD2YJgx/siuVQ==} + cpu: ['!arm', '!arm64', '!riscv64', '!x64'] + + sass-embedded-android-arm64@1.107.1: + resolution: {integrity: sha512-tk1uq03Jqba2OuktUuIVQ0eSERB4oCcYiZ88wdzX1edWT/Yc7c4x6ECl2+7zqXec6SGIUDZlI86nurN5fTJLHA==} + engines: {node: '>=14.0.0'} + cpu: [arm64] + os: [android] + + sass-embedded-android-arm@1.107.1: + resolution: {integrity: sha512-qst7MmgqFwAHjbDN9Z+zjwMqmPM6RGu5ynXJFZmEmkkjCoQQX8DHUZhNCc2bASeLk/wyz1/9RCziUcJ6kn+E5w==} + engines: {node: '>=14.0.0'} + cpu: [arm] + os: [android] + + sass-embedded-android-riscv64@1.107.1: + resolution: {integrity: sha512-WzBSIg44+XP15kc+G2qtpfYBm0BtxjuC/X11eEg2L5Ihw45DoBtSLkpkSpLd9tvxDJOiTK3AHd1/iv5oGNvibg==} + engines: {node: '>=14.0.0'} + cpu: [riscv64] + os: [android] + + sass-embedded-android-x64@1.107.1: + resolution: {integrity: sha512-K6YN7kqj9aBLmraVDiPIHF7U8qoD9E/6AJIVwj1Y5H0EgPjGOsv1sYu9Uy6SBLvWGg4dsydhbPU7VC+hTGWk9A==} + engines: {node: '>=14.0.0'} + cpu: [x64] + os: [android] + + sass-embedded-darwin-arm64@1.107.1: + resolution: {integrity: sha512-okhyzPI4cLNwa/xRIWbpkRGKmebaNp1+15V5PxVsQbzd8c+dn7eZje2Vf5CWxv9jRZ0nJgM1K/F61Wwb0w8Tyg==} + engines: {node: '>=14.0.0'} + cpu: [arm64] + os: [darwin] + + sass-embedded-darwin-x64@1.107.1: + resolution: {integrity: sha512-hMMcxMxTiWoMaCfEvZqofN2l/yW++S0ANdVA3uHbVYO1LeRf9MrOWlOkJCjsbJO5FvfZdKGUxq/hc/5FKX9PXQ==} + engines: {node: '>=14.0.0'} + cpu: [x64] + os: [darwin] + + sass-embedded-linux-arm64@1.107.1: + resolution: {integrity: sha512-cDeuJi63cL2cfr9OZoB2z1jd7Omhdgbj7zBxawZ62NFLe/gYVgeUsHbkB0rh1xbsuMJ9nOu9Mu6bkw8N0XnigQ==} + engines: {node: '>=14.0.0'} + cpu: [arm64] + os: [linux] + libc: glibc + + sass-embedded-linux-arm@1.107.1: + resolution: {integrity: sha512-k/UIsseDf63xo5qwV1kZgTmJtFlBAKLQf3xb++NmQPv7zvdOZxJ/MVUd1cuDx7vuanVKhM+U6R1mW2GuQxEGHA==} + engines: {node: '>=14.0.0'} + cpu: [arm] + os: [linux] + libc: glibc + + sass-embedded-linux-musl-arm64@1.107.1: + resolution: {integrity: sha512-Pr7kApBThIJjKG7FkGIsFvYrhj8aCu7kEuov7WiK3ExUiv5m+Vz8eYzjqIEGGCAyVIGMuuvHCvPmuMUynPZ1CA==} + engines: {node: '>=14.0.0'} + cpu: [arm64] + os: [linux] + libc: musl + + sass-embedded-linux-musl-arm@1.107.1: + resolution: {integrity: sha512-jshFSmPp7/tq3zV5l7KEDWuZKN6aewTnKMkWzgXN4oiBvRKFWAeQqG2Acn+gjMwtrvY0aRGZxrgreJGwRmFZlg==} + engines: {node: '>=14.0.0'} + cpu: [arm] + os: [linux] + libc: musl + + sass-embedded-linux-musl-riscv64@1.107.1: + resolution: {integrity: sha512-5oJVR7xt0yQnIlW/1Xz+H5Bl2Tix5Gl4qrlrVvUCzfdFUWBwLSZi6KlabjC41UjRisandO3nxHXPZeI1T99krQ==} + engines: {node: '>=14.0.0'} + cpu: [riscv64] + os: [linux] + libc: musl + + sass-embedded-linux-musl-x64@1.107.1: + resolution: {integrity: sha512-ntHvwls0ImF6p9qgZBuIF+BKIZ+6FqrRKZn0JhiFzb48y5o/V0mre6YEmdq8YcYVxPrGaU+Ajk96lpTE7gUC8w==} + engines: {node: '>=14.0.0'} + cpu: [x64] + os: [linux] + libc: musl + + sass-embedded-linux-riscv64@1.107.1: + resolution: {integrity: sha512-m8zLEdUPafxCAXtqx5FgBylIlPaUcb4eBx1lE8ENp/kaqqTMmaapofl+YWFI8xII3id+4rePZBipR142vHnNpQ==} + engines: {node: '>=14.0.0'} + cpu: [riscv64] + os: [linux] + libc: glibc + + sass-embedded-linux-x64@1.107.1: + resolution: {integrity: sha512-ix29w9TrUrvpzjOir+Ndx3RH5VLJncjq6CMystVUVbx5rpYyyaSzciOm5NKF227ifivhuhWYOFPCkq1NedmXfQ==} + engines: {node: '>=14.0.0'} + cpu: [x64] + os: [linux] + libc: glibc + + sass-embedded-unknown-all@1.107.1: + resolution: {integrity: sha512-7JKs9q+V/kyVBesAjMa8hXx/qk6/cGKq/7cPSZoAWGu6oHx41wiJVfkZVAYt+fOFRHFXQunIKxIR9ZV7nA63PA==} + os: ['!android', '!darwin', '!linux', '!win32'] + + sass-embedded-win32-arm64@1.107.1: + resolution: {integrity: sha512-/DmYPuToDvhsT4Oz1RQuOvQuYFzhcjzAfxjwhRPdWXxGO1OR8+BhbxyXqOUMpMLwgFT9Du3GPjD1yvy8BXnTZQ==} + engines: {node: '>=14.0.0'} + cpu: [arm64] + os: [win32] + + sass-embedded-win32-x64@1.107.1: + resolution: {integrity: sha512-B25UYFtuhnYiqvfLNlJZyDp2xV7T0aT9nueE2w+QhDPM/wCZyeQfj1dgMgq0HYBwEybgx0oLuxomgTqplmQ+eg==} + engines: {node: '>=14.0.0'} + cpu: [x64] + os: [win32] + + sass-embedded@1.107.1: + resolution: {integrity: sha512-DpU0lgDxNE2H7iycTfvvmig1NZ92SqO63D1PPRI8sBniHdpEOzxQno71YRXvEDQgPkaJ7mnljwX16s80AqydaQ==} + engines: {node: '>=20.19.0'} + hasBin: true + + sass@1.107.1: + resolution: {integrity: sha512-aJ1/LvxOOb04YhmiBjzZn3jVwdHKol+OVhoMV6fFl02fF9T3i+5Mg9l/CnzqtM+NX5Jn5o3lAbs/ZJivTCLHfQ==} + engines: {node: '>=20.19.0'} + hasBin: true + + sax@1.6.1: + resolution: {integrity: sha512-42tBVwLWnaQvW5zc4HbZrTuWccECCZfBi92FDuwtqxasH+JbPB3/FOKb1m222K42R4WxuxzzMsTswfzgtSu64Q==} + engines: {node: '>=11.0.0'} + + scheduler@0.28.0: + resolution: {integrity: sha512-juorfCmIkIw8tT+p5BXSm6PJjQF/ycEYmKyzURCIt/RaZIhL+PulbQ9Yu2z1HdOJDdqDTlxA1+xKBmHXJsczAw==} + + scule@1.3.0: + resolution: {integrity: sha512-6FtHJEvt+pVMIB9IBY+IcCJ6Z5f1iQnytgyfKMhDKgmzYG+TeH/wx1y3l27rshSbLiSanrR9ffZDrEsmjlQF2g==} + + semver@7.8.6: + resolution: {integrity: sha512-9lpSSU4Mly3mrtruwLs1eLK6+gzbzqeBFwRNjIjE+9LuDpWdYctrQlQ3ej1Ilgi7gknpsTRnPoLP8DpCHqHIJw==} + engines: {node: '>=10'} + hasBin: true + + signal-exit@4.1.0: + resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==} + engines: {node: '>=14'} + + sirv@3.0.2: + resolution: {integrity: sha512-2wcC/oGxHis/BoHkkPwldgiPSYcpZK3JU28WoMVv55yHJgcZ8rlXvuG9iZggz+sU1d4bRgIGASwyWqjxu3FM0g==} + engines: {node: '>=18'} + + source-map-js@1.2.2: + resolution: {integrity: sha512-KGj/8Y43x35aZVDtt+J4mK1hoLGHULMYfSkODJNQjNDC3oW1PqPoxMwo0pLUsWM/UEGzON/NxeHywEfNXNP3Vw==} + engines: {node: '>=0.10.0'} + + source-map@0.6.1: + resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==} + engines: {node: '>=0.10.0'} + + std-env@4.3.0: + resolution: {integrity: sha512-OtU/EgQ1kIm5KwqQpBC6ZEMXrZRui11w8zgfTWp8cdO9B8OaPsbA8bTHO2P+HNo1VlUTGMVBwPhydu6poeXiag==} + + stdin-discarder@0.3.2: + resolution: {integrity: sha512-eCPu1qRxPVkl5605OTWF8Wz40b4Mf45NY5LQmVPQ599knfs5QhASUm9GbJ5BDMDOXgrnh0wyEdvzmL//YMlw0A==} + engines: {node: '>=18'} + + storybook@10.6.5: + resolution: {integrity: sha512-qurC38Nx4PDF9YIq6GO95dpUx8a3B9AZwlcHBo4cOI9At09ifjQRsqcwcdOf2YX0cpVhFKmHkI20SWCrxqYQrg==} + hasBin: true + peerDependencies: + '@types/react': ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 + prettier: ^2 || ^3 + vite-plus: ^0.1.15 || ^0.2.0 + peerDependenciesMeta: + '@types/react': + optional: true + prettier: + optional: true + vite-plus: + optional: true + + string-width@7.2.0: + resolution: {integrity: sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==} + engines: {node: '>=18'} + + string-width@8.3.0: + resolution: {integrity: sha512-ZbmZM0JCihQN91dWnxoipT2KOEyHqEyfRXUyjuRhW8b/xnqPDoq4gWEVApTVa9db2wN8mmoikgFBbjh71+cGeQ==} + engines: {node: '>=20'} + + strip-ansi@7.2.0: + resolution: {integrity: sha512-yDPMNjp4WyfYBkHnjIRLfca1i6KMyGCtsVgoKe/z1+6vukgaENdgGBZt+ZmKPc4gavvEZ5OgHfHdrazhgNyG7w==} + engines: {node: '>=12'} + + strip-indent@3.0.0: + resolution: {integrity: sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==} + engines: {node: '>=8'} + + supports-color@8.1.1: + resolution: {integrity: sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==} + engines: {node: '>=10'} + + svelte-check@4.7.8: + resolution: {integrity: sha512-laZ49GFHZ3b0z2PWinJWL0syehc/PTR8aHaUaTiBkWJ+4Y38nhxjmXsSz7CbGa3VdKopViVbrBH3bGNqIAI0bQ==} + engines: {node: '>= 18.0.0'} + hasBin: true + peerDependencies: + svelte: ^4.0.0 || ^5.0.0-next.0 + typescript: ^5.0.0 || ^6.0.0 + + svelte2tsx@0.7.63: + resolution: {integrity: sha512-gRgz/V6wOx0NDZhm6OMD2VIh+/HrgZc3k6ibX93rkNPEkWNn/P3Uhb1fYCqOrimEUpQd8r65dhiHZIJXSQBeow==} + peerDependencies: + svelte: ^3.55 || ^4.0.0-next.0 || ^4.0 || ^5.0.0-next.0 + typescript: ^4.9.4 || ^5.0.0 || ^6.0.0 + + svelte@5.57.3: + resolution: {integrity: sha512-5mAftM3SoDV9X0zdF386F9p2pv8iKOwi/KfBS1XnBAkVCKFzVOLHUoa8iGWAt4buoicLmyWVRpuuD5wplXOQsg==} + engines: {node: '>=18'} + + sync-child-process@1.1.1: + resolution: {integrity: sha512-54zMOnH5qgjdKW8SGpCx3daSP+v+TtTfOxgPdhUE3P0hytMMpknZfP67S4JeRcx5IQRWJERz6890yO4dkTywww==} + engines: {node: '>=16.0.0'} + + sync-message-port@1.2.0: + resolution: {integrity: sha512-gAQ9qrUN/UCypHtGFbbe7Rc/f9bzO88IwrG8TDo/aMKAApKyD6E3W4Cm0EfhfBb6Z6SKt59tTCTfD+n1xmAvMg==} + engines: {node: '>=16.0.0'} + + tiny-invariant@1.3.3: + resolution: {integrity: sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==} + + tinybench@6.2.3: + resolution: {integrity: sha512-Al01C2JIBnO2CXCAPbpAl6sUiOZHeThGtHYNTa51JRw9PyWOCdr+9Ong05R4qg/Sk3+H645E8ov1h2c58ityNw==} + engines: {node: '>=20.0.0'} + + tinyexec@1.3.1: + resolution: {integrity: sha512-GCvB3aoys96IuDFBMcTB46JOR6mdMtAToqwiW8JlWhsoh1mhHi/xn9ss/Dg7N555GiJyEt2qzoG/NHCwM6h1EA==} + engines: {node: '>=18'} + + tinyglobby@0.2.17: + resolution: {integrity: sha512-wXR/dYpcqKmfWpEdZjiKJOwCNFndD0DMnrW/cYjVGttEkBfVgcLFHoNrlj47mjOVic9yyNu65alsgF4NQyTa2g==} + engines: {node: '>=12.0.0'} + + tinyrainbow@2.0.0: + resolution: {integrity: sha512-op4nsTR47R6p0vMUUoYl/a+ljLFVtlfaXkLQmqfLR1qHma1h/ysYk4hEXZ880bf2CYgTskvTa/e196Vd5dDQXw==} + engines: {node: '>=14.0.0'} + + tinyrainbow@3.2.0: + resolution: {integrity: sha512-LgO3D9yZJjApUiuUfl9iFAwrtaX4+lok3wJIqttGoKCHlWUqHqbQpnxCf82L8FjgKsh4iGo78hqJwgL8F6To2A==} + engines: {node: '>=14.0.0'} + + tinyspy@4.0.6: + resolution: {integrity: sha512-u8KszXvGfU68hVcZpRHKG28T0krMuv2G5nDhiHaMLen/gIuFEgIJhaJuO69qjnXg5paSrbPMFfx3brNuN8eVSg==} + engines: {node: '>=14.0.0'} + + totalist@3.0.1: + resolution: {integrity: sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==} + engines: {node: '>=6'} + + ts-dedent@2.3.0: + resolution: {integrity: sha512-JfJeIHke7y2egdGGgRAvpCwYFUsHlM2gPcrVOxFkznt/4uzQ7HFmvE63iFHVLBJNDuyDOQgijDK/tXH/f6Msjg==} + engines: {node: '>=6.10'} + + tslib@2.8.1: + resolution: {integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==} + + typescript@6.0.3: + resolution: {integrity: sha512-y2TvuxSZPDyQakkFRPZHKFm+KKVqIisdg9/CZwm9ftvKXLP8NRWj38/ODjNbr43SsoXqNuAisEf1GdCxqWcdBw==} + engines: {node: '>=14.17'} + hasBin: true + + undici-types@7.24.6: + resolution: {integrity: sha512-WRNW+sJgj5OBN4/0JpHFqtqzhpbnV0GuB+OozA9gCL7a993SmU+1JBZCzLNxYsbMfIeDL+lTsphD5jN5N+n0zg==} + + unplugin@2.3.11: + resolution: {integrity: sha512-5uKD0nqiYVzlmCRs01Fhs2BdkEgBS3SAVP6ndrBsuK42iC2+JHyxM05Rm9G8+5mkmRtzMZGY8Ct5+mliZxU/Ww==} + engines: {node: '>=18.12.0'} + + update-browserslist-db@1.3.4: + resolution: {integrity: sha512-t8wonIOdQyOjtPd2VktlBu6QjTVTks6v8bSi7kd0r2Vll8TK1JYDZtRRdbmCHOAMphkZgrzK+L+vXK4pyZ8t4A==} + hasBin: true + peerDependencies: + browserslist: '>= 4.21.0' + + use-sync-external-store@1.7.0: + resolution: {integrity: sha512-6L+EeigHMQhdaIPNIFUKwfWJSwWFQ8gJbJ2DLOs5sDIegTwR9fRxvnM3uciHKjIZhFz+KAv2emhWMRvDmMcY8A==} + peerDependencies: + react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 + + varint@6.0.0: + resolution: {integrity: sha512-cXEIW6cfr15lFv563k4GuVuW/fiwjknytD37jIOLSdSWuOI6WnO/oKwmP2FQTU2l01LP8/M5TSAJpzUaGe3uWg==} + + verkit@0.5.0: + resolution: {integrity: sha512-u4J1hr6Y+C/hit34GwL3eIcUf3wngT8TlYUjK7tk0jxydKLAq3sYvifjdTDA6U3KCKRcQCQDGf/srjxfZF3l7g==} + engines: {node: '>=18.12.0'} + + vite@8.3.5: + resolution: {integrity: sha512-z1YpjieJ9g0ebTmQpLBv/oq9E3F9EIlOe+7LahW8SrE3LTiG3udBRUXQOlYXP9b+IC2q2phHeVxj9xGlw34OEQ==} + engines: {node: ^20.19.0 || >=22.12.0} + hasBin: true + peerDependencies: + '@types/node': ^20.19.0 || >=22.12.0 + '@vitejs/devtools': ^0.7.1 || ^0.8.0 + esbuild: ^0.27.0 || ^0.28.0 + jiti: '>=1.21.0' + less: ^4.0.0 + sass: ^1.70.0 + sass-embedded: ^1.70.0 + stylus: '>=0.54.8' + sugarss: ^5.0.0 + terser: ^5.16.0 + tsx: ^4.8.1 + yaml: ^2.4.2 + peerDependenciesMeta: + '@types/node': + optional: true + '@vitejs/devtools': + optional: true + esbuild: + optional: true + jiti: + optional: true + less: + optional: true + sass: + optional: true + sass-embedded: + optional: true + stylus: + optional: true + sugarss: + optional: true + terser: + optional: true + tsx: + optional: true + yaml: + optional: true + + vitefu@1.1.3: + resolution: {integrity: sha512-ub4okH7Z5KLjb6hDyjqrGXqWtWvoYdU3IGm/NorpgHncKoLTCfRIbvlhBm7r0YstIaQRYlp4yEbFqDcKSzXSSg==} + peerDependencies: + vite: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0 + peerDependenciesMeta: + vite: + optional: true + + vitest@5.1.0: + resolution: {integrity: sha512-MzmNFnrwa8v8lF1bLxw3UJ4EREwVOVb75VqJZmUDRjJ6EluK/x9th7qTbaeDk41WxE1GxWqmTXcdsfobfH5sOA==} + engines: {node: ^22.12.0 || ^24.0.0 || >=26.0.0} + hasBin: true + peerDependencies: + '@edge-runtime/vm': '*' + '@opentelemetry/api': ^1.9.0 + '@types/node': ^22.0.0 || >=24.0.0 + '@vitest/browser-playwright': 5.1.0 + '@vitest/browser-preview': 5.1.0 + '@vitest/browser-webdriverio': ^5.0.0-beta.5 || >=5.0.0 + '@vitest/coverage-istanbul': 5.1.0 + '@vitest/coverage-v8': 5.1.0 + '@vitest/ui': 5.1.0 + happy-dom: '*' + jsdom: '*' + vite: ^6.4.0 || ^7.0.0 || ^8.0.0 + peerDependenciesMeta: + '@edge-runtime/vm': + optional: true + '@opentelemetry/api': + optional: true + '@types/node': + optional: true + '@vitest/browser-playwright': + optional: true + '@vitest/browser-preview': + optional: true + '@vitest/browser-webdriverio': + optional: true + '@vitest/coverage-istanbul': + optional: true + '@vitest/coverage-v8': + optional: true + '@vitest/ui': + optional: true + happy-dom: + optional: true + jsdom: + optional: true + + vue@3.5.44: + resolution: {integrity: sha512-dvvmaOCG7lAMkJTPqPwWeGMsPS6DIsFsfZDUgBp9V6mHf9b3+/wyVwYR4Es+WV6uJC0FKRxp81Obcq0ZwUcGFQ==} + peerDependencies: + typescript: '*' + peerDependenciesMeta: + typescript: + optional: true + + webpack-virtual-modules@0.6.2: + resolution: {integrity: sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==} + + why-is-node-running@3.2.1: + resolution: {integrity: sha512-Tb2FUhB4vUsGQlfSquQLYkApkuPAFQXGFzxWKHHumVz2dK+X1RUm/HnID4+TfIGYJ1kTcwOaCk/buYCEJr6YjQ==} + engines: {node: '>=20.11'} + hasBin: true + + wrap-ansi@9.0.2: + resolution: {integrity: sha512-42AtmgqjV+X1VpdOfyTGOYRi0/zsoLqtXQckTmqTeybT+BDIbM/Guxo7x3pE2vtpr1ok6xRqM9OpBe+Jyoqyww==} + engines: {node: '>=18'} + + ws@8.22.1: + resolution: {integrity: sha512-oyL6OPYme/CmiFvNuGzeoxCJ4nOrZE2O1FwM9MWM1AsGri6nLXB2pg+lNA8aLeXMSav0J6eIVS1j6vUPzUtK9g==} + engines: {node: '>=10.0.0'} + peerDependencies: + bufferutil: ^4.0.1 + utf-8-validate: '>=5.0.2' + peerDependenciesMeta: + bufferutil: + optional: true + utf-8-validate: + optional: true + + wsl-utils@0.1.0: + resolution: {integrity: sha512-h3Fbisa2nKGPxCpm89Hk33lBLsnaGBvctQopaBSOW/uIs6FTe1ATyAnKFJrzVs9vpGdsTe73WF3V4lIsk4Gacw==} + engines: {node: '>=18'} + + y18n@5.0.8: + resolution: {integrity: sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==} + engines: {node: '>=10'} + + yaml@2.9.0: + resolution: {integrity: sha512-2AvhNX3mb8zd6Zy7INTtSpl1F15HW6Wnqj0srWlkKLcpYl/gMIMJiyuGq2KeI2YFxUPjdlB+3Lc10seMLtL4cA==} + engines: {node: '>= 14.6'} + hasBin: true + + yargs-parser@22.0.0: + resolution: {integrity: sha512-rwu/ClNdSMpkSrUb+d6BRsSkLUq1fmfsY6TOpYzTwvwkg1/NRG85KBy3kq++A8LKQwX6lsu+aWad+2khvuXrqw==} + engines: {node: ^20.19.0 || ^22.12.0 || >=23} + + yargs@18.2.0: + resolution: {integrity: sha512-9OpKOLeaoNFecEp7P6iYbzze/5CqWoH7N3SMs/6y1XF4nMvFMspEGZzJ6uFi9MmQwXhyzqYoSEKO3tvA3Z/o2w==} + engines: {node: ^20.19.0 || ^22.12.0 || >=23} + + yoctocolors@2.2.0: + resolution: {integrity: sha512-xYqdZFUK/VYazNl/oCDYN+3WloWQwMfZxBoiNt6qNyk+xfOdi598muWE42rNZFp1kNOiqW936q5RhUdnpqElSg==} + engines: {node: '>=18'} + + yuku-ast@0.19.0: + resolution: {integrity: sha512-PyCsiScaelhxBGzL8dyeJkLqvRZycoh78R31Vrt/WqYrm0hMFoKwIw/X7Dx5mBKLWAMlV9I9HEyBOHnj2gZVyw==} + engines: {node: '>=14.18.0'} + + yuku-codegen@0.19.0: + resolution: {integrity: sha512-uymAKHjDuaP4BEpkXC/BSLz4DUEF5oArZ5AuD3888nb2miChjWSgpPdojEJxm3pjpXkgUaCRJQyNAbnMN33wHg==} + engines: {node: '>=14.18.0'} + + yuku-core@0.19.0: + resolution: {integrity: sha512-kYK9e1XdfirNhkipzW0wmMcSWcVF/CWnuugodfVYRCUwvoBefweL9HzB96OiKEhsx78V5WbUxbJqlizMX869Qg==} + engines: {node: '>=14.18.0'} + + yuku-parser@0.19.0: + resolution: {integrity: sha512-XrBh9ZiQK5mJVRxZBAvD6LwRyAYrK3MFtH3+onyuxFL5hFD44EC3QOmIC1FjTj6H2MMwq46/NAI+NZxLZPZgxg==} + engines: {node: '>=14.18.0'} + + zimmerframe@1.1.5: + resolution: {integrity: sha512-msJxIvYDYcoNL+PJsu+7qmpDWsYmAxTY+2TNYXXF0hzBzBk0BMecOqDOG/EckUoKCuKwObfbugIl8QpqHDXeFA==} + + zod@4.6.7: + resolution: {integrity: sha512-g8W2D2kU6a8untc053fX1uVBKzM7yqAxW/3zwk83+6RyF2+SKOuV+c0wBDhUwzV1PaGapmZH+rmcUzPf+3CGwg==} + +snapshots: + + '@adobe/css-tools@4.5.0': {} + + '@ampproject/remapping@2.3.0': + dependencies: + '@jridgewell/gen-mapping': 0.3.13 + '@jridgewell/trace-mapping': 0.3.31 + + '@angular/common@22.2.4(@angular/core@22.2.4(@angular/compiler@22.2.4)(rxjs@7.8.2))(rxjs@7.8.2)': + dependencies: + '@angular/core': 22.2.4(@angular/compiler@22.2.4)(rxjs@7.8.2) + rxjs: 7.8.2 + tslib: 2.8.1 + + '@angular/compiler-cli@22.2.4(@angular/compiler@22.2.4)(typescript@6.0.3)': + dependencies: + '@angular/compiler': 22.2.4 + '@babel/core': 8.0.1 + '@jridgewell/sourcemap-codec': 1.6.0 + chokidar: 5.0.0 + convert-source-map: 1.9.0 + reflect-metadata: 0.2.2 + semver: 7.8.6 + tslib: 2.8.1 + yargs: 18.2.0 + optionalDependencies: + typescript: 6.0.3 + + '@angular/compiler@22.2.4': + dependencies: + tslib: 2.8.1 + + '@angular/core@22.2.4(@angular/compiler@22.2.4)(rxjs@7.8.2)': + dependencies: + rxjs: 7.8.2 + tslib: 2.8.1 + optionalDependencies: + '@angular/compiler': 22.2.4 + + '@angular/forms@22.2.4(@angular/common@22.2.4(@angular/core@22.2.4(@angular/compiler@22.2.4)(rxjs@7.8.2))(rxjs@7.8.2))(@angular/core@22.2.4(@angular/compiler@22.2.4)(rxjs@7.8.2))(@angular/platform-browser@22.2.4(@angular/common@22.2.4(@angular/core@22.2.4(@angular/compiler@22.2.4)(rxjs@7.8.2))(rxjs@7.8.2))(@angular/core@22.2.4(@angular/compiler@22.2.4)(rxjs@7.8.2)))(rxjs@7.8.2)': + dependencies: + '@angular/common': 22.2.4(@angular/core@22.2.4(@angular/compiler@22.2.4)(rxjs@7.8.2))(rxjs@7.8.2) + '@angular/core': 22.2.4(@angular/compiler@22.2.4)(rxjs@7.8.2) + '@angular/platform-browser': 22.2.4(@angular/common@22.2.4(@angular/core@22.2.4(@angular/compiler@22.2.4)(rxjs@7.8.2))(rxjs@7.8.2))(@angular/core@22.2.4(@angular/compiler@22.2.4)(rxjs@7.8.2)) + '@standard-schema/spec': 1.1.0 + rxjs: 7.8.2 + tslib: 2.8.1 + zod: 4.6.7 + + '@angular/platform-browser@22.2.4(@angular/common@22.2.4(@angular/core@22.2.4(@angular/compiler@22.2.4)(rxjs@7.8.2))(rxjs@7.8.2))(@angular/core@22.2.4(@angular/compiler@22.2.4)(rxjs@7.8.2))': + dependencies: + '@angular/common': 22.2.4(@angular/core@22.2.4(@angular/compiler@22.2.4)(rxjs@7.8.2))(rxjs@7.8.2) + '@angular/core': 22.2.4(@angular/compiler@22.2.4)(rxjs@7.8.2) + tslib: 2.8.1 + + '@babel/code-frame@7.29.7': + dependencies: + '@babel/helper-validator-identifier': 7.29.7 + js-tokens: 4.0.0 + picocolors: 1.1.1 + + '@babel/code-frame@8.0.6': + dependencies: + '@babel/helper-validator-identifier': 8.0.6 + js-tokens: 10.0.0 + + '@babel/compat-data@8.0.5': {} + + '@babel/core@8.0.1': + dependencies: + '@babel/code-frame': 8.0.6 + '@babel/generator': 8.1.0 + '@babel/helper-compilation-targets': 8.0.7 + '@babel/helpers': 8.1.0 + '@babel/parser': 8.1.0 + '@babel/template': 8.0.0 + '@babel/traverse': 8.1.0 + '@babel/types': 8.1.0 + '@types/gensync': 1.0.5 + convert-source-map: 2.0.0 + empathic: 2.1.0 + gensync: 1.0.0-beta.2 + import-meta-resolve: 4.2.0 + json5: 2.2.3 + obug: 2.2.1 + semver: 7.8.6 + + '@babel/generator@8.1.0': + dependencies: + '@babel/parser': 8.1.0 + '@babel/types': 8.1.0 + '@jridgewell/gen-mapping': 0.4.0-beta.0 + '@jridgewell/trace-mapping': 0.3.31 + '@types/jsesc': 2.5.1 + jsesc: 3.1.0 + + '@babel/helper-compilation-targets@8.0.7': + dependencies: + '@babel/compat-data': 8.0.5 + '@babel/helper-validator-option': 8.0.0 + browserslist: 4.29.5 + flru: 1.0.2 + verkit: 0.5.0 + + '@babel/helper-globals@8.0.6': {} + + '@babel/helper-string-parser@7.29.11': {} + + '@babel/helper-string-parser@8.0.8': {} + + '@babel/helper-validator-identifier@7.29.7': {} + + '@babel/helper-validator-identifier@8.0.6': {} + + '@babel/helper-validator-option@8.0.0': {} + + '@babel/helpers@8.1.0': + dependencies: + '@babel/template': 8.0.0 + '@babel/types': 8.1.0 + + '@babel/parser@7.29.12': + dependencies: + '@babel/types': 7.29.11 + + '@babel/parser@8.1.0': + dependencies: + '@babel/types': 8.1.0 + + '@babel/runtime@7.29.10': {} + + '@babel/template@8.0.0': + dependencies: + '@babel/code-frame': 8.0.6 + '@babel/parser': 8.1.0 + '@babel/types': 8.1.0 + + '@babel/traverse@8.1.0': + dependencies: + '@babel/code-frame': 8.0.6 + '@babel/generator': 8.1.0 + '@babel/helper-globals': 8.0.6 + '@babel/parser': 8.1.0 + '@babel/template': 8.0.0 + '@babel/types': 8.1.0 + obug: 3.0.0 + + '@babel/types@7.29.11': + dependencies: + '@babel/helper-string-parser': 7.29.11 + '@babel/helper-validator-identifier': 7.29.7 + + '@babel/types@8.1.0': + dependencies: + '@babel/helper-string-parser': 8.0.8 + '@babel/helper-validator-identifier': 8.0.6 + + '@bcoe/v8-coverage@1.0.2': {} + + '@blazediff/core@1.10.0': {} + + '@bufbuild/protobuf@2.16.0': {} + + '@emnapi/core@1.11.0': + dependencies: + '@emnapi/wasi-threads': 1.2.2 + tslib: 2.8.1 + optional: true + + '@emnapi/core@1.9.2': + dependencies: + '@emnapi/wasi-threads': 1.2.1 + tslib: 2.8.1 + optional: true + + '@emnapi/runtime@1.11.0': + dependencies: + tslib: 2.8.1 + optional: true + + '@emnapi/runtime@1.9.2': + dependencies: + tslib: 2.8.1 + optional: true + + '@emnapi/wasi-threads@1.2.1': + dependencies: + tslib: 2.8.1 + optional: true + + '@emnapi/wasi-threads@1.2.2': + dependencies: + tslib: 2.8.1 + optional: true + + '@esbuild/aix-ppc64@0.28.2': + optional: true + + '@esbuild/android-arm64@0.28.2': + optional: true + + '@esbuild/android-arm@0.28.2': + optional: true + + '@esbuild/android-x64@0.28.2': + optional: true + + '@esbuild/darwin-arm64@0.28.2': + optional: true + + '@esbuild/darwin-x64@0.28.2': + optional: true + + '@esbuild/freebsd-arm64@0.28.2': + optional: true + + '@esbuild/freebsd-x64@0.28.2': + optional: true + + '@esbuild/linux-arm64@0.28.2': + optional: true + + '@esbuild/linux-arm@0.28.2': + optional: true + + '@esbuild/linux-ia32@0.28.2': + optional: true + + '@esbuild/linux-loong64@0.28.2': + optional: true + + '@esbuild/linux-mips64el@0.28.2': + optional: true + + '@esbuild/linux-ppc64@0.28.2': + optional: true + + '@esbuild/linux-riscv64@0.28.2': + optional: true + + '@esbuild/linux-s390x@0.28.2': + optional: true + + '@esbuild/linux-x64@0.28.2': + optional: true + + '@esbuild/netbsd-arm64@0.28.2': + optional: true + + '@esbuild/netbsd-x64@0.28.2': + optional: true + + '@esbuild/openbsd-arm64@0.28.2': + optional: true + + '@esbuild/openbsd-x64@0.28.2': + optional: true + + '@esbuild/openharmony-arm64@0.28.2': + optional: true + + '@esbuild/sunos-x64@0.28.2': + optional: true + + '@esbuild/win32-arm64@0.28.2': + optional: true + + '@esbuild/win32-ia32@0.28.2': + optional: true + + '@esbuild/win32-x64@0.28.2': + optional: true + + '@jridgewell/gen-mapping@0.3.13': + dependencies: + '@jridgewell/sourcemap-codec': 1.6.0 + '@jridgewell/trace-mapping': 0.3.31 + + '@jridgewell/gen-mapping@0.4.0-beta.0': + dependencies: + '@jridgewell/sourcemap-codec': 1.6.0 + '@jridgewell/trace-mapping': 0.3.31 + + '@jridgewell/remapping@2.3.5': + dependencies: + '@jridgewell/gen-mapping': 0.3.13 + '@jridgewell/trace-mapping': 0.3.31 + + '@jridgewell/resolve-uri@3.1.2': {} + + '@jridgewell/sourcemap-codec@1.6.0': {} + + '@jridgewell/trace-mapping@0.3.31': + dependencies: + '@jridgewell/resolve-uri': 3.1.2 + '@jridgewell/sourcemap-codec': 1.6.0 + + '@lit-labs/ssr-dom-shim@1.6.0': {} + + '@lit/reactive-element@2.1.2': + dependencies: + '@lit-labs/ssr-dom-shim': 1.6.0 + + '@mdx-js/react@3.1.1(@types/react@19.3.0)(react@19.3.1)': + dependencies: + '@types/mdx': 2.0.14 + '@types/react': 19.3.0 + react: 19.3.1 + + '@napi-rs/wasm-runtime@1.2.7(@emnapi/core@1.11.0)(@emnapi/runtime@1.11.0)': + dependencies: + '@emnapi/core': 1.11.0 + '@emnapi/runtime': 1.11.0 + '@tybys/wasm-util': 0.10.4 + optional: true + + '@napi-rs/wasm-runtime@1.2.7(@emnapi/core@1.9.2)(@emnapi/runtime@1.9.2)': + dependencies: + '@emnapi/core': 1.9.2 + '@emnapi/runtime': 1.9.2 + '@tybys/wasm-util': 0.10.4 + optional: true + + '@oxc-parser/binding-android-arm-eabi@0.127.0': + optional: true + + '@oxc-parser/binding-android-arm64@0.127.0': + optional: true + + '@oxc-parser/binding-darwin-arm64@0.127.0': + optional: true + + '@oxc-parser/binding-darwin-x64@0.127.0': + optional: true + + '@oxc-parser/binding-freebsd-x64@0.127.0': + optional: true + + '@oxc-parser/binding-linux-arm-gnueabihf@0.127.0': + optional: true + + '@oxc-parser/binding-linux-arm-musleabihf@0.127.0': + optional: true + + '@oxc-parser/binding-linux-arm64-gnu@0.127.0': + optional: true + + '@oxc-parser/binding-linux-arm64-musl@0.127.0': + optional: true + + '@oxc-parser/binding-linux-ppc64-gnu@0.127.0': + optional: true + + '@oxc-parser/binding-linux-riscv64-gnu@0.127.0': + optional: true + + '@oxc-parser/binding-linux-riscv64-musl@0.127.0': + optional: true + + '@oxc-parser/binding-linux-s390x-gnu@0.127.0': + optional: true + + '@oxc-parser/binding-linux-x64-gnu@0.127.0': + optional: true + + '@oxc-parser/binding-linux-x64-musl@0.127.0': + optional: true + + '@oxc-parser/binding-openharmony-arm64@0.127.0': + optional: true + + '@oxc-parser/binding-wasm32-wasi@0.127.0': + dependencies: + '@emnapi/core': 1.9.2 + '@emnapi/runtime': 1.9.2 + '@napi-rs/wasm-runtime': 1.2.7(@emnapi/core@1.9.2)(@emnapi/runtime@1.9.2) + optional: true + + '@oxc-parser/binding-win32-arm64-msvc@0.127.0': + optional: true + + '@oxc-parser/binding-win32-ia32-msvc@0.127.0': + optional: true + + '@oxc-parser/binding-win32-x64-msvc@0.127.0': + optional: true + + '@oxc-project/types@0.127.0': {} + + '@oxc-project/types@0.156.0': {} + + '@oxc-resolver/binding-android-arm-eabi@11.21.2': + optional: true + + '@oxc-resolver/binding-android-arm64@11.21.2': + optional: true + + '@oxc-resolver/binding-darwin-arm64@11.21.2': + optional: true + + '@oxc-resolver/binding-darwin-x64@11.21.2': + optional: true + + '@oxc-resolver/binding-freebsd-x64@11.21.2': + optional: true + + '@oxc-resolver/binding-linux-arm-gnueabihf@11.21.2': + optional: true + + '@oxc-resolver/binding-linux-arm-musleabihf@11.21.2': + optional: true + + '@oxc-resolver/binding-linux-arm64-gnu@11.21.2': + optional: true + + '@oxc-resolver/binding-linux-arm64-musl@11.21.2': + optional: true + + '@oxc-resolver/binding-linux-ppc64-gnu@11.21.2': + optional: true + + '@oxc-resolver/binding-linux-riscv64-gnu@11.21.2': + optional: true + + '@oxc-resolver/binding-linux-riscv64-musl@11.21.2': + optional: true + + '@oxc-resolver/binding-linux-s390x-gnu@11.21.2': + optional: true + + '@oxc-resolver/binding-linux-x64-gnu@11.21.2': + optional: true + + '@oxc-resolver/binding-linux-x64-musl@11.21.2': + optional: true + + '@oxc-resolver/binding-openharmony-arm64@11.21.2': + optional: true + + '@oxc-resolver/binding-wasm32-wasi@11.21.2': + dependencies: + '@emnapi/core': 1.11.0 + '@emnapi/runtime': 1.11.0 + '@napi-rs/wasm-runtime': 1.2.7(@emnapi/core@1.11.0)(@emnapi/runtime@1.11.0) + optional: true + + '@oxc-resolver/binding-win32-arm64-msvc@11.21.2': + optional: true + + '@oxc-resolver/binding-win32-x64-msvc@11.21.2': + optional: true + + '@parcel/watcher-android-arm64@2.6.0': + optional: true + + '@parcel/watcher-darwin-arm64@2.6.0': + optional: true + + '@parcel/watcher-darwin-x64@2.6.0': + optional: true + + '@parcel/watcher-freebsd-x64@2.6.0': + optional: true + + '@parcel/watcher-linux-arm-glibc@2.6.0': + optional: true + + '@parcel/watcher-linux-arm-musl@2.6.0': + optional: true + + '@parcel/watcher-linux-arm64-glibc@2.6.0': + optional: true + + '@parcel/watcher-linux-arm64-musl@2.6.0': + optional: true + + '@parcel/watcher-linux-x64-glibc@2.6.0': + optional: true + + '@parcel/watcher-linux-x64-musl@2.6.0': + optional: true + + '@parcel/watcher-win32-arm64@2.6.0': + optional: true + + '@parcel/watcher-win32-x64@2.6.0': + optional: true + + '@parcel/watcher@2.6.0': + dependencies: + detect-libc: 2.1.2 + is-glob: 4.0.3 + node-addon-api: 7.1.1 + picomatch: 4.0.7 + optionalDependencies: + '@parcel/watcher-android-arm64': 2.6.0 + '@parcel/watcher-darwin-arm64': 2.6.0 + '@parcel/watcher-darwin-x64': 2.6.0 + '@parcel/watcher-freebsd-x64': 2.6.0 + '@parcel/watcher-linux-arm-glibc': 2.6.0 + '@parcel/watcher-linux-arm-musl': 2.6.0 + '@parcel/watcher-linux-arm64-glibc': 2.6.0 + '@parcel/watcher-linux-arm64-musl': 2.6.0 + '@parcel/watcher-linux-x64-glibc': 2.6.0 + '@parcel/watcher-linux-x64-musl': 2.6.0 + '@parcel/watcher-win32-arm64': 2.6.0 + '@parcel/watcher-win32-x64': 2.6.0 + optional: true + + '@polka/url@1.0.0-next.29': {} + + '@rolldown/binding-android-arm-eabi@1.2.16': + optional: true + + '@rolldown/binding-android-arm64@1.2.16': + optional: true + + '@rolldown/binding-darwin-arm64@1.2.16': + optional: true + + '@rolldown/binding-darwin-x64@1.2.16': + optional: true + + '@rolldown/binding-freebsd-x64@1.2.16': + optional: true + + '@rolldown/binding-linux-arm-gnueabihf@1.2.16': + optional: true + + '@rolldown/binding-linux-arm64-gnu@1.2.16': + optional: true + + '@rolldown/binding-linux-arm64-musl@1.2.16': + optional: true + + '@rolldown/binding-linux-ppc64-gnu@1.2.16': + optional: true + + '@rolldown/binding-linux-s390x-gnu@1.2.16': + optional: true + + '@rolldown/binding-linux-x64-gnu@1.2.16': + optional: true + + '@rolldown/binding-linux-x64-musl@1.2.16': + optional: true + + '@rolldown/binding-openharmony-arm64@1.2.16': + optional: true + + '@rolldown/binding-win32-arm64-msvc@1.2.16': + optional: true + + '@rolldown/binding-win32-x64-msvc@1.2.16': + optional: true + + '@rolldown/pluginutils@1.0.1': {} + + '@standard-schema/spec@1.1.0': {} + + '@storybook/addon-a11y@10.6.5(storybook@10.6.5(@types/react@19.3.0)(react@19.3.1))': + dependencies: + '@storybook/global': 5.0.0 + axe-core: 4.14.0 + storybook: 10.6.5(@types/react@19.3.0)(react@19.3.1) + + '@storybook/addon-docs@10.6.5(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(storybook@10.6.5(@types/react@19.3.0)(react@19.3.1))': + dependencies: + '@mdx-js/react': 3.1.1(@types/react@19.3.0)(react@19.3.1) + '@storybook/icons': 2.2.0(react@19.3.1) + '@storybook/react-dom-shim': 10.6.5(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)(storybook@10.6.5(@types/react@19.3.0)(react@19.3.1)) + react: 19.3.1 + react-dom: 19.3.1(react@19.3.1) + storybook: 10.6.5(@types/react@19.3.0)(react@19.3.1) + ts-dedent: 2.3.0 + unplugin: 2.3.11 + optionalDependencies: + '@types/react': 19.3.0 + transitivePeerDependencies: + - '@types/react-dom' + + '@storybook/addon-vitest@10.6.5(@vitest/browser-playwright@5.1.0)(@vitest/browser@5.1.0)(react@19.3.1)(storybook@10.6.5(@types/react@19.3.0)(react@19.3.1))(vitest@5.1.0)': + dependencies: + '@storybook/global': 5.0.0 + '@storybook/icons': 2.2.0(react@19.3.1) + storybook: 10.6.5(@types/react@19.3.0)(react@19.3.1) + optionalDependencies: + '@vitest/browser': 5.1.0(vite@8.3.5(@types/node@24.19.2)(esbuild@0.28.2)(less@4.9.1)(sass-embedded@1.107.1)(sass@1.107.1)(yaml@2.9.0))(vitest@5.1.0) + '@vitest/browser-playwright': 5.1.0(playwright@1.64.1)(vite@8.3.5(@types/node@24.19.2)(esbuild@0.28.2)(less@4.9.1)(sass-embedded@1.107.1)(sass@1.107.1)(yaml@2.9.0))(vitest@5.1.0) + vitest: 5.1.0(@types/node@24.19.2)(@vitest/browser-playwright@5.1.0)(@vitest/coverage-v8@5.1.0)(@vitest/ui@5.1.0)(vite@8.3.5(@types/node@24.19.2)(esbuild@0.28.2)(less@4.9.1)(sass-embedded@1.107.1)(sass@1.107.1)(yaml@2.9.0)) + transitivePeerDependencies: + - react + + '@storybook/builder-vite@10.6.5(storybook@10.6.5(@types/react@19.3.0)(react@19.3.1))(vite@8.3.5(@types/node@24.19.2)(esbuild@0.28.2)(less@4.9.1)(sass-embedded@1.107.1)(sass@1.107.1)(yaml@2.9.0))': + dependencies: + storybook: 10.6.5(@types/react@19.3.0)(react@19.3.1) + ts-dedent: 2.3.0 + vite: 8.3.5(@types/node@24.19.2)(esbuild@0.28.2)(less@4.9.1)(sass-embedded@1.107.1)(sass@1.107.1)(yaml@2.9.0) + + '@storybook/global@5.0.0': {} + + '@storybook/icons@2.2.0(react@19.3.1)': + dependencies: + react: 19.3.1 + + '@storybook/react-dom-shim@10.6.5(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)(storybook@10.6.5(@types/react@19.3.0)(react@19.3.1))': + dependencies: + react: 19.3.1 + react-dom: 19.3.1(react@19.3.1) + storybook: 10.6.5(@types/react@19.3.0)(react@19.3.1) + optionalDependencies: + '@types/react': 19.3.0 + '@types/react-dom': 19.3.0(@types/react@19.3.0) + + '@storybook/web-components-vite@10.6.5(lit@3.3.3)(storybook@10.6.5(@types/react@19.3.0)(react@19.3.1))(vite@8.3.5(@types/node@24.19.2)(esbuild@0.28.2)(less@4.9.1)(sass-embedded@1.107.1)(sass@1.107.1)(yaml@2.9.0))': + dependencies: + '@storybook/builder-vite': 10.6.5(storybook@10.6.5(@types/react@19.3.0)(react@19.3.1))(vite@8.3.5(@types/node@24.19.2)(esbuild@0.28.2)(less@4.9.1)(sass-embedded@1.107.1)(sass@1.107.1)(yaml@2.9.0)) + '@storybook/web-components': 10.6.5(patch_hash=dc5b7efe30e825fb8eb28887213cff6ffd7e6c9c5a1e37d50df077ac445f79c0)(lit@3.3.3)(storybook@10.6.5(@types/react@19.3.0)(react@19.3.1)) + storybook: 10.6.5(@types/react@19.3.0)(react@19.3.1) + vite: 8.3.5(@types/node@24.19.2)(esbuild@0.28.2)(less@4.9.1)(sass-embedded@1.107.1)(sass@1.107.1)(yaml@2.9.0) + transitivePeerDependencies: + - lit + + '@storybook/web-components@10.6.5(patch_hash=dc5b7efe30e825fb8eb28887213cff6ffd7e6c9c5a1e37d50df077ac445f79c0)(lit@3.3.3)(storybook@10.6.5(@types/react@19.3.0)(react@19.3.1))': + dependencies: + '@storybook/global': 5.0.0 + lit: 3.3.3 + storybook: 10.6.5(@types/react@19.3.0)(react@19.3.1) + tiny-invariant: 1.3.3 + ts-dedent: 2.3.0 + + '@sveltejs/acorn-typescript@1.0.13(acorn@8.19.0)': + dependencies: + acorn: 8.19.0 + + '@sveltejs/load-config@0.2.3': {} + + '@sveltejs/package@3.0.2(svelte@5.57.3)(typescript@6.0.3)': + dependencies: + '@sveltejs/load-config': 0.2.3 + chokidar: 6.0.0 + svelte: 5.57.3 + svelte2tsx: 0.7.63(svelte@5.57.3)(typescript@6.0.3) + optionalDependencies: + typescript: 6.0.3 + + '@sveltejs/vite-plugin-svelte@7.3.1(svelte@5.57.3)(vite@8.3.5(@types/node@24.19.2)(esbuild@0.28.2)(less@4.9.1)(sass-embedded@1.107.1)(sass@1.107.1)(yaml@2.9.0))': + dependencies: + deepmerge: 4.3.1 + magic-string: 1.4.5 + obug: 2.2.1 + svelte: 5.57.3 + vite: 8.3.5(@types/node@24.19.2)(esbuild@0.28.2)(less@4.9.1)(sass-embedded@1.107.1)(sass@1.107.1)(yaml@2.9.0) + vitefu: 1.1.3(vite@8.3.5(@types/node@24.19.2)(esbuild@0.28.2)(less@4.9.1)(sass-embedded@1.107.1)(sass@1.107.1)(yaml@2.9.0)) + + '@testing-library/dom@10.4.2': + dependencies: + '@babel/code-frame': 7.29.7 + '@babel/runtime': 7.29.10 + '@types/aria-query': 5.0.4 + aria-query: 5.3.0 + dom-accessibility-api: 0.5.16 + lz-string: 1.5.0 + picocolors: 1.1.1 + pretty-format: 27.5.1 + + '@testing-library/jest-dom@6.9.1': + dependencies: + '@adobe/css-tools': 4.5.0 + aria-query: 5.3.1 + css.escape: 1.5.1 + dom-accessibility-api: 0.6.3 + picocolors: 1.1.1 + redent: 3.0.0 + + '@testing-library/user-event@14.6.8(@testing-library/dom@10.4.2)': + dependencies: + '@testing-library/dom': 10.4.2 + + '@tybys/wasm-util@0.10.4': + dependencies: + tslib: 2.8.1 + optional: true + + '@types/aria-query@5.0.4': {} + + '@types/chai@5.2.3': + dependencies: + '@types/deep-eql': 4.0.2 + assertion-error: 2.0.1 + + '@types/convert-source-map@2.0.3': {} + + '@types/deep-eql@4.0.2': {} + + '@types/estree@1.0.10': {} + + '@types/gensync@1.0.5': {} + + '@types/jsesc@2.5.1': {} + + '@types/mdx@2.0.14': {} + + '@types/node@24.19.2': + dependencies: + undici-types: 7.24.6 + + '@types/react-dom@19.3.0(@types/react@19.3.0)': + dependencies: + '@types/react': 19.3.0 + + '@types/react@19.3.0': + dependencies: + csstype: 3.2.3 + + '@types/trusted-types@2.0.7': {} + + '@vitest/browser-playwright@5.1.0(playwright@1.64.1)(vite@8.3.5(@types/node@24.19.2)(esbuild@0.28.2)(less@4.9.1)(sass-embedded@1.107.1)(sass@1.107.1)(yaml@2.9.0))(vitest@5.1.0)': + dependencies: + '@vitest/browser': 5.1.0(vite@8.3.5(@types/node@24.19.2)(esbuild@0.28.2)(less@4.9.1)(sass-embedded@1.107.1)(sass@1.107.1)(yaml@2.9.0))(vitest@5.1.0) + '@vitest/mocker': 5.1.0(vite@8.3.5(@types/node@24.19.2)(esbuild@0.28.2)(less@4.9.1)(sass-embedded@1.107.1)(sass@1.107.1)(yaml@2.9.0)) + playwright: 1.64.1 + tinyrainbow: 3.2.0 + vitest: 5.1.0(@types/node@24.19.2)(@vitest/browser-playwright@5.1.0)(@vitest/coverage-v8@5.1.0)(@vitest/ui@5.1.0)(vite@8.3.5(@types/node@24.19.2)(esbuild@0.28.2)(less@4.9.1)(sass-embedded@1.107.1)(sass@1.107.1)(yaml@2.9.0)) + transitivePeerDependencies: + - bufferutil + - msw + - utf-8-validate + - vite + + '@vitest/browser@5.1.0(vite@8.3.5(@types/node@24.19.2)(esbuild@0.28.2)(less@4.9.1)(sass-embedded@1.107.1)(sass@1.107.1)(yaml@2.9.0))(vitest@5.1.0)': + dependencies: + '@blazediff/core': 1.10.0 + '@vitest/mocker': 5.1.0(vite@8.3.5(@types/node@24.19.2)(esbuild@0.28.2)(less@4.9.1)(sass-embedded@1.107.1)(sass@1.107.1)(yaml@2.9.0)) + '@vitest/ui': 5.1.0(vitest@5.1.0) + '@vitest/utils': 5.1.0 + magic-string: 1.4.5 + pngjs: 7.0.0 + sirv: 3.0.2 + tinyrainbow: 3.2.0 + vitest: 5.1.0(@types/node@24.19.2)(@vitest/browser-playwright@5.1.0)(@vitest/coverage-v8@5.1.0)(@vitest/ui@5.1.0)(vite@8.3.5(@types/node@24.19.2)(esbuild@0.28.2)(less@4.9.1)(sass-embedded@1.107.1)(sass@1.107.1)(yaml@2.9.0)) + ws: 8.22.1 + transitivePeerDependencies: + - bufferutil + - msw + - utf-8-validate + - vite + + '@vitest/coverage-v8@5.1.0(@vitest/browser@5.1.0)(vitest@5.1.0)': + dependencies: + '@bcoe/v8-coverage': 1.0.2 + '@vitest/istanbul-lib-coverage': 2.1.0 + '@vitest/istanbul-lib-report': 2.1.0 + ast-v8-to-istanbul: 1.0.7 + magicast: 0.5.5 + obug: 3.0.0 + std-env: 4.3.0 + tinyrainbow: 3.2.0 + vitest: 5.1.0(@types/node@24.19.2)(@vitest/browser-playwright@5.1.0)(@vitest/coverage-v8@5.1.0)(@vitest/ui@5.1.0)(vite@8.3.5(@types/node@24.19.2)(esbuild@0.28.2)(less@4.9.1)(sass-embedded@1.107.1)(sass@1.107.1)(yaml@2.9.0)) + optionalDependencies: + '@vitest/browser': 5.1.0(vite@8.3.5(@types/node@24.19.2)(esbuild@0.28.2)(less@4.9.1)(sass-embedded@1.107.1)(sass@1.107.1)(yaml@2.9.0))(vitest@5.1.0) + + '@vitest/expect@3.2.4': + dependencies: + '@types/chai': 5.2.3 + '@vitest/spy': 3.2.4 + '@vitest/utils': 3.2.4 + chai: 5.3.3 + tinyrainbow: 2.0.0 + + '@vitest/istanbul-lib-coverage@2.1.0': {} + + '@vitest/istanbul-lib-report@2.1.0': + dependencies: + '@vitest/istanbul-lib-coverage': 2.1.0 + + '@vitest/mocker@5.1.0(vite@8.3.5(@types/node@24.19.2)(esbuild@0.28.2)(less@4.9.1)(sass-embedded@1.107.1)(sass@1.107.1)(yaml@2.9.0))': + dependencies: + '@jridgewell/trace-mapping': 0.3.31 + '@vitest/spy': 5.1.0 + estree-walker: 3.0.3 + magic-string: 1.4.5 + optionalDependencies: + vite: 8.3.5(@types/node@24.19.2)(esbuild@0.28.2)(less@4.9.1)(sass-embedded@1.107.1)(sass@1.107.1)(yaml@2.9.0) + + '@vitest/pretty-format@3.2.4': + dependencies: + tinyrainbow: 2.0.0 + + '@vitest/pretty-format@5.1.0': + dependencies: + tinyrainbow: 3.2.0 + + '@vitest/spy@3.2.4': + dependencies: + tinyspy: 4.0.6 + + '@vitest/spy@5.1.0': {} + + '@vitest/ui@5.1.0(vitest@5.1.0)': + dependencies: + '@vitest/utils': 5.1.0 + fflate: 0.8.3 + flatted: 3.4.4 + pathe: 2.0.3 + sirv: 3.0.2 + tinyrainbow: 3.2.0 + vitest: 5.1.0(@types/node@24.19.2)(@vitest/browser-playwright@5.1.0)(@vitest/coverage-v8@5.1.0)(@vitest/ui@5.1.0)(vite@8.3.5(@types/node@24.19.2)(esbuild@0.28.2)(less@4.9.1)(sass-embedded@1.107.1)(sass@1.107.1)(yaml@2.9.0)) + + '@vitest/utils@3.2.4': + dependencies: + '@vitest/pretty-format': 3.2.4 + loupe: 3.2.1 + tinyrainbow: 2.0.0 + + '@vitest/utils@5.1.0': + dependencies: + '@vitest/pretty-format': 5.1.0 + convert-source-map: 2.0.0 + tinyrainbow: 3.2.0 + + '@vue/compiler-core@3.5.44': + dependencies: + '@babel/parser': 7.29.12 + '@vue/shared': 3.5.44 + entities: 7.0.1 + estree-walker: 2.0.2 + source-map-js: 1.2.2 + + '@vue/compiler-dom@3.5.44': + dependencies: + '@vue/compiler-core': 3.5.44 + '@vue/shared': 3.5.44 + + '@vue/compiler-sfc@3.5.44': + dependencies: + '@babel/parser': 7.29.12 + '@vue/compiler-core': 3.5.44 + '@vue/compiler-dom': 3.5.44 + '@vue/compiler-ssr': 3.5.44 + '@vue/shared': 3.5.44 + estree-walker: 2.0.2 + magic-string: 0.30.21 + postcss: 8.5.32 + source-map-js: 1.2.2 + + '@vue/compiler-ssr@3.5.44': + dependencies: + '@vue/compiler-dom': 3.5.44 + '@vue/shared': 3.5.44 + + '@vue/reactivity@3.5.44': + dependencies: + '@vue/shared': 3.5.44 + + '@vue/runtime-core@3.5.44': + dependencies: + '@vue/reactivity': 3.5.44 + '@vue/shared': 3.5.44 + + '@vue/runtime-dom@3.5.44': + dependencies: + '@vue/reactivity': 3.5.44 + '@vue/runtime-core': 3.5.44 + '@vue/shared': 3.5.44 + csstype: 3.2.3 + + '@vue/server-renderer@3.5.44': + dependencies: + '@vue/compiler-ssr': 3.5.44 + '@vue/runtime-dom': 3.5.44 + '@vue/shared': 3.5.44 + + '@vue/shared@3.5.44': {} + + '@webcontainer/env@1.1.1': {} + + '@yuku-core/binding-android-arm64@0.19.0': + optional: true + + '@yuku-core/binding-darwin-arm64@0.19.0': + optional: true + + '@yuku-core/binding-darwin-x64@0.19.0': + optional: true + + '@yuku-core/binding-freebsd-x64@0.19.0': + optional: true + + '@yuku-core/binding-linux-arm-gnu@0.19.0': + optional: true + + '@yuku-core/binding-linux-arm-musl@0.19.0': + optional: true + + '@yuku-core/binding-linux-arm64-gnu@0.19.0': + optional: true + + '@yuku-core/binding-linux-arm64-musl@0.19.0': + optional: true + + '@yuku-core/binding-linux-x64-gnu@0.19.0': + optional: true + + '@yuku-core/binding-linux-x64-musl@0.19.0': + optional: true + + '@yuku-core/binding-win32-arm64@0.19.0': + optional: true + + '@yuku-core/binding-win32-x64@0.19.0': + optional: true + + '@yuku-toolchain/types@0.19.0': {} + + acorn@8.19.0: {} + + ajv@8.20.0: + dependencies: + fast-deep-equal: 3.1.3 + fast-uri: 3.1.9 + json-schema-traverse: 1.0.0 + require-from-string: 2.0.2 + + ansi-regex@5.0.1: {} + + ansi-regex@6.5.0: {} + + ansi-styles@5.2.0: {} + + ansi-styles@6.2.3: {} + + aria-query@5.3.0: + dependencies: + dequal: 2.0.3 + + aria-query@5.3.1: {} + + assertion-error@2.0.1: {} + + ast-types@0.16.3: + dependencies: + tslib: 2.8.1 + + ast-v8-to-istanbul@1.0.7: + dependencies: + '@jridgewell/trace-mapping': 0.3.31 + estree-walker: 3.0.3 + js-tokens: 10.0.0 + + axe-core@4.14.0: {} + + axobject-query@4.1.0: {} + + baseline-browser-mapping@2.11.35: {} + + browserslist@4.29.5: + dependencies: + baseline-browser-mapping: 2.11.35 + caniuse-lite: 1.0.30001820 + electron-to-chromium: 1.5.475 + node-releases: 2.0.63 + update-browserslist-db: 1.3.4(browserslist@4.29.5) + + bundle-name@4.1.1: + dependencies: + run-applescript: 7.1.0 + + caniuse-lite@1.0.30001820: {} + + chai@5.3.3: + dependencies: + assertion-error: 2.0.1 + check-error: 2.1.3 + deep-eql: 5.0.2 + loupe: 3.2.1 + pathval: 2.0.1 + + chai@6.3.0: {} + + chalk@5.6.2: {} + + check-error@2.1.3: {} + + chokidar@4.0.3: + dependencies: + readdirp: 4.1.2 + + chokidar@5.0.0: + dependencies: + readdirp: 5.1.1 + + chokidar@6.0.0: + dependencies: + readdirp: 5.1.1 + + cli-cursor@5.0.0: + dependencies: + restore-cursor: 5.1.0 + + cli-spinners@3.4.0: {} + + cliui@9.0.1: + dependencies: + string-width: 7.2.0 + strip-ansi: 7.2.0 + wrap-ansi: 9.0.2 + + clsx@2.1.1: {} + + colorjs.io@0.7.1: {} + + commander@15.0.0: {} + + common-path-prefix@3.0.0: {} + + convert-source-map@1.9.0: {} + + convert-source-map@2.0.0: {} + + copy-anything@3.0.5: + dependencies: + is-what: 4.1.16 + + css.escape@1.5.1: {} + + csstype@3.2.3: {} + + debug@3.2.7: + dependencies: + ms: 2.1.3 + optional: true + + dedent-js@1.0.1: {} + + deep-eql@5.0.2: {} + + deepmerge@4.3.1: {} + + default-browser-id@5.0.1: {} + + default-browser@5.5.1: + dependencies: + bundle-name: 4.1.1 + default-browser-id: 5.0.1 + + define-lazy-prop@3.0.0: {} + + dependency-graph@1.0.0: {} + + dequal@2.0.3: {} + + detect-libc@2.1.2: {} + + devalue@5.9.4: {} + + dom-accessibility-api@0.5.16: {} + + dom-accessibility-api@0.6.3: {} + + dts-resolver@3.0.0(oxc-resolver@11.21.2): + optionalDependencies: + oxc-resolver: 11.21.2 + + electron-to-chromium@1.5.475: {} + + emoji-regex@10.6.0: {} + + empathic@2.1.0: {} + + entities@7.0.1: {} + + errno@0.1.8: + dependencies: + prr: 1.0.1 + optional: true + + es-module-lexer@2.3.2: {} + + esbuild@0.28.2: + optionalDependencies: + '@esbuild/aix-ppc64': 0.28.2 + '@esbuild/android-arm': 0.28.2 + '@esbuild/android-arm64': 0.28.2 + '@esbuild/android-x64': 0.28.2 + '@esbuild/darwin-arm64': 0.28.2 + '@esbuild/darwin-x64': 0.28.2 + '@esbuild/freebsd-arm64': 0.28.2 + '@esbuild/freebsd-x64': 0.28.2 + '@esbuild/linux-arm': 0.28.2 + '@esbuild/linux-arm64': 0.28.2 + '@esbuild/linux-ia32': 0.28.2 + '@esbuild/linux-loong64': 0.28.2 + '@esbuild/linux-mips64el': 0.28.2 + '@esbuild/linux-ppc64': 0.28.2 + '@esbuild/linux-riscv64': 0.28.2 + '@esbuild/linux-s390x': 0.28.2 + '@esbuild/linux-x64': 0.28.2 + '@esbuild/netbsd-arm64': 0.28.2 + '@esbuild/netbsd-x64': 0.28.2 + '@esbuild/openbsd-arm64': 0.28.2 + '@esbuild/openbsd-x64': 0.28.2 + '@esbuild/openharmony-arm64': 0.28.2 + '@esbuild/sunos-x64': 0.28.2 + '@esbuild/win32-arm64': 0.28.2 + '@esbuild/win32-ia32': 0.28.2 + '@esbuild/win32-x64': 0.28.2 + + escalade@3.2.0: {} + + esm-env@1.2.2: {} + + esprima@4.0.1: {} + + esrap@2.4.0: + dependencies: + '@jridgewell/sourcemap-codec': 1.6.0 + + estree-walker@2.0.2: {} + + estree-walker@3.0.3: + dependencies: + '@types/estree': 1.0.10 + + expect-type@1.4.0: {} + + fast-deep-equal@3.1.3: {} + + fast-uri@3.1.9: {} + + fdir@6.5.0(picomatch@4.0.7): + optionalDependencies: + picomatch: 4.0.7 + + fflate@0.8.3: {} + + find-cache-directory@6.0.0: + dependencies: + common-path-prefix: 3.0.0 + pkg-dir: 8.0.0 + + find-up-simple@1.0.1: {} + + flatted@3.4.4: {} + + flru@1.0.2: {} + + fsevents@2.3.3: + optional: true + + gensync@1.0.0-beta.2: {} + + get-caller-file@2.0.5: {} + + get-east-asian-width@1.7.0: {} + + get-tsconfig@5.0.0-beta.6: + dependencies: + resolve-pkg-maps: 1.0.0 + + graceful-fs@4.2.11: + optional: true + + has-flag@4.0.0: {} + + iconv-lite@0.4.24: + dependencies: + safer-buffer: 2.1.2 + optional: true + + iconv-lite@0.6.3: + dependencies: + safer-buffer: 2.1.2 + optional: true + + immutable@5.1.9: {} + + import-meta-resolve@4.2.0: {} + + indent-string@4.0.0: {} + + injection-js@2.6.1: + dependencies: + tslib: 2.8.1 + + is-docker@3.0.0: {} + + is-extglob@2.1.1: + optional: true + + is-glob@4.0.3: + dependencies: + is-extglob: 2.1.1 + optional: true + + is-inside-container@1.0.0: + dependencies: + is-docker: 3.0.0 + + is-interactive@2.0.0: {} + + is-reference@3.0.3: + dependencies: + '@types/estree': 1.0.10 + + is-unicode-supported@2.1.0: {} + + is-what@4.1.16: {} + + is-wsl@3.1.1: + dependencies: + is-inside-container: 1.0.0 + + js-tokens@10.0.0: {} + + js-tokens@4.0.0: {} + + jsesc@3.1.0: {} + + json-schema-traverse@1.0.0: {} + + json5@2.2.3: {} + + jsonc-parser@3.3.1: {} + + less@4.9.1: + dependencies: + copy-anything: 3.0.5 + parse-node-version: 1.0.1 + optionalDependencies: + errno: 0.1.8 + graceful-fs: 4.2.11 + make-dir: 5.1.0 + mime: 1.6.0 + needle: 3.5.0 + probe-image-size: 7.5.0 + source-map: 0.6.1 + transitivePeerDependencies: + - supports-color + + lightningcss-android-arm64@1.33.0: + optional: true + + lightningcss-darwin-arm64@1.33.0: + optional: true + + lightningcss-darwin-x64@1.33.0: + optional: true + + lightningcss-freebsd-x64@1.33.0: + optional: true + + lightningcss-linux-arm-gnueabihf@1.33.0: + optional: true + + lightningcss-linux-arm64-gnu@1.33.0: + optional: true + + lightningcss-linux-arm64-musl@1.33.0: + optional: true + + lightningcss-linux-x64-gnu@1.33.0: + optional: true + + lightningcss-linux-x64-musl@1.33.0: + optional: true + + lightningcss-win32-arm64-msvc@1.33.0: + optional: true + + lightningcss-win32-x64-msvc@1.33.0: + optional: true + + lightningcss@1.33.0: + dependencies: + detect-libc: 2.1.2 + optionalDependencies: + lightningcss-android-arm64: 1.33.0 + lightningcss-darwin-arm64: 1.33.0 + lightningcss-darwin-x64: 1.33.0 + lightningcss-freebsd-x64: 1.33.0 + lightningcss-linux-arm-gnueabihf: 1.33.0 + lightningcss-linux-arm64-gnu: 1.33.0 + lightningcss-linux-arm64-musl: 1.33.0 + lightningcss-linux-x64-gnu: 1.33.0 + lightningcss-linux-x64-musl: 1.33.0 + lightningcss-win32-arm64-msvc: 1.33.0 + lightningcss-win32-x64-msvc: 1.33.0 + + lit-element@4.2.2: + dependencies: + '@lit-labs/ssr-dom-shim': 1.6.0 + '@lit/reactive-element': 2.1.2 + lit-html: 3.3.3 + + lit-html@3.3.3: + dependencies: + '@types/trusted-types': 2.0.7 + + lit@3.3.3: + dependencies: + '@lit/reactive-element': 2.1.2 + lit-element: 4.2.2 + lit-html: 3.3.3 + + locate-character@3.0.0: {} + + lodash.merge@4.6.2: + optional: true + + log-symbols@7.0.1: + dependencies: + is-unicode-supported: 2.1.0 + yoctocolors: 2.2.0 + + loupe@3.2.1: {} + + lz-string@1.5.0: {} + + magic-string@0.30.21: + dependencies: + '@jridgewell/sourcemap-codec': 1.6.0 + + magic-string@1.4.5: + dependencies: + '@jridgewell/sourcemap-codec': 1.6.0 + + magicast@0.5.5: + dependencies: + '@babel/parser': 7.29.12 + '@babel/types': 7.29.11 + source-map-js: 1.2.2 + + make-dir@5.1.0: + optional: true + + mime@1.6.0: + optional: true + + mimic-function@5.0.1: {} + + min-indent@1.0.1: {} + + mri@1.2.0: {} + + mrmime@2.0.1: {} + + ms@2.1.3: + optional: true + + nanoid@3.3.20: {} + + needle@2.9.1: + dependencies: + debug: 3.2.7 + iconv-lite: 0.4.24 + sax: 1.6.1 + transitivePeerDependencies: + - supports-color + optional: true + + needle@3.5.0: + dependencies: + iconv-lite: 0.6.3 + sax: 1.6.1 + optional: true + + ng-packagr@22.2.5(@angular/compiler-cli@22.2.4(@angular/compiler@22.2.4)(typescript@6.0.3))(oxc-resolver@11.21.2)(tslib@2.8.1)(typescript@6.0.3): + dependencies: + '@ampproject/remapping': 2.3.0 + '@angular/compiler-cli': 22.2.4(@angular/compiler@22.2.4)(typescript@6.0.3) + ajv: 8.20.0 + browserslist: 4.29.5 + chokidar: 5.0.0 + commander: 15.0.0 + dependency-graph: 1.0.0 + esbuild: 0.28.2 + find-cache-directory: 6.0.0 + injection-js: 2.6.1 + jsonc-parser: 3.3.1 + less: 4.9.1 + ora: 9.4.1 + postcss: 8.5.32 + rolldown: 1.2.16 + rolldown-plugin-dts: 0.28.8(oxc-resolver@11.21.2)(rolldown@1.2.16)(typescript@6.0.3) + rxjs: 7.8.2 + sass: 1.107.1 + sass-embedded: 1.107.1 + tinyglobby: 0.2.17 + tslib: 2.8.1 + typescript: 6.0.3 + transitivePeerDependencies: + - '@typescript/native-preview' + - '@volar/typescript' + - '@vue/language-core' + - oxc-resolver + - supports-color + - vue-tsc + + node-addon-api@7.1.1: + optional: true + + node-releases@2.0.63: {} + + obug@2.2.1: {} + + obug@3.0.0: {} + + onetime@7.0.0: + dependencies: + mimic-function: 5.0.1 + + open@10.2.0: + dependencies: + default-browser: 5.5.1 + define-lazy-prop: 3.0.0 + is-inside-container: 1.0.0 + wsl-utils: 0.1.0 + + ora@9.4.1: + dependencies: + chalk: 5.6.2 + cli-cursor: 5.0.0 + cli-spinners: 3.4.0 + is-interactive: 2.0.0 + is-unicode-supported: 2.1.0 + log-symbols: 7.0.1 + stdin-discarder: 0.3.2 + string-width: 8.3.0 + + oxc-parser@0.127.0: + dependencies: + '@oxc-project/types': 0.127.0 + optionalDependencies: + '@oxc-parser/binding-android-arm-eabi': 0.127.0 + '@oxc-parser/binding-android-arm64': 0.127.0 + '@oxc-parser/binding-darwin-arm64': 0.127.0 + '@oxc-parser/binding-darwin-x64': 0.127.0 + '@oxc-parser/binding-freebsd-x64': 0.127.0 + '@oxc-parser/binding-linux-arm-gnueabihf': 0.127.0 + '@oxc-parser/binding-linux-arm-musleabihf': 0.127.0 + '@oxc-parser/binding-linux-arm64-gnu': 0.127.0 + '@oxc-parser/binding-linux-arm64-musl': 0.127.0 + '@oxc-parser/binding-linux-ppc64-gnu': 0.127.0 + '@oxc-parser/binding-linux-riscv64-gnu': 0.127.0 + '@oxc-parser/binding-linux-riscv64-musl': 0.127.0 + '@oxc-parser/binding-linux-s390x-gnu': 0.127.0 + '@oxc-parser/binding-linux-x64-gnu': 0.127.0 + '@oxc-parser/binding-linux-x64-musl': 0.127.0 + '@oxc-parser/binding-openharmony-arm64': 0.127.0 + '@oxc-parser/binding-wasm32-wasi': 0.127.0 + '@oxc-parser/binding-win32-arm64-msvc': 0.127.0 + '@oxc-parser/binding-win32-ia32-msvc': 0.127.0 + '@oxc-parser/binding-win32-x64-msvc': 0.127.0 + + oxc-resolver@11.21.2: + optionalDependencies: + '@oxc-resolver/binding-android-arm-eabi': 11.21.2 + '@oxc-resolver/binding-android-arm64': 11.21.2 + '@oxc-resolver/binding-darwin-arm64': 11.21.2 + '@oxc-resolver/binding-darwin-x64': 11.21.2 + '@oxc-resolver/binding-freebsd-x64': 11.21.2 + '@oxc-resolver/binding-linux-arm-gnueabihf': 11.21.2 + '@oxc-resolver/binding-linux-arm-musleabihf': 11.21.2 + '@oxc-resolver/binding-linux-arm64-gnu': 11.21.2 + '@oxc-resolver/binding-linux-arm64-musl': 11.21.2 + '@oxc-resolver/binding-linux-ppc64-gnu': 11.21.2 + '@oxc-resolver/binding-linux-riscv64-gnu': 11.21.2 + '@oxc-resolver/binding-linux-riscv64-musl': 11.21.2 + '@oxc-resolver/binding-linux-s390x-gnu': 11.21.2 + '@oxc-resolver/binding-linux-x64-gnu': 11.21.2 + '@oxc-resolver/binding-linux-x64-musl': 11.21.2 + '@oxc-resolver/binding-openharmony-arm64': 11.21.2 + '@oxc-resolver/binding-wasm32-wasi': 11.21.2 + '@oxc-resolver/binding-win32-arm64-msvc': 11.21.2 + '@oxc-resolver/binding-win32-x64-msvc': 11.21.2 + + parse-node-version@1.0.1: {} + + pathe@2.0.3: {} + + pathval@2.0.1: {} + + picocolors@1.1.1: {} + + picomatch@4.0.7: {} + + pkg-dir@8.0.0: + dependencies: + find-up-simple: 1.0.1 + + playwright-core@1.64.1: {} + + playwright@1.64.1: + dependencies: + playwright-core: 1.64.1 + + pngjs@7.0.0: {} + + postcss@8.5.32: + dependencies: + nanoid: 3.3.20 + picocolors: 1.1.1 + source-map-js: 1.2.2 + + pretty-format@27.5.1: + dependencies: + ansi-regex: 5.0.1 + ansi-styles: 5.2.0 + react-is: 17.0.2 + + probe-image-size@7.5.0: + dependencies: + lodash.merge: 4.6.2 + needle: 2.9.1 + transitivePeerDependencies: + - supports-color + optional: true + + prr@1.0.1: + optional: true + + react-dom@19.3.1(react@19.3.1): + dependencies: + react: 19.3.1 + scheduler: 0.28.0 + + react-is@17.0.2: {} + + react@19.3.1: {} + + readdirp@4.1.2: {} + + readdirp@5.1.1: {} + + recast@0.23.21: + dependencies: + ast-types: 0.16.3 + esprima: 4.0.1 + source-map: 0.6.1 + tiny-invariant: 1.3.3 + tslib: 2.8.1 + + redent@3.0.0: + dependencies: + indent-string: 4.0.0 + strip-indent: 3.0.0 + + reflect-metadata@0.2.2: {} + + require-from-string@2.0.2: {} + + resolve-pkg-maps@1.0.0: {} + + restore-cursor@5.1.0: + dependencies: + onetime: 7.0.0 + signal-exit: 4.1.0 + + roboto-fontface@0.10.0: {} + + rolldown-plugin-dts@0.28.8(oxc-resolver@11.21.2)(rolldown@1.2.16)(typescript@6.0.3): + dependencies: + dts-resolver: 3.0.0(oxc-resolver@11.21.2) + get-tsconfig: 5.0.0-beta.6 + obug: 3.0.0 + rolldown: 1.2.16 + yuku-ast: 0.19.0 + yuku-codegen: 0.19.0 + yuku-parser: 0.19.0 + optionalDependencies: + typescript: 6.0.3 + transitivePeerDependencies: + - oxc-resolver + + rolldown@1.2.16: + dependencies: + '@oxc-project/types': 0.156.0 + '@rolldown/pluginutils': 1.0.1 + optionalDependencies: + '@rolldown/binding-android-arm-eabi': 1.2.16 + '@rolldown/binding-android-arm64': 1.2.16 + '@rolldown/binding-darwin-arm64': 1.2.16 + '@rolldown/binding-darwin-x64': 1.2.16 + '@rolldown/binding-freebsd-x64': 1.2.16 + '@rolldown/binding-linux-arm-gnueabihf': 1.2.16 + '@rolldown/binding-linux-arm64-gnu': 1.2.16 + '@rolldown/binding-linux-arm64-musl': 1.2.16 + '@rolldown/binding-linux-ppc64-gnu': 1.2.16 + '@rolldown/binding-linux-s390x-gnu': 1.2.16 + '@rolldown/binding-linux-x64-gnu': 1.2.16 + '@rolldown/binding-linux-x64-musl': 1.2.16 + '@rolldown/binding-openharmony-arm64': 1.2.16 + '@rolldown/binding-win32-arm64-msvc': 1.2.16 + '@rolldown/binding-win32-x64-msvc': 1.2.16 + + run-applescript@7.1.0: {} + + rxjs@7.8.2: + dependencies: + tslib: 2.8.1 + + sade@1.8.1: + dependencies: + mri: 1.2.0 + + safer-buffer@2.1.2: + optional: true + + sass-embedded-all-unknown@1.107.1: + dependencies: + sass: 1.107.1 + optional: true + + sass-embedded-android-arm64@1.107.1: + optional: true + + sass-embedded-android-arm@1.107.1: + optional: true + + sass-embedded-android-riscv64@1.107.1: + optional: true + + sass-embedded-android-x64@1.107.1: + optional: true + + sass-embedded-darwin-arm64@1.107.1: + optional: true + + sass-embedded-darwin-x64@1.107.1: + optional: true + + sass-embedded-linux-arm64@1.107.1: + optional: true + + sass-embedded-linux-arm@1.107.1: + optional: true + + sass-embedded-linux-musl-arm64@1.107.1: + optional: true + + sass-embedded-linux-musl-arm@1.107.1: + optional: true + + sass-embedded-linux-musl-riscv64@1.107.1: + optional: true + + sass-embedded-linux-musl-x64@1.107.1: + optional: true + + sass-embedded-linux-riscv64@1.107.1: + optional: true + + sass-embedded-linux-x64@1.107.1: + optional: true + + sass-embedded-unknown-all@1.107.1: + dependencies: + sass: 1.107.1 + optional: true + + sass-embedded-win32-arm64@1.107.1: + optional: true + + sass-embedded-win32-x64@1.107.1: + optional: true + + sass-embedded@1.107.1: + dependencies: + '@bufbuild/protobuf': 2.16.0 + colorjs.io: 0.7.1 + immutable: 5.1.9 + rxjs: 7.8.2 + supports-color: 8.1.1 + sync-child-process: 1.1.1 + varint: 6.0.0 + optionalDependencies: + sass-embedded-all-unknown: 1.107.1 + sass-embedded-android-arm: 1.107.1 + sass-embedded-android-arm64: 1.107.1 + sass-embedded-android-riscv64: 1.107.1 + sass-embedded-android-x64: 1.107.1 + sass-embedded-darwin-arm64: 1.107.1 + sass-embedded-darwin-x64: 1.107.1 + sass-embedded-linux-arm: 1.107.1 + sass-embedded-linux-arm64: 1.107.1 + sass-embedded-linux-musl-arm: 1.107.1 + sass-embedded-linux-musl-arm64: 1.107.1 + sass-embedded-linux-musl-riscv64: 1.107.1 + sass-embedded-linux-musl-x64: 1.107.1 + sass-embedded-linux-riscv64: 1.107.1 + sass-embedded-linux-x64: 1.107.1 + sass-embedded-unknown-all: 1.107.1 + sass-embedded-win32-arm64: 1.107.1 + sass-embedded-win32-x64: 1.107.1 + + sass@1.107.1: + dependencies: + chokidar: 5.0.0 + immutable: 5.1.9 + source-map-js: 1.2.2 + optionalDependencies: + '@parcel/watcher': 2.6.0 + + sax@1.6.1: + optional: true + + scheduler@0.28.0: {} + + scule@1.3.0: {} + + semver@7.8.6: {} + + signal-exit@4.1.0: {} + + sirv@3.0.2: + dependencies: + '@polka/url': 1.0.0-next.29 + mrmime: 2.0.1 + totalist: 3.0.1 + + source-map-js@1.2.2: {} + + source-map@0.6.1: {} + + std-env@4.3.0: {} + + stdin-discarder@0.3.2: {} + + storybook@10.6.5(@types/react@19.3.0)(react@19.3.1): + dependencies: + '@storybook/global': 5.0.0 + '@storybook/icons': 2.2.0(react@19.3.1) + '@testing-library/dom': 10.4.2 + '@testing-library/jest-dom': 6.9.1 + '@testing-library/user-event': 14.6.8(@testing-library/dom@10.4.2) + '@vitest/expect': 3.2.4 + '@vitest/spy': 3.2.4 + '@webcontainer/env': 1.1.1 + esbuild: 0.28.2 + jsonc-parser: 3.3.1 + open: 10.2.0 + oxc-parser: 0.127.0 + oxc-resolver: 11.21.2 + recast: 0.23.21 + semver: 7.8.6 + use-sync-external-store: 1.7.0(react@19.3.1) + ws: 8.22.1 + optionalDependencies: + '@types/react': 19.3.0 + transitivePeerDependencies: + - bufferutil + - react + - utf-8-validate + + string-width@7.2.0: + dependencies: + emoji-regex: 10.6.0 + get-east-asian-width: 1.7.0 + strip-ansi: 7.2.0 + + string-width@8.3.0: + dependencies: + get-east-asian-width: 1.7.0 + strip-ansi: 7.2.0 + + strip-ansi@7.2.0: + dependencies: + ansi-regex: 6.5.0 + + strip-indent@3.0.0: + dependencies: + min-indent: 1.0.1 + + supports-color@8.1.1: + dependencies: + has-flag: 4.0.0 + + svelte-check@4.7.8(picomatch@4.0.7)(svelte@5.57.3)(typescript@6.0.3): + dependencies: + '@jridgewell/trace-mapping': 0.3.31 + '@sveltejs/load-config': 0.2.3 + chokidar: 4.0.3 + fdir: 6.5.0(picomatch@4.0.7) + picocolors: 1.1.1 + sade: 1.8.1 + svelte: 5.57.3 + typescript: 6.0.3 + transitivePeerDependencies: + - picomatch + + svelte2tsx@0.7.63(svelte@5.57.3)(typescript@6.0.3): + dependencies: + dedent-js: 1.0.1 + scule: 1.3.0 + svelte: 5.57.3 + typescript: 6.0.3 + + svelte@5.57.3: + dependencies: + '@jridgewell/remapping': 2.3.5 + '@jridgewell/sourcemap-codec': 1.6.0 + '@sveltejs/acorn-typescript': 1.0.13(acorn@8.19.0) + '@types/estree': 1.0.10 + acorn: 8.19.0 + aria-query: 5.3.1 + axobject-query: 4.1.0 + clsx: 2.1.1 + devalue: 5.9.4 + esm-env: 1.2.2 + esrap: 2.4.0 + is-reference: 3.0.3 + locate-character: 3.0.0 + magic-string: 0.30.21 + zimmerframe: 1.1.5 + transitivePeerDependencies: + - '@typescript-eslint/types' + + sync-child-process@1.1.1: + dependencies: + sync-message-port: 1.2.0 + + sync-message-port@1.2.0: {} + + tiny-invariant@1.3.3: {} + + tinybench@6.2.3: {} + + tinyexec@1.3.1: {} + + tinyglobby@0.2.17: + dependencies: + fdir: 6.5.0(picomatch@4.0.7) + picomatch: 4.0.7 + + tinyrainbow@2.0.0: {} + + tinyrainbow@3.2.0: {} + + tinyspy@4.0.6: {} + + totalist@3.0.1: {} + + ts-dedent@2.3.0: {} + + tslib@2.8.1: {} + + typescript@6.0.3: {} + + undici-types@7.24.6: {} + + unplugin@2.3.11: + dependencies: + '@jridgewell/remapping': 2.3.5 + acorn: 8.19.0 + picomatch: 4.0.7 + webpack-virtual-modules: 0.6.2 + + update-browserslist-db@1.3.4(browserslist@4.29.5): + dependencies: + browserslist: 4.29.5 + escalade: 3.2.0 + picocolors: 1.1.1 + + use-sync-external-store@1.7.0(react@19.3.1): + dependencies: + react: 19.3.1 + + varint@6.0.0: {} + + verkit@0.5.0: {} + + vite@8.3.5(@types/node@24.19.2)(esbuild@0.28.2)(less@4.9.1)(sass-embedded@1.107.1)(sass@1.107.1)(yaml@2.9.0): + dependencies: + lightningcss: 1.33.0 + picomatch: 4.0.7 + postcss: 8.5.32 + rolldown: 1.2.16 + tinyglobby: 0.2.17 + optionalDependencies: + '@types/node': 24.19.2 + esbuild: 0.28.2 + fsevents: 2.3.3 + less: 4.9.1 + sass: 1.107.1 + sass-embedded: 1.107.1 + yaml: 2.9.0 + + vitefu@1.1.3(vite@8.3.5(@types/node@24.19.2)(esbuild@0.28.2)(less@4.9.1)(sass-embedded@1.107.1)(sass@1.107.1)(yaml@2.9.0)): + optionalDependencies: + vite: 8.3.5(@types/node@24.19.2)(esbuild@0.28.2)(less@4.9.1)(sass-embedded@1.107.1)(sass@1.107.1)(yaml@2.9.0) + + vitest@5.1.0(@types/node@24.19.2)(@vitest/browser-playwright@5.1.0)(@vitest/coverage-v8@5.1.0)(@vitest/ui@5.1.0)(vite@8.3.5(@types/node@24.19.2)(esbuild@0.28.2)(less@4.9.1)(sass-embedded@1.107.1)(sass@1.107.1)(yaml@2.9.0)): + dependencies: + '@types/chai': 5.2.3 + '@vitest/mocker': 5.1.0(vite@8.3.5(@types/node@24.19.2)(esbuild@0.28.2)(less@4.9.1)(sass-embedded@1.107.1)(sass@1.107.1)(yaml@2.9.0)) + chai: 6.3.0 + es-module-lexer: 2.3.2 + expect-type: 1.4.0 + magic-string: 1.4.5 + obug: 3.0.0 + picomatch: 4.0.7 + std-env: 4.3.0 + tinybench: 6.2.3 + tinyexec: 1.3.1 + tinyglobby: 0.2.17 + vite: 8.3.5(@types/node@24.19.2)(esbuild@0.28.2)(less@4.9.1)(sass-embedded@1.107.1)(sass@1.107.1)(yaml@2.9.0) + why-is-node-running: 3.2.1 + optionalDependencies: + '@types/node': 24.19.2 + '@vitest/browser-playwright': 5.1.0(playwright@1.64.1)(vite@8.3.5(@types/node@24.19.2)(esbuild@0.28.2)(less@4.9.1)(sass-embedded@1.107.1)(sass@1.107.1)(yaml@2.9.0))(vitest@5.1.0) + '@vitest/coverage-v8': 5.1.0(@vitest/browser@5.1.0)(vitest@5.1.0) + '@vitest/ui': 5.1.0(vitest@5.1.0) + transitivePeerDependencies: + - msw + + vue@3.5.44(typescript@6.0.3): + dependencies: + '@vue/compiler-dom': 3.5.44 + '@vue/compiler-sfc': 3.5.44 + '@vue/runtime-dom': 3.5.44 + '@vue/server-renderer': 3.5.44 + '@vue/shared': 3.5.44 + optionalDependencies: + typescript: 6.0.3 + + webpack-virtual-modules@0.6.2: {} + + why-is-node-running@3.2.1: {} + + wrap-ansi@9.0.2: + dependencies: + ansi-styles: 6.2.3 + string-width: 7.2.0 + strip-ansi: 7.2.0 + + ws@8.22.1: {} + + wsl-utils@0.1.0: + dependencies: + is-wsl: 3.1.1 + + y18n@5.0.8: {} + + yaml@2.9.0: {} + + yargs-parser@22.0.0: {} + + yargs@18.2.0: + dependencies: + cliui: 9.0.1 + escalade: 3.2.0 + get-caller-file: 2.0.5 + string-width: 8.3.0 + y18n: 5.0.8 + yargs-parser: 22.0.0 + + yoctocolors@2.2.0: {} + + yuku-ast@0.19.0: + dependencies: + '@yuku-toolchain/types': 0.19.0 + + yuku-codegen@0.19.0: + dependencies: + '@yuku-toolchain/types': 0.19.0 + + yuku-core@0.19.0: + dependencies: + '@yuku-toolchain/types': 0.19.0 + optionalDependencies: + '@yuku-core/binding-android-arm64': 0.19.0 + '@yuku-core/binding-darwin-arm64': 0.19.0 + '@yuku-core/binding-darwin-x64': 0.19.0 + '@yuku-core/binding-freebsd-x64': 0.19.0 + '@yuku-core/binding-linux-arm-gnu': 0.19.0 + '@yuku-core/binding-linux-arm-musl': 0.19.0 + '@yuku-core/binding-linux-arm64-gnu': 0.19.0 + '@yuku-core/binding-linux-arm64-musl': 0.19.0 + '@yuku-core/binding-linux-x64-gnu': 0.19.0 + '@yuku-core/binding-linux-x64-musl': 0.19.0 + '@yuku-core/binding-win32-arm64': 0.19.0 + '@yuku-core/binding-win32-x64': 0.19.0 + + yuku-parser@0.19.0: + dependencies: + '@yuku-toolchain/types': 0.19.0 + yuku-core: 0.19.0 + + zimmerframe@1.1.5: {} + + zod@4.6.7: {} diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml new file mode 100644 index 0000000..6424693 --- /dev/null +++ b/pnpm-workspace.yaml @@ -0,0 +1,6 @@ +packages: + - packages/* + - examples/* +linkWorkspacePackages: true +patchedDependencies: + '@storybook/web-components@10.6.5': patches/@storybook__web-components@10.6.5.patch diff --git a/specs/CATALOG.md b/specs/CATALOG.md new file mode 100644 index 0000000..4245aa7 --- /dev/null +++ b/specs/CATALOG.md @@ -0,0 +1,35 @@ +# Product capability specification catalog + +> Generated from [`catalog.json`](./catalog.json). Do not edit this table by hand. +> Run `pnpm run generate:specifications` after changing catalog metadata. + +This catalog answers which product contract owns a capability and where its +implementation, verification, workflow, and user-documentation evidence lives. +An **As-built baseline** records verified current behavior; it does not hide known +debt or convert unknown historic intent into a design decision. + +| Capability ID | Status | Scope | Primary SDD | Evidence | +|---|---|---|---|---| +| `shared-ui-foundation` | Proposed | One DOM component implementation with React, Vue, Angular and Svelte adapters, direct Lit/DOM use, shared Storybook and verified Gateway/Domus adoption. Partial source; no complete capability or release accepted. | [Shared Home Assistant presentation components and framework adapters](./shared-ui-foundation.md) + 1 companion | 337 paths · 2026-11-05 | + +## Evidence map + +### `shared-ui-foundation` — Shared Home Assistant presentation components and framework adapters + +- Owner: vypdev maintainers; Efrain Espada (accountable product/publication owner) +- Last verified: 2026-11-05 +- Specifications: [`specs/shared-ui-foundation.md`](./shared-ui-foundation.md) · [`specs/shared-ui-framework-delivery.md`](./shared-ui-framework-delivery.md) +- Workflows: [`.github/workflows/copilot_issue.yml`](../.github/workflows/copilot_issue.yml) · [`.github/workflows/ci_check.yml`](../.github/workflows/ci_check.yml) · [`.github/workflows/npm_release.yml`](../.github/workflows/npm_release.yml) · [`.github/workflows/storybook_pages.yml`](../.github/workflows/storybook_pages.yml) +- Entrypoints: [`packages/core/src/index.ts`](../packages/core/src/index.ts) · [`packages/core/src/components/tabs.ts`](../packages/core/src/components/tabs.ts) · [`packages/react/src/index.ts`](../packages/react/src/index.ts) · [`packages/vue/src/index.ts`](../packages/vue/src/index.ts) · [`packages/angular/src/index.ts`](../packages/angular/src/index.ts) · [`packages/svelte/src/index.ts`](../packages/svelte/src/index.ts) · [`packages/core/src/components/field.ts`](../packages/core/src/components/field.ts) · [`packages/core/src/field-contracts.ts`](../packages/core/src/field-contracts.ts) · [`.storybook/main.ts`](../.storybook/main.ts) · [`packages/core/src/button-contracts.ts`](../packages/core/src/button-contracts.ts) · [`packages/core/src/components/button.ts`](../packages/core/src/components/button.ts) · [`packages/core/src/select-contracts.ts`](../packages/core/src/select-contracts.ts) · [`packages/core/src/components/select.ts`](../packages/core/src/components/select.ts) · [`packages/core/src/checkbox-contracts.ts`](../packages/core/src/checkbox-contracts.ts) · [`packages/core/src/components/checkbox.ts`](../packages/core/src/components/checkbox.ts) · [`packages/core/src/components/dialog.ts`](../packages/core/src/components/dialog.ts) · [`packages/core/src/dialog-contracts.ts`](../packages/core/src/dialog-contracts.ts) · [`packages/core/src/components/card.ts`](../packages/core/src/components/card.ts) · [`packages/core/src/card-contracts.ts`](../packages/core/src/card-contracts.ts) · [`packages/core/src/layout-contracts.ts`](../packages/core/src/layout-contracts.ts) · [`packages/core/src/components/layout.ts`](../packages/core/src/components/layout.ts) · [`packages/core/src/components/feedback.ts`](../packages/core/src/components/feedback.ts) · [`packages/core/src/feedback-contracts.ts`](../packages/core/src/feedback-contracts.ts) +- Core code: [`packages/core/src/contracts.ts`](../packages/core/src/contracts.ts) · [`tooling/coverage.mjs`](../tooling/coverage.mjs) · [`packages/core/src/components/tabs.ts`](../packages/core/src/components/tabs.ts) · [`packages/react/src/index.ts`](../packages/react/src/index.ts) · [`packages/vue/src/index.ts`](../packages/vue/src/index.ts) · [`packages/angular/src/index.ts`](../packages/angular/src/index.ts) · [`packages/svelte/src/index.ts`](../packages/svelte/src/index.ts) · [`packages/svelte/src/Tabs.svelte`](../packages/svelte/src/Tabs.svelte) · [`packages/svelte/src/types.ts`](../packages/svelte/src/types.ts) · [`packages/core/src/components/field.ts`](../packages/core/src/components/field.ts) · [`packages/core/src/field-contracts.ts`](../packages/core/src/field-contracts.ts) · [`packages/core/src/presentation-text.ts`](../packages/core/src/presentation-text.ts) · [`packages/react/src/text-field.ts`](../packages/react/src/text-field.ts) · [`packages/vue/src/text-field.ts`](../packages/vue/src/text-field.ts) · [`packages/angular/src/text-field.ts`](../packages/angular/src/text-field.ts) · [`packages/svelte/src/Field.svelte`](../packages/svelte/src/Field.svelte) · [`stories/catalog-state.ts`](../stories/catalog-state.ts) · [`stories/catalog-frame.ts`](../stories/catalog-frame.ts) · [`stories/catalog-example.ts`](../stories/catalog-example.ts) · [`stories/foundation.example.ts`](../stories/foundation.example.ts) · [`stories/panels.example.ts`](../stories/panels.example.ts) · [`stories/field.example.ts`](../stories/field.example.ts) · [`.storybook/preview.ts`](../.storybook/preview.ts) · [`packages/core/src/button-contracts.ts`](../packages/core/src/button-contracts.ts) · [`packages/core/src/components/button.ts`](../packages/core/src/components/button.ts) · [`stories/button.example.ts`](../stories/button.example.ts) · [`packages/react/src/button.ts`](../packages/react/src/button.ts) · [`packages/vue/src/button.ts`](../packages/vue/src/button.ts) · [`packages/angular/src/button.ts`](../packages/angular/src/button.ts) · [`packages/svelte/src/Button.svelte`](../packages/svelte/src/Button.svelte) · [`packages/core/src/select-contracts.ts`](../packages/core/src/select-contracts.ts) · [`packages/core/src/components/select.ts`](../packages/core/src/components/select.ts) · [`packages/react/src/select.ts`](../packages/react/src/select.ts) · [`packages/vue/src/select.ts`](../packages/vue/src/select.ts) · [`packages/angular/src/select.ts`](../packages/angular/src/select.ts) · [`packages/svelte/src/Select.svelte`](../packages/svelte/src/Select.svelte) · [`stories/select.example.ts`](../stories/select.example.ts) · [`packages/core/src/checkbox-contracts.ts`](../packages/core/src/checkbox-contracts.ts) · [`packages/core/src/components/checkbox.ts`](../packages/core/src/components/checkbox.ts) · [`packages/core/src/components/implicit-submit.ts`](../packages/core/src/components/implicit-submit.ts) · [`packages/react/src/checkbox.ts`](../packages/react/src/checkbox.ts) · [`packages/vue/src/checkbox.ts`](../packages/vue/src/checkbox.ts) · [`packages/angular/src/checkbox.ts`](../packages/angular/src/checkbox.ts) · [`packages/svelte/src/Checkbox.svelte`](../packages/svelte/src/Checkbox.svelte) · [`stories/checkbox.example.ts`](../stories/checkbox.example.ts) · [`stories/catalog-completion.ts`](../stories/catalog-completion.ts) · [`stories/navigation-icons.ts`](../stories/navigation-icons.ts) · [`packages/core/src/navigation-scroll.ts`](../packages/core/src/navigation-scroll.ts) · [`packages/core/src/components/navigation-overflow.ts`](../packages/core/src/components/navigation-overflow.ts) · [`packages/vue/src/native-host-attributes.ts`](../packages/vue/src/native-host-attributes.ts) · [`packages/core/src/components/dialog.ts`](../packages/core/src/components/dialog.ts) · [`packages/core/src/dialog-contracts.ts`](../packages/core/src/dialog-contracts.ts) · [`packages/core/src/components/card.ts`](../packages/core/src/components/card.ts) · [`packages/core/src/card-contracts.ts`](../packages/core/src/card-contracts.ts) · [`packages/react/src/dialog.ts`](../packages/react/src/dialog.ts) · [`packages/react/src/card.ts`](../packages/react/src/card.ts) · [`packages/vue/src/dialog.ts`](../packages/vue/src/dialog.ts) · [`packages/vue/src/card.ts`](../packages/vue/src/card.ts) · [`packages/angular/src/dialog.ts`](../packages/angular/src/dialog.ts) · [`packages/angular/src/card.ts`](../packages/angular/src/card.ts) · [`packages/svelte/src/Dialog.svelte`](../packages/svelte/src/Dialog.svelte) · [`packages/svelte/src/Card.svelte`](../packages/svelte/src/Card.svelte) · [`stories/dialog.example.ts`](../stories/dialog.example.ts) · [`stories/card.example.ts`](../stories/card.example.ts) · [`tooling/raster-archive.mjs`](../tooling/raster-archive.mjs) · [`packages/core/src/layout-contracts.ts`](../packages/core/src/layout-contracts.ts) · [`packages/core/src/components/layout.ts`](../packages/core/src/components/layout.ts) · [`packages/react/src/layout.ts`](../packages/react/src/layout.ts) · [`packages/vue/src/layout.ts`](../packages/vue/src/layout.ts) · [`packages/angular/src/layout.ts`](../packages/angular/src/layout.ts) · [`packages/svelte/src/Row.svelte`](../packages/svelte/src/Row.svelte) · [`packages/svelte/src/Grid.svelte`](../packages/svelte/src/Grid.svelte) · [`stories/row.example.ts`](../stories/row.example.ts) · [`stories/grid.example.ts`](../stories/grid.example.ts) · [`packages/angular/src/feedback.ts`](../packages/angular/src/feedback.ts) · [`packages/core/src/components/feedback.ts`](../packages/core/src/components/feedback.ts) · [`packages/core/src/feedback-contracts.ts`](../packages/core/src/feedback-contracts.ts) · [`packages/react/src/feedback.ts`](../packages/react/src/feedback.ts) · [`packages/svelte/src/Feedback.svelte`](../packages/svelte/src/Feedback.svelte) · [`packages/vue/src/feedback.ts`](../packages/vue/src/feedback.ts) · [`stories/feedback.example.ts`](../stories/feedback.example.ts) · [`tooling/compatibility.mjs`](../tooling/compatibility.mjs) · [`tooling/packaging.mjs`](../tooling/packaging.mjs) · [`tooling/npm-prerelease.mjs`](../tooling/npm-prerelease.mjs) +- Tests: [`tests/contracts/core.test.ts`](../tests/contracts/core.test.ts) · [`tests/coverage.test.mjs`](../tests/coverage.test.mjs) · [`tests/architecture.test.mjs`](../tests/architecture.test.mjs) · [`tests/coverage-evidence.test.mjs`](../tests/coverage-evidence.test.mjs) · [`tests/consumers/packed.test.ts`](../tests/consumers/packed.test.ts) · [`tests/contracts/registration.test.ts`](../tests/contracts/registration.test.ts) · [`tests/browser/tabs.test.ts`](../tests/browser/tabs.test.ts) · [`tests/browser/react.test.ts`](../tests/browser/react.test.ts) · [`tests/browser/vue.test.ts`](../tests/browser/vue.test.ts) · [`tests/browser/angular.test.ts`](../tests/browser/angular.test.ts) · [`tests/browser/svelte.test.mjs`](../tests/browser/svelte.test.mjs) · [`tests/browser/framework-fixture.ts`](../tests/browser/framework-fixture.ts) · [`tests/browser/fixtures/SvelteTabs.svelte`](../tests/browser/fixtures/SvelteTabs.svelte) · [`tests/consumers/frameworks.ts`](../tests/consumers/frameworks.ts) · [`tests/consumers/fixtures/svelte/pnpm-lock.yaml`](../tests/consumers/fixtures/svelte/pnpm-lock.yaml) · [`tests/consumers/fixtures/svelte/index.html`](../tests/consumers/fixtures/svelte/index.html) · [`tests/consumers/fixtures/svelte/Consumer.svelte`](../tests/consumers/fixtures/svelte/Consumer.svelte) · [`tests/consumers/fixtures/svelte/model.ts`](../tests/consumers/fixtures/svelte/model.ts) · [`tests/consumers/fixtures/svelte/package.json`](../tests/consumers/fixtures/svelte/package.json) · [`tests/consumers/fixtures/svelte/client.ts`](../tests/consumers/fixtures/svelte/client.ts) · [`tests/consumers/fixtures/svelte/tsconfig.json`](../tests/consumers/fixtures/svelte/tsconfig.json) · [`tests/consumers/fixtures/svelte/pnpm-workspace.yaml`](../tests/consumers/fixtures/svelte/pnpm-workspace.yaml) · [`tests/consumers/fixtures/vue/pnpm-lock.yaml`](../tests/consumers/fixtures/vue/pnpm-lock.yaml) · [`tests/consumers/fixtures/vue/index.html`](../tests/consumers/fixtures/vue/index.html) · [`tests/consumers/fixtures/vue/model.ts`](../tests/consumers/fixtures/vue/model.ts) · [`tests/consumers/fixtures/vue/package.json`](../tests/consumers/fixtures/vue/package.json) · [`tests/consumers/fixtures/vue/client.ts`](../tests/consumers/fixtures/vue/client.ts) · [`tests/consumers/fixtures/vue/tsconfig.json`](../tests/consumers/fixtures/vue/tsconfig.json) · [`tests/consumers/fixtures/vue/pnpm-workspace.yaml`](../tests/consumers/fixtures/vue/pnpm-workspace.yaml) · [`tests/consumers/fixtures/angular/pnpm-lock.yaml`](../tests/consumers/fixtures/angular/pnpm-lock.yaml) · [`tests/consumers/fixtures/angular/index.html`](../tests/consumers/fixtures/angular/index.html) · [`tests/consumers/fixtures/angular/model.ts`](../tests/consumers/fixtures/angular/model.ts) · [`tests/consumers/fixtures/angular/package.json`](../tests/consumers/fixtures/angular/package.json) · [`tests/consumers/fixtures/angular/client.ts`](../tests/consumers/fixtures/angular/client.ts) · [`tests/consumers/fixtures/angular/tsconfig.json`](../tests/consumers/fixtures/angular/tsconfig.json) · [`tests/consumers/fixtures/angular/pnpm-workspace.yaml`](../tests/consumers/fixtures/angular/pnpm-workspace.yaml) · [`tests/consumers/fixtures/react/pnpm-lock.yaml`](../tests/consumers/fixtures/react/pnpm-lock.yaml) · [`tests/consumers/fixtures/react/index.html`](../tests/consumers/fixtures/react/index.html) · [`tests/consumers/fixtures/react/model.ts`](../tests/consumers/fixtures/react/model.ts) · [`tests/consumers/fixtures/react/package.json`](../tests/consumers/fixtures/react/package.json) · [`tests/consumers/fixtures/react/client.ts`](../tests/consumers/fixtures/react/client.ts) · [`tests/consumers/fixtures/react/tsconfig.json`](../tests/consumers/fixtures/react/tsconfig.json) · [`tests/consumers/fixtures/react/pnpm-workspace.yaml`](../tests/consumers/fixtures/react/pnpm-workspace.yaml) · [`tests/contracts/field.test.ts`](../tests/contracts/field.test.ts) · [`tests/browser/field.test.ts`](../tests/browser/field.test.ts) · [`tests/browser/react-field.test.ts`](../tests/browser/react-field.test.ts) · [`tests/browser/vue-field.test.ts`](../tests/browser/vue-field.test.ts) · [`tests/browser/angular-field.test.ts`](../tests/browser/angular-field.test.ts) · [`tests/browser/svelte-field.test.mjs`](../tests/browser/svelte-field.test.mjs) · [`tests/browser/field-framework-fixture.ts`](../tests/browser/field-framework-fixture.ts) · [`tests/browser/fixtures/SvelteField.svelte`](../tests/browser/fixtures/SvelteField.svelte) · [`tests/consumers/fields.ts`](../tests/consumers/fields.ts) · [`tests/catalog-config.test.mjs`](../tests/catalog-config.test.mjs) · [`tests/contracts/catalog.test.ts`](../tests/contracts/catalog.test.ts) · [`tests/typing/storybook.ts`](../tests/typing/storybook.ts) · [`tests/storybook/static.test.ts`](../tests/storybook/static.test.ts) · [`stories/foundation.stories.ts`](../stories/foundation.stories.ts) · [`stories/panels.stories.ts`](../stories/panels.stories.ts) · [`stories/field.stories.ts`](../stories/field.stories.ts) · [`tests/contracts/button.test.ts`](../tests/contracts/button.test.ts) · [`tests/browser/button.test.ts`](../tests/browser/button.test.ts) · [`tests/consumers/buttons.ts`](../tests/consumers/buttons.ts) · [`stories/button.stories.ts`](../stories/button.stories.ts) · [`tests/browser/button-framework-fixture.ts`](../tests/browser/button-framework-fixture.ts) · [`tests/browser/react-button.test.ts`](../tests/browser/react-button.test.ts) · [`tests/browser/vue-button.test.ts`](../tests/browser/vue-button.test.ts) · [`tests/browser/angular-button.test.ts`](../tests/browser/angular-button.test.ts) · [`tests/browser/svelte-button.test.mjs`](../tests/browser/svelte-button.test.mjs) · [`tests/browser/fixtures/SvelteButton.svelte`](../tests/browser/fixtures/SvelteButton.svelte) · [`tests/consumers/framework-buttons.ts`](../tests/consumers/framework-buttons.ts) · [`tests/contracts/select.test.ts`](../tests/contracts/select.test.ts) · [`tests/browser/select.test.ts`](../tests/browser/select.test.ts) · [`tests/browser/select-framework-fixture.ts`](../tests/browser/select-framework-fixture.ts) · [`tests/browser/react-select.test.ts`](../tests/browser/react-select.test.ts) · [`tests/browser/vue-select.test.ts`](../tests/browser/vue-select.test.ts) · [`tests/browser/angular-select.test.ts`](../tests/browser/angular-select.test.ts) · [`tests/browser/svelte-select.test.mjs`](../tests/browser/svelte-select.test.mjs) · [`tests/browser/fixtures/SvelteSelect.svelte`](../tests/browser/fixtures/SvelteSelect.svelte) · [`tests/consumers/selects.ts`](../tests/consumers/selects.ts) · [`stories/select.stories.ts`](../stories/select.stories.ts) · [`tests/contracts/checkbox.test.ts`](../tests/contracts/checkbox.test.ts) · [`tests/browser/checkbox.test.ts`](../tests/browser/checkbox.test.ts) · [`tests/browser/checkbox-framework-fixture.ts`](../tests/browser/checkbox-framework-fixture.ts) · [`tests/browser/react-checkbox.test.ts`](../tests/browser/react-checkbox.test.ts) · [`tests/browser/vue-checkbox.test.ts`](../tests/browser/vue-checkbox.test.ts) · [`tests/browser/angular-checkbox.test.ts`](../tests/browser/angular-checkbox.test.ts) · [`tests/browser/svelte-checkbox.test.mjs`](../tests/browser/svelte-checkbox.test.mjs) · [`tests/browser/fixtures/SvelteCheckbox.svelte`](../tests/browser/fixtures/SvelteCheckbox.svelte) · [`tests/consumers/checkboxes.ts`](../tests/consumers/checkboxes.ts) · [`tests/consumers/fonts.ts`](../tests/consumers/fonts.ts) · [`tests/storybook/checkbox-visual.ts`](../tests/storybook/checkbox-visual.ts) · [`tests/typing/catalog-assets.d.ts`](../tests/typing/catalog-assets.d.ts) · [`stories/checkbox.stories.ts`](../stories/checkbox.stories.ts) · [`tests/browser/catalog-lifecycle.test.ts`](../tests/browser/catalog-lifecycle.test.ts) · [`tests/storybook/lifecycle.ts`](../tests/storybook/lifecycle.ts) · [`tests/storybook/screenshot.ts`](../tests/storybook/screenshot.ts) · [`tests/browser/navigation-visual.test.ts`](../tests/browser/navigation-visual.test.ts) · [`tests/storybook/navigation-visual.ts`](../tests/storybook/navigation-visual.ts) · [`tests/browser/navigation-icons.test.ts`](../tests/browser/navigation-icons.test.ts) · [`tests/consumers/navigation-icons.ts`](../tests/consumers/navigation-icons.ts) · [`tests/storybook/navigation-icons-visual.ts`](../tests/storybook/navigation-icons-visual.ts) · [`tests/browser/navigation-overflow.test.ts`](../tests/browser/navigation-overflow.test.ts) · [`tests/browser/navigation-overflow-lifecycle.test.ts`](../tests/browser/navigation-overflow-lifecycle.test.ts) · [`tests/browser/navigation-overflow-visual.test.ts`](../tests/browser/navigation-overflow-visual.test.ts) · [`tests/contracts/navigation-scroll.test.ts`](../tests/contracts/navigation-scroll.test.ts) · [`tests/storybook/navigation-overflow-visual.ts`](../tests/storybook/navigation-overflow-visual.ts) · [`tests/consumers/navigation-overflow.ts`](../tests/consumers/navigation-overflow.ts) · [`tests/browser/button-presentation.test.ts`](../tests/browser/button-presentation.test.ts) · [`tests/browser/button-visual.test.ts`](../tests/browser/button-visual.test.ts) · [`tests/storybook/button-visual.ts`](../tests/storybook/button-visual.ts) · [`tests/browser/field-presentation.test.ts`](../tests/browser/field-presentation.test.ts) · [`tests/browser/field-visual.test.ts`](../tests/browser/field-visual.test.ts) · [`tests/browser/implicit-submit-native.test.ts`](../tests/browser/implicit-submit-native.test.ts) · [`tests/storybook/field-visual.ts`](../tests/storybook/field-visual.ts) · [`tests/consumers/implicit-submit.ts`](../tests/consumers/implicit-submit.ts) · [`tests/storybook/form-lifecycle.ts`](../tests/storybook/form-lifecycle.ts) · [`tests/browser/vue-host-attributes.test.ts`](../tests/browser/vue-host-attributes.test.ts) · [`tests/contracts/raster-archive.test.mjs`](../tests/contracts/raster-archive.test.mjs) · [`tests/storybook/reference-images.ts`](../tests/storybook/reference-images.ts) · [`tests/storybook/card-visual.ts`](../tests/storybook/card-visual.ts) · [`tests/storybook/dialog-visual.ts`](../tests/storybook/dialog-visual.ts) · [`tests/contracts/card.test.ts`](../tests/contracts/card.test.ts) · [`tests/contracts/dialog.test.ts`](../tests/contracts/dialog.test.ts) · [`tests/browser/card.test.ts`](../tests/browser/card.test.ts) · [`tests/browser/dialog.test.ts`](../tests/browser/dialog.test.ts) · [`tests/consumers/cards.ts`](../tests/consumers/cards.ts) · [`tests/consumers/dialogs.ts`](../tests/consumers/dialogs.ts) · [`tests/storybook/reference/ha-button/index.json`](../tests/storybook/reference/ha-button/index.json) · [`tests/storybook/reference/ha-button/originals.tar`](../tests/storybook/reference/ha-button/originals.tar) · [`tests/storybook/reference/ha-card/index.json`](../tests/storybook/reference/ha-card/index.json) · [`tests/storybook/reference/ha-card/originals.tar`](../tests/storybook/reference/ha-card/originals.tar) · [`tests/storybook/reference/ha-checkbox/index.json`](../tests/storybook/reference/ha-checkbox/index.json) · [`tests/storybook/reference/ha-checkbox/originals.tar`](../tests/storybook/reference/ha-checkbox/originals.tar) · [`tests/storybook/reference/ha-dialog/index.json`](../tests/storybook/reference/ha-dialog/index.json) · [`tests/storybook/reference/ha-dialog/originals.tar`](../tests/storybook/reference/ha-dialog/originals.tar) · [`tests/storybook/reference/ha-field/index.json`](../tests/storybook/reference/ha-field/index.json) · [`tests/storybook/reference/ha-field/originals.tar`](../tests/storybook/reference/ha-field/originals.tar) · [`tests/storybook/reference/ha-navigation-icons/index.json`](../tests/storybook/reference/ha-navigation-icons/index.json) · [`tests/storybook/reference/ha-navigation-icons/originals.tar`](../tests/storybook/reference/ha-navigation-icons/originals.tar) · [`tests/storybook/reference/ha-navigation-overflow/index.json`](../tests/storybook/reference/ha-navigation-overflow/index.json) · [`tests/storybook/reference/ha-navigation-overflow/originals.tar`](../tests/storybook/reference/ha-navigation-overflow/originals.tar) · [`tests/storybook/reference/ha-navigation/index.json`](../tests/storybook/reference/ha-navigation/index.json) · [`tests/storybook/reference/ha-navigation/originals.tar`](../tests/storybook/reference/ha-navigation/originals.tar) · [`tests/storybook/reference/ha-select-list/index.json`](../tests/storybook/reference/ha-select-list/index.json) · [`tests/storybook/reference/ha-select-list/originals.tar`](../tests/storybook/reference/ha-select-list/originals.tar) · [`tests/storybook/reference/ha-select-multiple/index.json`](../tests/storybook/reference/ha-select-multiple/index.json) · [`tests/storybook/reference/ha-select-multiple/originals.tar`](../tests/storybook/reference/ha-select-multiple/originals.tar) · [`tests/storybook/reference/ha-select/index.json`](../tests/storybook/reference/ha-select/index.json) · [`tests/storybook/reference/ha-select/originals.tar`](../tests/storybook/reference/ha-select/originals.tar) · [`tests/contracts/layout.test.ts`](../tests/contracts/layout.test.ts) · [`tests/browser/layout.test.ts`](../tests/browser/layout.test.ts) · [`tests/storybook/layout-visual.ts`](../tests/storybook/layout-visual.ts) · [`tests/consumers/layouts.ts`](../tests/consumers/layouts.ts) · [`tests/storybook/reference/ha-layout/index.json`](../tests/storybook/reference/ha-layout/index.json) · [`tests/storybook/reference/ha-layout/originals.tar`](../tests/storybook/reference/ha-layout/originals.tar) · [`stories/feedback.stories.ts`](../stories/feedback.stories.ts) · [`tests/browser/angular-feedback.test.ts`](../tests/browser/angular-feedback.test.ts) · [`tests/browser/feedback-framework-fixture.ts`](../tests/browser/feedback-framework-fixture.ts) · [`tests/browser/feedback.test.ts`](../tests/browser/feedback.test.ts) · [`tests/browser/fixtures/SvelteFeedback.svelte`](../tests/browser/fixtures/SvelteFeedback.svelte) · [`tests/browser/react-feedback.test.ts`](../tests/browser/react-feedback.test.ts) · [`tests/browser/svelte-feedback.test.mjs`](../tests/browser/svelte-feedback.test.mjs) · [`tests/browser/vue-feedback.test.ts`](../tests/browser/vue-feedback.test.ts) · [`tests/consumers/feedback.ts`](../tests/consumers/feedback.ts) · [`tests/contracts/feedback.test.ts`](../tests/contracts/feedback.test.ts) · [`tests/storybook/feedback-visual.ts`](../tests/storybook/feedback-visual.ts) · [`tests/storybook/reference/ha-feedback/index.json`](../tests/storybook/reference/ha-feedback/index.json) · [`tests/storybook/reference/ha-feedback/originals.tar`](../tests/storybook/reference/ha-feedback/originals.tar) · [`tests/consumers/ssr.test.mjs`](../tests/consumers/ssr.test.mjs) · [`tests/consumers/ssr/fixtures/next/app/boundary.jsx`](../tests/consumers/ssr/fixtures/next/app/boundary.jsx) · [`tests/consumers/ssr/fixtures/next/app/client-tabs.jsx`](../tests/consumers/ssr/fixtures/next/app/client-tabs.jsx) · [`tests/consumers/ssr/fixtures/next/app/layout.jsx`](../tests/consumers/ssr/fixtures/next/app/layout.jsx) · [`tests/consumers/ssr/fixtures/next/app/page.jsx`](../tests/consumers/ssr/fixtures/next/app/page.jsx) · [`tests/consumers/ssr/fixtures/next/package.json`](../tests/consumers/ssr/fixtures/next/package.json) · [`tests/consumers/ssr/fixtures/next/pnpm-lock.yaml`](../tests/consumers/ssr/fixtures/next/pnpm-lock.yaml) · [`tests/consumers/ssr/fixtures/next/pnpm-workspace.yaml`](../tests/consumers/ssr/fixtures/next/pnpm-workspace.yaml) · [`tests/consumers/ssr/fixtures/nuxt/app/app.vue`](../tests/consumers/ssr/fixtures/nuxt/app/app.vue) · [`tests/consumers/ssr/fixtures/nuxt/app/components/ClientTabs.client.vue`](../tests/consumers/ssr/fixtures/nuxt/app/components/ClientTabs.client.vue) · [`tests/consumers/ssr/fixtures/nuxt/nuxt.config.mjs`](../tests/consumers/ssr/fixtures/nuxt/nuxt.config.mjs) · [`tests/consumers/ssr/fixtures/nuxt/package.json`](../tests/consumers/ssr/fixtures/nuxt/package.json) · [`tests/consumers/ssr/fixtures/nuxt/pnpm-lock.yaml`](../tests/consumers/ssr/fixtures/nuxt/pnpm-lock.yaml) · [`tests/consumers/ssr/fixtures/nuxt/pnpm-workspace.yaml`](../tests/consumers/ssr/fixtures/nuxt/pnpm-workspace.yaml) · [`tests/consumers/ssr/fixtures/sveltekit/package.json`](../tests/consumers/ssr/fixtures/sveltekit/package.json) · [`tests/consumers/ssr/fixtures/sveltekit/pnpm-lock.yaml`](../tests/consumers/ssr/fixtures/sveltekit/pnpm-lock.yaml) · [`tests/consumers/ssr/fixtures/sveltekit/pnpm-workspace.yaml`](../tests/consumers/ssr/fixtures/sveltekit/pnpm-workspace.yaml) · [`tests/consumers/ssr/fixtures/sveltekit/src/app.html`](../tests/consumers/ssr/fixtures/sveltekit/src/app.html) · [`tests/consumers/ssr/fixtures/sveltekit/src/routes/+page.svelte`](../tests/consumers/ssr/fixtures/sveltekit/src/routes/%2Bpage.svelte) · [`tests/consumers/ssr/fixtures/sveltekit/src/routes/ClientTabs.svelte`](../tests/consumers/ssr/fixtures/sveltekit/src/routes/ClientTabs.svelte) · [`tests/consumers/ssr/fixtures/sveltekit/fixture.vite.config.js`](../tests/consumers/ssr/fixtures/sveltekit/fixture.vite.config.js) · [`tests/consumers/ssr/journey.mjs`](../tests/consumers/ssr/journey.mjs) · [`tests/delivery.test.mjs`](../tests/delivery.test.mjs) · [`tests/storybook/engines.test.ts`](../tests/storybook/engines.test.ts) +- User documentation: [`README.md`](../README.md) · [`docs/component-library.md`](../docs/component-library.md) · [`docs/compatibility.md`](../docs/compatibility.md) · [`docs/provenance.md`](../docs/provenance.md) · [`docs/evidence/shared-ui-foundation.json`](../docs/evidence/shared-ui-foundation.json) · [`docs/framework-adapters.md`](../docs/framework-adapters.md) · [`docs/storybook.md`](../docs/storybook.md) · [`docs/button-contract.md`](../docs/button-contract.md) · [`docs/select-contract.md`](../docs/select-contract.md) · [`docs/checkbox-contract.md`](../docs/checkbox-contract.md) · [`docs/visual-parity.md`](../docs/visual-parity.md) · [`docs/evidence/ha-checkbox-reference.json`](../docs/evidence/ha-checkbox-reference.json) · [`packages/core/NOTICE`](../packages/core/NOTICE) · [`packages/core/LICENSES/Home-Assistant-Apache-2.0.txt`](../packages/core/LICENSES/Home-Assistant-Apache-2.0.txt) · [`packages/core/LICENSES/Font-Awesome-Free-7.0.0.txt`](../packages/core/LICENSES/Font-Awesome-Free-7.0.0.txt) · [`LICENSES/Roboto-Apache-2.0.txt`](../LICENSES/Roboto-Apache-2.0.txt) · [`docs/evidence/ha-navigation-reference.json`](../docs/evidence/ha-navigation-reference.json) · [`docs/evidence/ha-navigation-icons-reference.json`](../docs/evidence/ha-navigation-icons-reference.json) · [`packages/core/LICENSES/Web-Awesome-3.14.0-ha.2-MIT.txt`](../packages/core/LICENSES/Web-Awesome-3.14.0-ha.2-MIT.txt) · [`docs/evidence/ha-navigation-overflow-reference.json`](../docs/evidence/ha-navigation-overflow-reference.json) · [`docs/evidence/ha-button-reference.json`](../docs/evidence/ha-button-reference.json) · [`docs/evidence/ha-field-reference.json`](../docs/evidence/ha-field-reference.json) · [`docs/field-contract.md`](../docs/field-contract.md) · [`docs/dialog-contract.md`](../docs/dialog-contract.md) · [`docs/card-contract.md`](../docs/card-contract.md) · [`docs/evidence/ha-dialog-reference.json`](../docs/evidence/ha-dialog-reference.json) · [`docs/evidence/ha-card-reference.json`](../docs/evidence/ha-card-reference.json) · [`docs/layout-contract.md`](../docs/layout-contract.md) · [`docs/evidence/ha-layout-reference.json`](../docs/evidence/ha-layout-reference.json) · [`LICENSES/Noto-Sans-Arabic-OFL-1.1.txt`](../LICENSES/Noto-Sans-Arabic-OFL-1.1.txt) · [`docs/evidence/ha-feedback-reference.json`](../docs/evidence/ha-feedback-reference.json) · [`docs/feedback-contract.md`](../docs/feedback-contract.md) · [`docs/migration.md`](../docs/migration.md) · [`examples/consumers/README.md`](../examples/consumers/README.md) + +## Maintenance contract + +1. Read the relevant SDD before changing a catalogued capability. +2. Change the SDD, catalog evidence, tests, and user documentation together when + behavior or an architecture boundary changes. +3. Use repository-relative paths in `catalog.json`; each path is validated and every + top-level product SDD must have exactly one capability owner. +4. Run `pnpm run validate:specifications` in local and CI validation. diff --git a/specs/README.md b/specs/README.md new file mode 100644 index 0000000..79c5b5c --- /dev/null +++ b/specs/README.md @@ -0,0 +1,258 @@ +# Product Specification Standard + +This directory contains implementation-driving product and engineering +specifications. A spec is a shared product contract, not only a technical design. +It must make the intended behavior understandable to someone who did not take +part in the original discussion and testable by someone who did not implement it. + +New specifications start from [`_template.md`](./_template.md). Existing specs +should converge on this standard when they are materially revised. + +The capability inventory and its implementation evidence live in +[`catalog.json`](./catalog.json); [`CATALOG.md`](./CATALOG.md) is the generated +human-readable view. Use the original Copilot SDK catalog generator and validator after changing a +specification or catalogued path. The current bootstrap procedure and exact SDK +identity are documented in [the component-library guide](../docs/component-library.md#catalog-validation). +The repository now has pinned package scripts and CI for its first source increment. +Run the documented type, test/coverage, build and packed-consumer checks; CI also reads +the original SDK at its reviewed source revision. These checks establish current-source +evidence, not completion of the component/adapter/adoption acceptance inventory. + +### Retrospective (as-built) specifications + +An already implemented capability MAY be documented with status +`As-built baseline`. This is not a claim that the feature is perfect or that all +historic design choices were intentional. Its purpose is to establish a +reviewable contract before subsequent changes. + +An as-built baseline MUST: + +- label verified repository behavior as **observed behavior**; +- label the behavior maintainers choose to preserve as the **intentional + contract**; +- record defects, missing evidence, and architectural weaknesses under **known + debt and limitations**; +- mark historic motivation as **unknown** when evidence does not establish it; +- keep desired improvements separate from the current contract and link them to + follow-up work rather than presenting them as implemented; +- cite current code, workflows, tests, and user documentation; and +- use the same UX, architecture, configuration, security, testing, + documentation, acceptance, and Definition of Done standard as a prospective + specification. + +The baseline date and `Last verified` catalog date identify the repository +snapshot that was audited. A behavior-changing implementation MUST update the +relevant SDD, catalog evidence, tests, and user documentation in the same change. + +## 1. Core criteria + +Every spec must be: + +- **Product-near:** use the names, states, actions, and surfaces that users and + operators will actually see. +- **Visual where it helps:** show multi-step flows, state changes, ownership, or + several relationships with a compact diagram, table, timeline, or Markdown + wireframe. +- **Textually complete:** every visual has an adjacent textual equivalent; color, + emoji, screenshots, and Mermaid are never the only source of meaning. +- **Explicit:** distinguish current facts, proposed behavior, recommended + defaults, configurable choices, fixed safety limits, non-goals, and open + questions. +- **End-to-end:** include happy paths, alternatives, partial success, failure, + retry, cancellation, migration, and cleanup where relevant. +- **Verifiable:** important statements use normative language and map to an + automated test, contract check, or explicit human acceptance artifact. +- **Proportional:** a concern may be marked not applicable with a reason; it must + not disappear silently. + +Use `MUST`, `SHOULD`, and `MAY` deliberately. A `MUST` requires an acceptance +scenario. Avoid prescribing implementation details unless they protect product +behavior, architecture, interoperability, or safety. + +## 2. Required specification contract + +A specification must cover the following concerns or mark them not applicable: + +| Concern | Required outcome | +|---|---| +| Decision metadata | Status, date, owners, scope, review gates, and unresolved decisions | +| Problem and evidence | Current behavior, concrete pain, affected actors, and evidence/source | +| Goals and limits | Measurable outcomes, non-goals, fixed safety/product invariants | +| Product journey | Current versus proposed flow, actors, entrypoints, visible surfaces, next actions | +| Domain model | Shared terminology, invariants, states, transitions, and ownership of facts | +| Configuration | Recommended defaults, bounded alternatives, validation, precedence, persistence, migration | +| Architecture | Dependency direction, pure policy, use cases, ports, adapters, presentation, state and trust boundaries | +| UI/UX and content | Information hierarchy, examples for every primary state, navigation, accessibility, localization | +| Failure and recovery | Impact, partial-success facts, retryability, idempotency, cleanup, operator action | +| Security and privacy | Permissions, untrusted input, secrets, execution boundaries, auditability | +| Observability | User status, operator evidence, logs/metrics, correlation, noise budget | +| Compatibility and rollout | Existing in-flight state, migration, deprecation, rollout and rollback | +| Testing | Numeric risk-derived budget, distribution, coverage, fixtures, integration and human evidence | +| Documentation | User, setup, configuration, recovery, migration, architecture and discoverability | +| Acceptance and DoD | Observable scenarios, traceability, implementation order, all quality gates | + +## 3. Product and GitHub UI/UX standard + +GitHub issues, pull requests, reviews, comments, checks, labels, releases, and Job +Summaries are product surfaces when a person uses them to understand or operate a +feature. CLI output and generated documentation are product surfaces for the same +reason. + +For each primary state, the first visible content must answer in this order: + +1. What is happening now? +2. What completed already? +3. What happens next? +4. Is human action required? +5. What is the impact, especially for partial success or failure? +6. Where can the result or transition be inspected? +7. Where are technical details available? + +A spec affecting these surfaces must include representative rendered Markdown +or a wireframe for at least pending, action-required, blocked/failed, partially +complete, and complete states. Use actual product terminology and plausible data. +Do not specify only abstract fields such as `status`, `message`, and `url`. + +The UX contract must define, when applicable: + +- one primary status and one primary action; +- progress/state representation and the facts behind it; +- deterministic titles, headings, labels, and durable markers; +- descriptive links to the issue, PR, comparison, commit, run, artifact, release, + package, documentation, and recovery action; +- progressive disclosure: user meaning first, technical diagnostics later; +- error content in `impact -> cause -> action -> retained state` order; +- idempotent update behavior and a bounded comment/notification budget; +- locale source, supported locales, and fallback behavior; +- narrow/mobile readability, light/dark themes, and logical heading/table use; +- sanitization of mentions, commands, Markdown, HTML markers, URLs, and diagrams; + and +- a textual fallback for Mermaid, images, icons, and other visual elements. + +For a flow with three or more dependent transitions, include one overview visual. +For a user-facing issue or PR change, include at least one concrete content +mockup. Screenshots can supplement these artifacts but cannot replace the +semantic written contract. + +## 4. Clean Architecture standard + +Apply Clean Architecture to the repository's real boundaries rather than +inventing a parallel folder taxonomy. A design must identify: + +- domain entities, value objects, invariants, and pure policies; +- application use cases and narrow immutable input/output contracts; +- semantic ports that express capabilities without provider DTOs; +- data/provider adapters and their error mappings; +- infrastructure and composition ownership; +- entrypoint responsibility and trusted/untrusted event boundaries; +- presentation view models and renderers, separate from mutation policy; +- durable state, concurrency, idempotency, and migration ownership; and +- forbidden dependency directions that can be enforced automatically. + +Use a component/dependency diagram when three or more layers or external systems +interact. Use a sequence or state diagram when ordering, retries, asynchronous +events, or partial completion affect correctness. + +Architecture requirements are incomplete without executable constraints. The +spec must state which dependency, contract, cycle, schema, or workflow checks +will prevent boundary erosion. + +## 5. Configuration standard + +Configuration exists to support legitimate product variation, not to make every +implementation detail optional. Every input must define: + +| Field | Required information | +|---|---| +| Name and type | Stable public name, type, and owning surface | +| Recommended default | Safe default and why it is recommended | +| Allowed values/range | Bounded choices with observable semantics | +| Validation | Invalid values and invalid cross-field combinations | +| Scope and precedence | Project/repository/operation scope and override order | +| Persistence | Whether an in-flight operation snapshots or rereads the value | +| Migration | Behavior for absent, retired, renamed, or future values | +| Security | Values that must never accept arbitrary code, refs, URLs, or secrets | + +Show at least one recommended configuration and one meaningful alternative. +State which correctness and safety invariants are intentionally not configurable. + +## 6. Test budget standard + +Every implementation-driving spec must contain a numeric test budget. Derive it +from the behavior and risk inventory; do not reuse one universal count for small +and large changes. + +The budget table must distribute a minimum number of distinct cases across the +applicable areas: + +- domain/configuration/pure planning; +- state transitions, idempotency, replay, cancellation, and races; +- application use cases; +- adapters and provider error mapping; +- workflows, permissions, schemas, and setup contracts; +- presentation states, links, localization, accessibility, and sanitization; +- integration/end-to-end and compatibility/migration; and +- security/abuse cases. + +Each `it`/`test` case counts once. Parameterized rows count separately only when +they represent distinct behavior. The number is a floor, not a substitute for +covering every requirement and failure mode. + +The spec must also define: + +- repository-wide thresholds that remain in force; +- higher branch coverage for new pure policy where justified; +- changed-module expectations; +- deterministic fakes instead of real waits or live services; +- fixtures/golden output without relying only on snapshots; +- workflow/contract checks that parse structure rather than grep prose; +- required manual UX evidence that automation cannot establish; and +- a traceability mapping from each normative requirement to tests or evidence. + +## 7. Documentation standard + +Documentation is an implementation deliverable. Identify the applicable +audiences and artifacts: + +- user journey and recommended default; +- setup, permissions, environments, credentials, and external prerequisites; +- complete configuration reference and examples; +- operator state model, troubleshooting, recovery, replay, and cleanup; +- upgrade, migration, compatibility, deprecation, and rollback; +- architecture, contracts, trust boundaries, and contributor guidance; and +- route/navigation registration, links, assets, examples, and validation jobs. + +Lead documentation with the normal path and one helpful visual, then disclose +configuration, failures, and internals progressively. Examples must be checked +against implementation fixtures or contract tests whenever practical. + +## 8. Acceptance, traceability, and review + +Acceptance scenarios describe observable behavior, not implementation activity. +Cover normal, alternative, boundary, invalid, duplicate, out-of-order, partial, +failure, recovery, migration, security, UX, and accessibility behavior as +applicable. + +Maintain a traceability table for substantial specs: + +```text +Requirement -> domain/policy/use case/adapter/presentation -> test or evidence -> documentation +``` + +Before changing a spec to `Ready for implementation`, reviewers must be able to +answer yes to the following: + +- Is the origin/current behavior supported by evidence? +- Can a user understand the proposed product without reading implementation code? +- Are product defaults and non-configurable safety limits explicit? +- Are architecture boundaries and executable constraints clear? +- Is the numeric test budget proportional and complete? +- Are documentation and migration deliverables named? +- Do UI examples cover pending, action, error/partial, and completed states? +- Can status and required action be understood quickly without logs? +- Are security, idempotency, retries, concurrency, and cleanup addressed? +- Does every `MUST` map to acceptance and verification? +- Are material decisions resolved or explicitly blocking readiness? + +The Definition of Done must repeat these gates. A concern mentioned only in an +introductory paragraph is not an enforceable delivery requirement. diff --git a/specs/_template.md b/specs/_template.md new file mode 100644 index 0000000..6c29045 --- /dev/null +++ b/specs/_template.md @@ -0,0 +1,372 @@ +# + +- Status: Draft +- Date: YYYY-MM-DD +- Catalog capability ID: +- Last verified: +- Owners: +- Scope: +- Related issues/PRs: +- Required review gates: product UX, architecture, testing, documentation, + security/operations +- Open decisions blocking readiness: + +> Start with the repository standard in [`README.md`](./README.md). Remove this +> note when the spec is ready. Mark a non-applicable section explicitly and give +> a reason instead of silently deleting the concern. + +## 1. Executive summary + +Describe the user-visible outcome, the recommended default, and the principal +safety/correctness rule in plain language. + +```text + +``` + +## 2. Problem, current behavior, and evidence + +### 2.1 Problem + +Who is affected, what they cannot understand/do safely, and why it matters. + +### 2.2 Current behavior + +Number the actual current sequence. Separate verified facts from assumptions. + +### 2.3 Evidence + +- Code/workflow/documentation references: +- Incidents or concrete examples: +- External primary sources: +- Unknowns: + +### 2.4 Retrospective classification (as-built baselines only) + +- Observed behavior: +- Intentional contract: +- Known debt and limitations: +- Unknown rationale: +- Proposed improvements: + +For a prospective specification, mark this subsection not applicable because no +implemented baseline is being reconstructed. + +## 3. Actors, surfaces, and terminology + +| Actor | Goal | Entry point | Visible surfaces | +|---|---|---|---| +| | | | | + +Define product terms, branch/data roles, ownership of facts, and language that +must remain consistent across UI, code, tests, and documentation. + +## 4. Goals, non-goals, and fixed invariants + +Declare each goal with a stable ID in an unfenced table with the exact columns +`Requirement` and `Behavior`. Include the selected SDD in the section 15 path table +as `create` or `update`. Native publication uses the selected immutable Git base. + +### 4.1 Goals + +1. + +### 4.2 Non-goals + +1. + +### 4.3 Fixed product/safety invariants + +1. + +## 5. Current versus proposed product journey + +| Stage | Current | Proposed | User/operator effect | +|---|---|---|---| +| | | | | + +For three or more dependent transitions, add a visual and a textual equivalent: + +```mermaid +flowchart LR + A[User entry point] --> B[System transition] + B --> C[Visible result] +``` + +Text equivalent: ` -> -> `. + +## 6. Functional behavior and state model + +### 6.1 Happy path + +1. + +### 6.2 Alternative paths + +- + +### 6.3 State machine + +| State | Entered when | User-visible meaning | Allowed next states | Recovery/owner | +|---|---|---|---|---| +| | | | | | + +Define duplicate, stale, out-of-order, canceled, and partially completed event +behavior where applicable. + +## 7. User-facing configuration + +| Input | Type | Recommended default | Allowed values/range | Scope/persistence | +|---|---|---|---|---| +| `` | | `` — | | | + +Document: + +- validation and invalid cross-field combinations; +- precedence and operation-time snapshot/reread behavior; +- migration, retired, unknown, and deprecated values; +- one recommended example and one meaningful alternative; and +- behavior intentionally not configurable. + +## 8. Clean Architecture design + +### 8.1 Responsibilities and dependency direction + +| Layer/boundary | Owns | Must not own/import | +|---|---|---| +| Domain/pure policy | | | +| Application | | | +| Adapters/data | | | +| Infrastructure/composition | | | +| Entrypoints | | | +| Presentation | | | + +```mermaid +flowchart LR + E[Entrypoint] --> A[Application use case] + A --> D[Domain policy] + A --> P[Semantic port] + I[Provider adapter] --> P + A --> V[Presentation model] +``` + +### 8.2 Contracts, state, and trust boundaries + +- Pure decisions: +- Application contracts: +- Semantic ports: +- Durable state/schema ownership: +- Concurrency/idempotency strategy: +- Trusted and untrusted inputs: +- Provider error mapping: + +### 8.3 Executable architecture constraints + +- + +## 9. UI/UX and content contract + +Treat issues, PRs, comments, labels, checks, summaries, CLI output, and docs as UI +when applicable. + +### 9.1 Information hierarchy + +1. Current status +2. Completed facts +3. Next transition +4. Human action, or explicit statement that none is needed +5. Impact and inspectable links +6. Collapsed technical evidence + +### 9.2 Representative primary view + +```markdown + + +# + +> **Current status:** +> +> **Action required:** + +## Progress + +- [x] +- [ ] + +## What happens next + + + +## Links + +[Descriptive destination](...) · [Descriptive destination](...) + +
+Technical details + +
+``` + +Add concrete variants for: + +- pending/no action; +- action required; +- blocked or failed before irreversible effects; +- partially successful after an irreversible effect; and +- completed. + +### 9.3 Issue, PR, and comment behavior + +- Deterministic titles and purpose: +- What merge/close/retry will do: +- Durable marker and idempotent update policy: +- Comment/notification budget: +- Labels and checks as supplemental state: +- Direct links and navigation: + +### 9.4 Accessibility, localization, and responsive behavior + +- Supported locales and fallback: +- Textual equivalent for visuals: +- Narrow/mobile and light/dark expectations: +- Heading/table/link rules: +- Sanitization of untrusted Markdown, mentions, commands, markers, and URLs: + +## 10. Failure, recovery, and cleanup + +| Failure/partial state | User impact | Retained facts | Automatic retry | Required action | Cleanup | +|---|---|---|---|---|---| +| | | | | | | + +User-facing errors follow `impact -> cause -> action -> retained state` and must +not imply that an already successful irreversible action failed. + +## 11. Security, permissions, and privacy + +1. +2. +3. +4. + +## 12. Observability and operational UX + +- User-facing state: +- Job Summary/operator evidence: +- Logs, metrics, and correlation: +- Pending external dependency versus workflow failure: +- Rate-limit/retry behavior: +- Noise/comment budget: + +## 13. Compatibility, migration, rollout, and rollback + +- Existing in-flight operations/data: +- Schema/configuration migration: +- Deprecated behavior and compatibility window: +- Rollout stages/feature flag if needed: +- Rollback and irreversible effects: + +## 14. Testing strategy and numeric budget + +The count is derived from the behavior/risk inventory and is a minimum, not a +substitute for requirement coverage. + +| Area | Minimum distinct cases | Behaviors/risks covered | +|---|---:|---| +| Domain/configuration/pure planning | | | +| State/application/idempotency/races | | | +| Adapters/provider contracts | | | +| Workflows/setup/schema | | | +| UI/UX/localization/sanitization | | | +| Integration/security/migration | | | +| **Total** | **** | No double counting | + +Add an unfenced inventory with exact columns `Case ID`, `Area`, `Requirements`, +and `Scenario`. Each case has a fully qualified unique ID, one exact budget area, +and comma-separated requirement IDs. Counts per area and the total must match. +Section 17 also needs `Requirement` and `Cases` columns with reciprocal full IDs; +ranges, shorthand, fenced examples and aliases do not establish additional cases. + +Define: + +- repository and changed-module coverage thresholds; +- pure-policy branch coverage; +- table-driven, replay, race, adapter, workflow-contract, and security tests; +- deterministic clocks/IDs/fakes with no real waits or live services; +- golden UI fixtures plus semantic assertions; and +- manual UX evidence for readability that automation cannot establish. + +## 15. Documentation and discoverability + +| Audience | Artifact/page | Required content | Validation/navigation | +|---|---|---|---| +| User | | | | +| Setup owner | | | | +| Operator | | | | +| Contributor | | | | + +Declare prospective repository files in a separate unfenced table with exact +columns `Path` and `Change`: `create` for absent files, `update` for existing files +that will change, and `reference` for existing files used as evidence. Include +this SDD itself with `create` or `update`. Never register absent implementation +files as current catalog evidence. + +Include migration and troubleshooting documentation where applicable. Keep +examples synchronized with implementation fixtures or contract tests. + +## 16. Acceptance scenarios + +1. Given ``, when ``, then ``. +2. +3. +4. +5. +6. +7. +8. + +## 17. Requirements traceability + +| Requirement | Policy/use case/adapter/presentation | Test or evidence | Documentation | +|---|---|---|---| +| `
` | | | | + +## 18. Implementation sequence + +1. Contracts, decisions, configuration, and architecture checks. +2. Pure policies and tests. +3. State/application orchestration and tests. +4. Adapters/workflows and contract tests. +5. Presentation, fixtures, accessibility, and localization. +6. Migration, recovery, security, documentation, and generated artifacts. +7. Integration, coverage, human UX evidence, and final validation. + +Adjust ordering to risk and dependencies; do not postpone documentation or UX +until after behavior is considered complete. + +For an as-built baseline, interpret this as the required change sequence for +future maintenance and state explicitly that the document itself proposes no +behavior change. + +## 19. Definition of Done + +- [ ] Every normative requirement has acceptance and traceability. +- [ ] Architecture boundaries are implemented and automatically enforced. +- [ ] Numeric test budget, distribution, and coverage requirements pass. +- [ ] Configuration defaults, limits, validation, persistence, and migration agree. +- [ ] Primary UI states and content examples are implemented and reviewed. +- [ ] Accessibility, localization, responsive behavior, sanitization, and noise + budgets pass. +- [ ] User/setup/operator/contributor documentation is complete and discoverable. +- [ ] Failure, partial success, retry, idempotency, security, and cleanup pass. +- [ ] Required generated artifacts and repository validation commands pass. +- [ ] `specs/catalog.json` evidence and `specs/CATALOG.md` are current and + the documented original SDK catalog validation passes. +- [ ] No readiness-blocking decision remains unresolved. + +## 20. References and decisions + +- Primary sources: +- Related specs/ADRs/issues/PRs: +- Decisions and rejected alternatives: +- Follow-up work explicitly outside this spec: diff --git a/specs/catalog.json b/specs/catalog.json new file mode 100644 index 0000000..90bdef0 --- /dev/null +++ b/specs/catalog.json @@ -0,0 +1,375 @@ +{ + "version": 1, + "capabilities": [ + { + "id": "shared-ui-foundation", + "title": "Shared Home Assistant presentation components and framework adapters", + "status": "proposed", + "scope": "One DOM component implementation with React, Vue, Angular and Svelte adapters, direct Lit/DOM use, shared Storybook and verified Gateway/Domus adoption. Partial source; no complete capability or release accepted.", + "owner": "vypdev maintainers; Efrain Espada (accountable product/publication owner)", + "lastVerified": "2026-11-05", + "specs": [ + "specs/shared-ui-foundation.md", + "specs/shared-ui-framework-delivery.md" + ], + "workflows": [ + ".github/workflows/copilot_issue.yml", + ".github/workflows/ci_check.yml", + ".github/workflows/npm_release.yml", + ".github/workflows/storybook_pages.yml" + ], + "entrypoints": [ + "packages/core/src/index.ts", + "packages/core/src/components/tabs.ts", + "packages/react/src/index.ts", + "packages/vue/src/index.ts", + "packages/angular/src/index.ts", + "packages/svelte/src/index.ts", + "packages/core/src/components/field.ts", + "packages/core/src/field-contracts.ts", + ".storybook/main.ts", + "packages/core/src/button-contracts.ts", + "packages/core/src/components/button.ts", + "packages/core/src/select-contracts.ts", + "packages/core/src/components/select.ts", + "packages/core/src/checkbox-contracts.ts", + "packages/core/src/components/checkbox.ts", + "packages/core/src/components/dialog.ts", + "packages/core/src/dialog-contracts.ts", + "packages/core/src/components/card.ts", + "packages/core/src/card-contracts.ts", + "packages/core/src/layout-contracts.ts", + "packages/core/src/components/layout.ts", + "packages/core/src/components/feedback.ts", + "packages/core/src/feedback-contracts.ts" + ], + "code": [ + "packages/core/src/contracts.ts", + "tooling/coverage.mjs", + "packages/core/src/components/tabs.ts", + "packages/react/src/index.ts", + "packages/vue/src/index.ts", + "packages/angular/src/index.ts", + "packages/svelte/src/index.ts", + "packages/svelte/src/Tabs.svelte", + "packages/svelte/src/types.ts", + "packages/core/src/components/field.ts", + "packages/core/src/field-contracts.ts", + "packages/core/src/presentation-text.ts", + "packages/react/src/text-field.ts", + "packages/vue/src/text-field.ts", + "packages/angular/src/text-field.ts", + "packages/svelte/src/Field.svelte", + "stories/catalog-state.ts", + "stories/catalog-frame.ts", + "stories/catalog-example.ts", + "stories/foundation.example.ts", + "stories/panels.example.ts", + "stories/field.example.ts", + ".storybook/preview.ts", + "packages/core/src/button-contracts.ts", + "packages/core/src/components/button.ts", + "stories/button.example.ts", + "packages/react/src/button.ts", + "packages/vue/src/button.ts", + "packages/angular/src/button.ts", + "packages/svelte/src/Button.svelte", + "packages/core/src/select-contracts.ts", + "packages/core/src/components/select.ts", + "packages/react/src/select.ts", + "packages/vue/src/select.ts", + "packages/angular/src/select.ts", + "packages/svelte/src/Select.svelte", + "stories/select.example.ts", + "packages/core/src/checkbox-contracts.ts", + "packages/core/src/components/checkbox.ts", + "packages/core/src/components/implicit-submit.ts", + "packages/react/src/checkbox.ts", + "packages/vue/src/checkbox.ts", + "packages/angular/src/checkbox.ts", + "packages/svelte/src/Checkbox.svelte", + "stories/checkbox.example.ts", + "stories/catalog-completion.ts", + "stories/navigation-icons.ts", + "packages/core/src/navigation-scroll.ts", + "packages/core/src/components/navigation-overflow.ts", + "packages/vue/src/native-host-attributes.ts", + "packages/core/src/components/dialog.ts", + "packages/core/src/dialog-contracts.ts", + "packages/core/src/components/card.ts", + "packages/core/src/card-contracts.ts", + "packages/react/src/dialog.ts", + "packages/react/src/card.ts", + "packages/vue/src/dialog.ts", + "packages/vue/src/card.ts", + "packages/angular/src/dialog.ts", + "packages/angular/src/card.ts", + "packages/svelte/src/Dialog.svelte", + "packages/svelte/src/Card.svelte", + "stories/dialog.example.ts", + "stories/card.example.ts", + "tooling/raster-archive.mjs", + "packages/core/src/layout-contracts.ts", + "packages/core/src/components/layout.ts", + "packages/react/src/layout.ts", + "packages/vue/src/layout.ts", + "packages/angular/src/layout.ts", + "packages/svelte/src/Row.svelte", + "packages/svelte/src/Grid.svelte", + "stories/row.example.ts", + "stories/grid.example.ts", + "packages/angular/src/feedback.ts", + "packages/core/src/components/feedback.ts", + "packages/core/src/feedback-contracts.ts", + "packages/react/src/feedback.ts", + "packages/svelte/src/Feedback.svelte", + "packages/vue/src/feedback.ts", + "stories/feedback.example.ts", + "tooling/compatibility.mjs", + "tooling/packaging.mjs", + "tooling/npm-prerelease.mjs" + ], + "tests": [ + "tests/contracts/core.test.ts", + "tests/coverage.test.mjs", + "tests/architecture.test.mjs", + "tests/coverage-evidence.test.mjs", + "tests/consumers/packed.test.ts", + "tests/contracts/registration.test.ts", + "tests/browser/tabs.test.ts", + "tests/browser/react.test.ts", + "tests/browser/vue.test.ts", + "tests/browser/angular.test.ts", + "tests/browser/svelte.test.mjs", + "tests/browser/framework-fixture.ts", + "tests/browser/fixtures/SvelteTabs.svelte", + "tests/consumers/frameworks.ts", + "tests/consumers/fixtures/svelte/pnpm-lock.yaml", + "tests/consumers/fixtures/svelte/index.html", + "tests/consumers/fixtures/svelte/Consumer.svelte", + "tests/consumers/fixtures/svelte/model.ts", + "tests/consumers/fixtures/svelte/package.json", + "tests/consumers/fixtures/svelte/client.ts", + "tests/consumers/fixtures/svelte/tsconfig.json", + "tests/consumers/fixtures/svelte/pnpm-workspace.yaml", + "tests/consumers/fixtures/vue/pnpm-lock.yaml", + "tests/consumers/fixtures/vue/index.html", + "tests/consumers/fixtures/vue/model.ts", + "tests/consumers/fixtures/vue/package.json", + "tests/consumers/fixtures/vue/client.ts", + "tests/consumers/fixtures/vue/tsconfig.json", + "tests/consumers/fixtures/vue/pnpm-workspace.yaml", + "tests/consumers/fixtures/angular/pnpm-lock.yaml", + "tests/consumers/fixtures/angular/index.html", + "tests/consumers/fixtures/angular/model.ts", + "tests/consumers/fixtures/angular/package.json", + "tests/consumers/fixtures/angular/client.ts", + "tests/consumers/fixtures/angular/tsconfig.json", + "tests/consumers/fixtures/angular/pnpm-workspace.yaml", + "tests/consumers/fixtures/react/pnpm-lock.yaml", + "tests/consumers/fixtures/react/index.html", + "tests/consumers/fixtures/react/model.ts", + "tests/consumers/fixtures/react/package.json", + "tests/consumers/fixtures/react/client.ts", + "tests/consumers/fixtures/react/tsconfig.json", + "tests/consumers/fixtures/react/pnpm-workspace.yaml", + "tests/contracts/field.test.ts", + "tests/browser/field.test.ts", + "tests/browser/react-field.test.ts", + "tests/browser/vue-field.test.ts", + "tests/browser/angular-field.test.ts", + "tests/browser/svelte-field.test.mjs", + "tests/browser/field-framework-fixture.ts", + "tests/browser/fixtures/SvelteField.svelte", + "tests/consumers/fields.ts", + "tests/catalog-config.test.mjs", + "tests/contracts/catalog.test.ts", + "tests/typing/storybook.ts", + "tests/storybook/static.test.ts", + "stories/foundation.stories.ts", + "stories/panels.stories.ts", + "stories/field.stories.ts", + "tests/contracts/button.test.ts", + "tests/browser/button.test.ts", + "tests/consumers/buttons.ts", + "stories/button.stories.ts", + "tests/browser/button-framework-fixture.ts", + "tests/browser/react-button.test.ts", + "tests/browser/vue-button.test.ts", + "tests/browser/angular-button.test.ts", + "tests/browser/svelte-button.test.mjs", + "tests/browser/fixtures/SvelteButton.svelte", + "tests/consumers/framework-buttons.ts", + "tests/contracts/select.test.ts", + "tests/browser/select.test.ts", + "tests/browser/select-framework-fixture.ts", + "tests/browser/react-select.test.ts", + "tests/browser/vue-select.test.ts", + "tests/browser/angular-select.test.ts", + "tests/browser/svelte-select.test.mjs", + "tests/browser/fixtures/SvelteSelect.svelte", + "tests/consumers/selects.ts", + "stories/select.stories.ts", + "tests/contracts/checkbox.test.ts", + "tests/browser/checkbox.test.ts", + "tests/browser/checkbox-framework-fixture.ts", + "tests/browser/react-checkbox.test.ts", + "tests/browser/vue-checkbox.test.ts", + "tests/browser/angular-checkbox.test.ts", + "tests/browser/svelte-checkbox.test.mjs", + "tests/browser/fixtures/SvelteCheckbox.svelte", + "tests/consumers/checkboxes.ts", + "tests/consumers/fonts.ts", + "tests/storybook/checkbox-visual.ts", + "tests/typing/catalog-assets.d.ts", + "stories/checkbox.stories.ts", + "tests/browser/catalog-lifecycle.test.ts", + "tests/storybook/lifecycle.ts", + "tests/storybook/screenshot.ts", + "tests/browser/navigation-visual.test.ts", + "tests/storybook/navigation-visual.ts", + "tests/browser/navigation-icons.test.ts", + "tests/consumers/navigation-icons.ts", + "tests/storybook/navigation-icons-visual.ts", + "tests/browser/navigation-overflow.test.ts", + "tests/browser/navigation-overflow-lifecycle.test.ts", + "tests/browser/navigation-overflow-visual.test.ts", + "tests/contracts/navigation-scroll.test.ts", + "tests/storybook/navigation-overflow-visual.ts", + "tests/consumers/navigation-overflow.ts", + "tests/browser/button-presentation.test.ts", + "tests/browser/button-visual.test.ts", + "tests/storybook/button-visual.ts", + "tests/browser/field-presentation.test.ts", + "tests/browser/field-visual.test.ts", + "tests/browser/implicit-submit-native.test.ts", + "tests/storybook/field-visual.ts", + "tests/consumers/implicit-submit.ts", + "tests/storybook/form-lifecycle.ts", + "tests/browser/vue-host-attributes.test.ts", + "tests/contracts/raster-archive.test.mjs", + "tests/storybook/reference-images.ts", + "tests/storybook/card-visual.ts", + "tests/storybook/dialog-visual.ts", + "tests/contracts/card.test.ts", + "tests/contracts/dialog.test.ts", + "tests/browser/card.test.ts", + "tests/browser/dialog.test.ts", + "tests/consumers/cards.ts", + "tests/consumers/dialogs.ts", + "tests/storybook/reference/ha-button/index.json", + "tests/storybook/reference/ha-button/originals.tar", + "tests/storybook/reference/ha-card/index.json", + "tests/storybook/reference/ha-card/originals.tar", + "tests/storybook/reference/ha-checkbox/index.json", + "tests/storybook/reference/ha-checkbox/originals.tar", + "tests/storybook/reference/ha-dialog/index.json", + "tests/storybook/reference/ha-dialog/originals.tar", + "tests/storybook/reference/ha-field/index.json", + "tests/storybook/reference/ha-field/originals.tar", + "tests/storybook/reference/ha-navigation-icons/index.json", + "tests/storybook/reference/ha-navigation-icons/originals.tar", + "tests/storybook/reference/ha-navigation-overflow/index.json", + "tests/storybook/reference/ha-navigation-overflow/originals.tar", + "tests/storybook/reference/ha-navigation/index.json", + "tests/storybook/reference/ha-navigation/originals.tar", + "tests/storybook/reference/ha-select-list/index.json", + "tests/storybook/reference/ha-select-list/originals.tar", + "tests/storybook/reference/ha-select-multiple/index.json", + "tests/storybook/reference/ha-select-multiple/originals.tar", + "tests/storybook/reference/ha-select/index.json", + "tests/storybook/reference/ha-select/originals.tar", + "tests/contracts/layout.test.ts", + "tests/browser/layout.test.ts", + "tests/storybook/layout-visual.ts", + "tests/consumers/layouts.ts", + "tests/storybook/reference/ha-layout/index.json", + "tests/storybook/reference/ha-layout/originals.tar", + "stories/feedback.stories.ts", + "tests/browser/angular-feedback.test.ts", + "tests/browser/feedback-framework-fixture.ts", + "tests/browser/feedback.test.ts", + "tests/browser/fixtures/SvelteFeedback.svelte", + "tests/browser/react-feedback.test.ts", + "tests/browser/svelte-feedback.test.mjs", + "tests/browser/vue-feedback.test.ts", + "tests/consumers/feedback.ts", + "tests/contracts/feedback.test.ts", + "tests/storybook/feedback-visual.ts", + "tests/storybook/reference/ha-feedback/index.json", + "tests/storybook/reference/ha-feedback/originals.tar", + "tests/consumers/ssr.test.mjs", + "tests/consumers/ssr/fixtures/next/app/boundary.jsx", + "tests/consumers/ssr/fixtures/next/app/client-tabs.jsx", + "tests/consumers/ssr/fixtures/next/app/layout.jsx", + "tests/consumers/ssr/fixtures/next/app/page.jsx", + "tests/consumers/ssr/fixtures/next/package.json", + "tests/consumers/ssr/fixtures/next/pnpm-lock.yaml", + "tests/consumers/ssr/fixtures/next/pnpm-workspace.yaml", + "tests/consumers/ssr/fixtures/nuxt/app/app.vue", + "tests/consumers/ssr/fixtures/nuxt/app/components/ClientTabs.client.vue", + "tests/consumers/ssr/fixtures/nuxt/nuxt.config.mjs", + "tests/consumers/ssr/fixtures/nuxt/package.json", + "tests/consumers/ssr/fixtures/nuxt/pnpm-lock.yaml", + "tests/consumers/ssr/fixtures/nuxt/pnpm-workspace.yaml", + "tests/consumers/ssr/fixtures/sveltekit/package.json", + "tests/consumers/ssr/fixtures/sveltekit/pnpm-lock.yaml", + "tests/consumers/ssr/fixtures/sveltekit/pnpm-workspace.yaml", + "tests/consumers/ssr/fixtures/sveltekit/src/app.html", + "tests/consumers/ssr/fixtures/sveltekit/src/routes/+page.svelte", + "tests/consumers/ssr/fixtures/sveltekit/src/routes/ClientTabs.svelte", + "tests/consumers/ssr/fixtures/sveltekit/fixture.vite.config.js", + "tests/consumers/ssr/journey.mjs", + "tests/delivery.test.mjs", + "tests/storybook/engines.test.ts" + ], + "documentation": [ + "README.md", + "docs/component-library.md", + "docs/compatibility.md", + "docs/provenance.md", + "docs/evidence/shared-ui-foundation.json", + "docs/framework-adapters.md", + "docs/storybook.md", + "docs/button-contract.md", + "docs/select-contract.md", + "docs/checkbox-contract.md", + "docs/visual-parity.md", + "docs/evidence/ha-checkbox-reference.json", + "packages/core/NOTICE", + "packages/core/LICENSES/Home-Assistant-Apache-2.0.txt", + "packages/core/LICENSES/Font-Awesome-Free-7.0.0.txt", + "LICENSES/Roboto-Apache-2.0.txt", + "docs/evidence/ha-navigation-reference.json", + "docs/evidence/ha-navigation-icons-reference.json", + "packages/core/LICENSES/Web-Awesome-3.14.0-ha.2-MIT.txt", + "docs/evidence/ha-navigation-overflow-reference.json", + "docs/evidence/ha-button-reference.json", + "docs/evidence/ha-field-reference.json", + "docs/field-contract.md", + "docs/dialog-contract.md", + "docs/card-contract.md", + "docs/evidence/ha-dialog-reference.json", + "docs/evidence/ha-card-reference.json", + "docs/layout-contract.md", + "docs/evidence/ha-layout-reference.json", + "LICENSES/Noto-Sans-Arabic-OFL-1.1.txt", + "docs/evidence/ha-feedback-reference.json", + "docs/feedback-contract.md", + "docs/migration.md", + "examples/consumers/README.md" + ], + "readiness": { + "status": "draft", + "blockingGates": [ + "Exact support pins and public API verification", + "Implementation, coverage and consumer acceptance", + "npm publication rights and source-to-artifact integrity", + "Storybook Pages delivery and human UX review", + "Actual Gateway and Domus adoption" + ], + "implementationEvidence": "Partial: navigation/panels, field, button, typed single/multiple select and boolean checkbox have four real bindings and compiled packed consumers. The60-story catalog has128 accessibility combinations; original HA navigation/overflow/button/filled-field comparisons are recorded separately. The full SSR/browser matrix, remaining families/select calibration, publication/hosting and both application adoptions remain required." + } + } + ] +} diff --git a/specs/shared-ui-foundation.md b/specs/shared-ui-foundation.md new file mode 100644 index 0000000..1ba76af --- /dev/null +++ b/specs/shared-ui-foundation.md @@ -0,0 +1,506 @@ +# Shared Home Assistant presentation foundation + +- Status: Draft +- Date: 2026-11-04 +- Catalog capability ID: shared-ui-foundation +- Last verified: Not applicable to implementation; documentation inventory checked on 2026-11-04. +- Owners: vypdev maintainers; Efrain Espada is the accountable product and publication owner. +- Scope: Shared presentation components, themes, catalog, framework adapters and actual consumer adoption. +- Related issues/PRs: [implementation issue #7](https://github.com/vypdev/ha-ui/issues/7), [documentation bootstrap #8](https://github.com/vypdev/ha-ui/issues/8), [Domus adoption #30](https://github.com/vypdev/domus/issues/30). +- Required review gates: Product UX, architecture, security, test inventory/coverage, packaging, original native SDD publication, consumer acceptance and publication rights. +- Open decisions blocking readiness: Exact dependency/support pins and public component signatures need engineering verification on issue #7. npm publication rights, Pages delivery and actual application compatibility remain unverified. These are pending gates, not delivered behavior. + +## 1. Executive summary + +Build one reusable presentation library for Gateway, Domus and future HA applications. +Lit implements the visual components; the public API uses DOM properties, attributes, slots, +typed events and CSS tokens. Deliver React, Vue, Angular and Svelte adapters in the same repository, +plus direct Lit and HTML/JavaScript consumption. A consumer installs only its chosen adapter. +The applications keep their own data, permissions, routes and page composition. + +```text +Reviewed source -> packed core and adapters -> real compiled consumers -> shared Storybook + -> Gateway adoption and Domus adoption -> verified versioned publication +``` + +Text equivalent: Review one component source, test its packed framework consumers, inspect the +same components in Storybook, then validate actual app adoption before declaring reuse complete. +This Draft is a catalog prerequisite. Merging its documentation does not publish a package, +establish native feature readiness or demonstrate any working adapter. + +## 2. Problem, current behavior, and evidence + +### 2.1 Problem + +Gateway has reusable local presentation helpers. Copying those into each new app would duplicate +visual behavior and fixes. Domus needs household-specific sections and workflows with the same +maintained components and the common upper dashboard navigation, while future apps may use other frameworks. + +### 2.2 Current behavior + +1. At the admitted bootstrap base `8a0657d79a3c8d85414dbc1636ec94531e79a2bf`, ha-ui contains its README and installed Copilot resources, with no product source, package manifest, tests or Storybook. +2. The reviewed Gateway source at commit e47dde303e475a6d03e1d6697ec87a934e93263b has [Lit helper exports](https://github.com/vypdev/homeassistant-gateway/blob/e47dde303e475a6d03e1d6697ec87a934e93263b/frontend/src/ui/index.ts) and [primitives](https://github.com/vypdev/homeassistant-gateway/blob/e47dde303e475a6d03e1d6697ec87a934e93263b/frontend/src/ui/ui-primitives.ts). These paths are external research, not implementation evidence in ha-ui. +3. Its template callbacks and TemplateResult values are not a framework-neutral DOM contract. Extraction needs a deliberate public boundary and an adapter for existing Lit call sites. +4. Domus has separate task/household UI and unfinished recurrence/calendar work. Library documentation does not complete those workflows. + +### 2.3 Evidence and unknowns + +The owner authorized the separate repository, Storybook, required four framework adapters and +Domus-owned UX with the shared upper tab pattern. Issue #7 retains that scope. Gateway source is +MIT-licensed, copyright 2026 vypdev; implementation must pin the exact extraction commit and inspect +every copied code/asset notice. Upstream HA visual compatibility does not grant permission to copy +unreviewed assets. No npm owner permissions, package artifact, Pages site or adapter execution is yet proven. + +### 2.4 Retrospective classification + +Not applicable: this prospective Draft proposes a new library. Installed workflow files establish +repository setup, not an as-built component baseline. + +## 3. Actors, surfaces, and terminology + +| Actor | Goal | Entry point | Visible surface | +|---|---|---|---| +| Household member | Use familiar accessible controls | Domus or Gateway | App-owned pages using shared components | +| App developer | Compose a framework-native experience | Core or selected adapter | Typed imports, examples and migration guide | +| Component maintainer | Fix visual behavior once | ha-ui source and PR | Storybook, contracts and consumer fixtures | +| Publication owner | Release a reviewed compatible cohort | Native repository lifecycle | CI evidence, packed artifacts, package and Pages results | + +Core means the one DOM component implementation. Adapter means a thin framework binding, never +another visual implementation. Cohort means compatible core/adapter releases tested together. +Navigation bar means links to application destinations; panel tabs mean local tab/tabpanel state. +They may look alike but must use the correct distinct accessibility semantics. + +## 4. Goals, non-goals, and fixed invariants + +### 4.1 Goals + +| Requirement | Behavior | +|---|---| +| UIF-01 | Deliver one framework-neutral DOM component API with a Lit implementation and explicit registration; keep application data, authorization and routing in consumers. | +| UIF-02 | Deliver real React, Vue, Angular and Svelte adapter packages plus direct Lit/DOM consumption; verify idiomatic bindings, cleanup, forms and client/import boundaries. | +| UIF-03 | Extract reviewed Gateway presentation families once with theme tokens and preserved source/asset provenance; bundle all visual runtime assets locally. | +| UIF-04 | Provide the common HA-style upper navigation with explicit navigation-versus-panel semantics; let Domus choose its own sections and household experience. | +| UIF-05 | Publish one Storybook built from the same components, with EN/ES, light/dark, keyboard, narrow-screen and reduced-motion acceptance and reviewable PR artifacts. | +| UIF-06 | Start authored behavior with tests, enforce Clean Architecture and 100% statements, branches, functions and lines globally and per authored module; run CI Check on every PR commit. | +| UIF-07 | Ship versioned typed ESM packages with verified packed-artifact installation, framework compatibility, source integrity, publication rights and rollback guidance. | +| UIF-08 | Demonstrate actual Gateway and Domus adoption of the same reviewed package without duplicate visuals or weakened existing application/recovery behavior. | + +### 4.2 Non-goals + +No household task, calendar, inventory, points, rewards or automation policy belongs here. +No HA authentication, token handling, services, entities, MCP logic or app router belongs here. +This change does not publish a clone of HA private frontend bundles, a new framework, or a +second component implementation per adapter. Generic custom-element compatibility alone does +not establish a supported framework or SSR integration. + +### 4.3 Fixed invariants + +All required adapters and direct consumption remain first-cohort deliverables. Core behavior is +shared. Tests precede behavior and coverage may not be weakened by excluding authored modules. +Consumer permission/origin rules and original-operation recovery remain intact. Missing evidence +stays pending. No fake component screen, success state or package version represents delivery. + +## 5. Current versus proposed product journey + +| Stage | Current | Proposed | Observable effect | +|---|---|---|---| +| Choose framework | Gateway-local Lit helpers | Core or one real adapter | Framework choice does not fork visuals | +| Discover components | App-local catalog | One production-backed Storybook | Maintainer can inspect states before adoption | +| Build an app page | App components and styles | Shared controls, app-owned composition | Domus retains household-specific experience | +| Fix/upgrade | Independent duplicated changes | Reviewed cohort and consumer verification | One fix propagates through explicit app upgrades | +| Recover | App-specific rollback | Retained app artifact and compatible package cohort | A failed upgrade preserves user data and work | + +## 6. Functional behavior and state model + +### 6.1 Component contract + +Use the proposed collision-resistant tag prefix `vyp-ha-`; do not register private HA `ha-*` names. +Define explicit client-side registration and per-component imports. Repeated registration of the +same compatible constructor is harmless; a conflicting installed cohort produces an actionable +error. Contract/type imports must be safe without browser globals. Components upgrade in the client; +server-rendered Shadow DOM and universal hydration are not promised. + +Public inputs include typed properties for objects, bounded string/boolean attributes where +appropriate, named slots and documented CSS tokens. Text labels render as inert text. Do not accept +raw HTML strings or framework rendering callbacks in the common API. A Lit-only compatibility +entrypoint may translate existing helper calls, without leaking into core or other adapters. + +Controlled state is owned by the app. Setting a property is not a user action and must not emit a +change event. User intent emits a documented typed event once, with reviewed bubbling/composed and +cancellation semantics. Inputs, options, event detail and link schemes are validated. Inputs assigned +before upgrade survive registration. Form controls support name/value, disabled, validation, reset, +submission and accessible labels through native semantics or one verified equivalent contract. + +Shared families include tokens/type/spacing, upper navigation, buttons, text fields, selects, +checkboxes, cards, rows/grids, dialogs, status/empty/loading/error feedback and responsive layout. +Define each actual signature, event detail, slot and theme token before implementing its family. +No family is considered complete solely because a single example renders. + +### 6.2 Framework adapters + +Proposed packages are `@vypdev/ha-ui`, `@vypdev/ha-ui-react`, `@vypdev/ha-ui-vue`, +`@vypdev/ha-ui-angular` and `@vypdev/ha-ui-svelte`. Names remain subject to registry-rights verification. +Each adapter exposes typed idiomatic bindings/events/content projection and a tested form bridge; +Angular includes its appropriate value-accessor integration. React must survive its verified +rerender/remount lifecycle; Vue must preserve property/value updates; Svelte must preserve its +supported compiler binding contract. All delegate visuals, keyboard and accessibility to core. + +Publish an exact tested compiler/runtime/browser matrix and peer ranges derived from it before +claiming support. Do not infer support for untested versions. Next.js, Nuxt and SvelteKit fixtures +must demonstrate a server shell with an explicit client registration/mount boundary, without +hydration warnings or server DOM access. Keep unsupported server component rendering explicit. + +### 6.3 Lifecycle + +| State | Meaning | Transition | Failure/recovery | +|---|---|---|---| +| Imported contracts | No browser effects | App reaches client boundary | Server import remains inert | +| Registered | Compatible tag defined | Mount component | Conflicts fail before silent reuse | +| Connected | Current inputs/listeners active | User action or input update | App owns accepted mutation/result | +| Disconnected | Owned subscriptions/overlays released | Reconnect | One current subscription set only | +| Upgrade rejected | Incompatible package/API | Restore reviewed cohort | Preserve app data, drafts and requests | + +## 7. User-facing configuration + +| Input | Type | Recommended default | Allowed values | Scope/persistence | +|---|---|---|---|---| +| Theme | Token set | Host-supplied reviewed HA-compatible tokens | Reviewed light/dark tokens and documented overrides | App root; no library storage | +| Locale | Language tag and messages | App locale, English fallback | EN/ES in initial acceptance; app labels remain data | App owns persistence | +| Navigation kind | Explicit enum | Navigation for app sections | Navigation links or local panel tabs | Component instance | +| Selected destination | Stable item ID | App-selected current location | One existing enabled item | App router or local controller | +| Motion | Host/media preference | Honor reduced motion | System preference or stronger reduced motion | Client session, no hidden persistence | +| Component state | Typed properties | Enabled and idle | Documented disabled/loading/error states | App-owned current inputs | + +Invalid item identities, contradictory selected/disabled states, unsafe links and unknown enum values +must fail with a documented bounded diagnostic rather than selecting an arbitrary destination. +There is no global mutable singleton for locale, routing or household data. Recommended: app-level +theme/locale plus navigation links. Alternative: a standalone settings dialog with panel tabs and +its own explicit locale. A visual theme override cannot weaken focus, semantics or disabled behavior. + +## 8. Clean Architecture design + +| Boundary | Owns | Forbidden dependencies | +|---|---|---| +| Pure contracts/policy | Values, events, navigation/selection validation | DOM I/O, frameworks, app models | +| Component controllers | Presentation transitions and semantic ports | HA API, auth, database or application orchestration | +| Lit presentation | One DOM/visual implementation | React/Vue/Angular/Svelte packages, app business policy | +| Framework adapters | Framework mapping, cleanup and form bridge | Other frameworks or duplicate CSS/render behavior | +| Composition/examples | Explicit registration and fixture composition | Private HA modules and production credentials | +| Consuming apps | Router, permissions, commands, state and page composition | Dependence on another app running | + +```mermaid +flowchart LR + A[App-owned page] --> F[Selected adapter] + A --> C[Core DOM contract] + F --> C + L[Lit visual implementation] --> C + L --> P[Pure presentation policy] + S[Storybook and consumer fixtures] --> F + S --> L +``` + +Text equivalent: Applications choose an adapter or core; adapters bind the common contract, one Lit +implementation renders it, and pure policy contains framework-independent decisions. Fixtures exercise +those public boundaries. No shared durable database, command ledger or business transaction is applicable. +Architecture checks enforce inward imports, acyclicity, framework isolation and absence of app/private-HA +imports. Test-only consumers may depend on their framework; they are not production core dependencies. + +## 9. UI/UX and content contract + +Domus chooses its own Overview, Tasks, Calendar, Shopping, Inventory, Family and Settings composition +as those workflows become real. Gateway retains its technical dashboard. Common upper navigation +matches the observed flat dashboard bar, active indicator, spacing, focus and narrow overflow behavior. +App destinations use links/current-location semantics; panel tabs use the tab/tabpanel pattern. +The shared component never invents routes, changes permissions or hides content as authorization. + +Representative Storybook examples show meaning before details: + +| State | Primary visible example | Action and retained state | +|---|---|---| +| Pending | Loading household tasks | No action; current app data remains | +| Action required | Name is required | Focus the named field; draft retained | +| Blocked | Tasks could not be loaded | Try again through the app's handler; existing tasks retained | +| Partial | Three changes saved; one needs review | Review the remaining change; saved facts remain visible | +| Complete | Changes saved | Continue to the selected section; no repeated mutation | + +These are presentation fixtures, not business services inside ha-ui. Use concise accessible text, +headings and non-color status. Dynamic labels remain inert. The app supplies messages and authorization. +Storybook documents every family and significant state in both themes and EN/ES, narrow/wide layouts, +keyboard use and reduced motion. Test accessible names/roles, contrast, focus return and touch targets; +visual references supplement semantic assertions. A human review records whether the bar and controls +fit the host experience. No automated screenshot score substitutes for that judgment. +No unsolicited notifications, issue comments or remote telemetry are generated by components. + +## 10. Failure, recovery, and cleanup + +| Failure | Impact | Retained facts | Retry/action | Cleanup | +|---|---|---|---|---| +| Invalid input | A control cannot represent its requested state | Current valid app state | Correct the named input | No partial app mutation | +| Adapter teardown | A page closes | App data and commands | Remount with current inputs | Remove listeners/observers/overlays | +| Registration conflict | New cohort cannot mount safely | Existing definitions and app data | Load one compatible cohort | Never overwrite registered constructors | +| Consumer build fails | Upgrade is not accepted | Reviewed lock/artifact | Correct compatibility or roll back | Remove only owned generated output | +| Publication partial | Some remote artifacts may exist | Exact package digests and registry observations | Inspect each result before resuming | Never overwrite an existing version | +| App action fails | App decides business effect/result | App-owned drafts/receipt | App supplies recovery action | Library never retries a mutation | + +Error order is impact, known cause, useful action and retained state. No hidden POST retry is applicable. +Retain review evidence, source/lock identity and one current rollback; remove disposable build/test output +after use without deleting authored inputs, another session's resources or unresolved diagnostics. + +## 11. Security, permissions, and privacy + +Core has no HA API access, tokens, storage, analytics, parent-frame DOM inspection or network fetches. +All runtime scripts/fonts/icons/styles are reviewed and bundled locally for both deployment modes. +Unknown assets and unsafe link schemes fail review. Text/event detail are data, never executable markup. +Each app retains permission and origin enforcement. Test malicious labels and injection-shaped inputs. +Storybook/fixtures use fictional household data and no private owner screenshots or credentials. +Publication uses the approved repository lifecycle with minimal package/Pages permissions; package +rights must be verified before publication. This Draft grants no new token or repository permissions. + +## 12. Observability and operational UX + +Consumers receive documented typed errors, not raw household payload dumps. CI and release evidence +identify source, lock, toolchain, package digest, tested framework/browser versions and results. +A missing package right or external delivery outage remains pending, distinct from a failed component +contract. No library background retries or remote log transport exist. Build/Pages diagnostics provide +one primary status/action and links; internal traces remain secondary and exclude secrets/private data. + +## 13. Compatibility, migration, rollout, and rollback + +1. Pin the reviewed Gateway source/license baseline; inventory every helper/style/asset to be extracted. +2. Prove packed fixtures for core and all adapters before broad extraction. Lock exact toolchains and + derive public peer ranges from executed evidence; browser support includes current stable Chromium, + Firefox and WebKit as pinned by the chosen browser harness, with actual results recorded. +3. Extract each family once and retain a tested Lit compatibility boundary while moving Gateway callers. +4. Adopt the same exact reviewed cohort in Domus through its admitted application work. Preserve + Ingress/standalone, EN/ES, private drafts, identity/origin checks and original-operation recovery. +5. Retire local duplicate visuals only when the equivalent app journey passes. Record separate package, + Storybook, Gateway and Domus readiness. A preview is not a Stable release. + +Public exports/types/events/tokens follow semantic versioning. Start with an explicit compatible +cohort, coordinate breaking changes and publish migration notes. Do not silently auto-upgrade consumers. +Retain the prior tested app artifact/lock for rollback; this library has no household data migration. +A component update may not clear data or drafts to make adoption tests pass. + +## 14. Testing strategy and numeric budget + +The following 64 distinct cases are a minimum derived from contract, binding, packaging and adoption +risks. No test is yet implemented. Parameterization counts only independently asserted behavior. +A shared event exercised through several frameworks is separate only where actual framework behavior +is compiled and asserted. Later native appendices retain these cases without renaming or double counting. + +| Area | Minimum distinct cases | Behaviors/risks covered | +|---|---:|---| +| Core DOM contracts | 16 | UIF-01, UIF-02, UIF-03, UIF-04, UIF-05, UIF-07 | +| Framework adapters | 16 | UIF-01, UIF-02, UIF-06 | +| Compiled consumer journeys | 10 | UIF-02, UIF-05, UIF-07 | +| Storybook and accessibility | 8 | UIF-03, UIF-04, UIF-05, UIF-06, UIF-07 | +| Packaging, CI and security | 8 | UIF-01, UIF-02, UIF-03, UIF-06, UIF-07 | +| Adoption and recovery | 6 | UIF-03, UIF-04, UIF-05, UIF-07, UIF-08 | +| **Total** | **64** | Each defined case counted once | + +| Case ID | Area | Requirements | Scenario | +|---|---|---|---| +| shared-ui-foundation-C01 | Core DOM contracts | UIF-01,UIF-03 | Explicit repeated registration reuses compatible constructors and creates no duplicate styles or listeners. | +| shared-ui-foundation-C02 | Core DOM contracts | UIF-01,UIF-07 | A conflicting registered component cohort fails explicitly before an incompatible definition is silently reused. | +| shared-ui-foundation-C03 | Core DOM contracts | UIF-01,UIF-02 | Complex properties assigned before upgrade survive first connection and later replacement without string coercion. | +| shared-ui-foundation-C04 | Core DOM contracts | UIF-01,UIF-02 | Controlled value updates do not emit user-change events or overwrite the current value with stale internal state. | +| shared-ui-foundation-C05 | Core DOM contracts | UIF-01 | Invalid public configuration reports a bounded diagnostic without partial registration or invented application state. | +| shared-ui-foundation-C06 | Core DOM contracts | UIF-01,UIF-02 | Typed composed/bubbling events expose the documented inert detail once; cancellable requests honor cancellation. | +| shared-ui-foundation-C07 | Core DOM contracts | UIF-01,UIF-05 | Named/default slots and accessible names remain correct when localized content changes dynamically. | +| shared-ui-foundation-C08 | Core DOM contracts | UIF-03,UIF-05 | Buttons preserve native activation, disabled/loading prevention and visible keyboard focus without duplicate activation. | +| shared-ui-foundation-C09 | Core DOM contracts | UIF-03,UIF-05 | Text fields preserve labels, descriptions, validation, value, focus and form submission/reset semantics. | +| shared-ui-foundation-C10 | Core DOM contracts | UIF-03,UIF-05 | Select controls preserve typed values, keyboard selection, disabled options and form semantics. | +| shared-ui-foundation-C11 | Core DOM contracts | UIF-03,UIF-05 | Checkbox controls preserve checked/disabled state, accessible name and form reset semantics. | +| shared-ui-foundation-C12 | Core DOM contracts | UIF-04,UIF-05 | Upper navigation exposes links and current location, including modified-click behavior, without claiming panel tab semantics. | +| shared-ui-foundation-C13 | Core DOM contracts | UIF-04,UIF-05 | Panel tabs expose selected tab/panel relationships and keyboard movement with no duplicate or hidden focus targets. | +| shared-ui-foundation-C14 | Core DOM contracts | UIF-03,UIF-05 | Dialog open/cancel/confirm and disconnect return focus appropriately and clean overlays without trapping focus. | +| shared-ui-foundation-C15 | Core DOM contracts | UIF-01,UIF-03 | Untrusted labels and event detail remain inert text; unsafe link targets and raw HTML payloads are rejected. | +| shared-ui-foundation-C16 | Core DOM contracts | UIF-03,UIF-05 | Runtime light/dark and spacing tokens update connected components without changing global document styles. | +| shared-ui-foundation-C17 | Framework adapters | UIF-01,UIF-02,UIF-06 | React: compiled typed inputs and events preserve complex values and exactly-once event delivery. | +| shared-ui-foundation-C18 | Framework adapters | UIF-01,UIF-02,UIF-06 | React: idiomatic controlled forms preserve value, validation, disabled state and reset. | +| shared-ui-foundation-C19 | Framework adapters | UIF-01,UIF-02,UIF-06 | React: slots or framework content projection preserve accessible names and imperative focus. | +| shared-ui-foundation-C20 | Framework adapters | UIF-01,UIF-02,UIF-06 | React: mount, rerender, unmount and remount remove old listeners and preserve only current subscriptions. | +| shared-ui-foundation-C21 | Framework adapters | UIF-01,UIF-02,UIF-06 | Vue: compiled typed inputs and events preserve complex values and exactly-once event delivery. | +| shared-ui-foundation-C22 | Framework adapters | UIF-01,UIF-02,UIF-06 | Vue: idiomatic controlled forms preserve value, validation, disabled state and reset. | +| shared-ui-foundation-C23 | Framework adapters | UIF-01,UIF-02,UIF-06 | Vue: slots or framework content projection preserve accessible names and imperative focus. | +| shared-ui-foundation-C24 | Framework adapters | UIF-01,UIF-02,UIF-06 | Vue: mount, rerender, unmount and remount remove old listeners and preserve only current subscriptions. | +| shared-ui-foundation-C25 | Framework adapters | UIF-01,UIF-02,UIF-06 | Angular: compiled typed inputs and events preserve complex values and exactly-once event delivery. | +| shared-ui-foundation-C26 | Framework adapters | UIF-01,UIF-02,UIF-06 | Angular: idiomatic controlled forms preserve value, validation, disabled state and reset. | +| shared-ui-foundation-C27 | Framework adapters | UIF-01,UIF-02,UIF-06 | Angular: slots or framework content projection preserve accessible names and imperative focus. | +| shared-ui-foundation-C28 | Framework adapters | UIF-01,UIF-02,UIF-06 | Angular: mount, rerender, unmount and remount remove old listeners and preserve only current subscriptions. | +| shared-ui-foundation-C29 | Framework adapters | UIF-01,UIF-02,UIF-06 | Svelte: compiled typed inputs and events preserve complex values and exactly-once event delivery. | +| shared-ui-foundation-C30 | Framework adapters | UIF-01,UIF-02,UIF-06 | Svelte: idiomatic controlled forms preserve value, validation, disabled state and reset. | +| shared-ui-foundation-C31 | Framework adapters | UIF-01,UIF-02,UIF-06 | Svelte: slots or framework content projection preserve accessible names and imperative focus. | +| shared-ui-foundation-C32 | Framework adapters | UIF-01,UIF-02,UIF-06 | Svelte: mount, rerender, unmount and remount remove old listeners and preserve only current subscriptions. | +| shared-ui-foundation-C33 | Compiled consumer journeys | UIF-02,UIF-05,UIF-07 | Lit/DOM: a clean consumer installs packed artifacts, type-checks and runs tabs, fields, button and dialog interactions in a real browser. | +| shared-ui-foundation-C34 | Compiled consumer journeys | UIF-02,UIF-05,UIF-07 | Lit/DOM: the same browser consumer updates EN/ES content and theme at runtime, exercises narrow-screen keyboard navigation, then tears down without retained effects. | +| shared-ui-foundation-C35 | Compiled consumer journeys | UIF-02,UIF-05,UIF-07 | React: a clean consumer installs packed artifacts, type-checks and runs tabs, fields, button and dialog interactions in a real browser. | +| shared-ui-foundation-C36 | Compiled consumer journeys | UIF-02,UIF-05,UIF-07 | React: the same browser consumer updates EN/ES content and theme at runtime, exercises narrow-screen keyboard navigation, then tears down without retained effects. | +| shared-ui-foundation-C37 | Compiled consumer journeys | UIF-02,UIF-05,UIF-07 | Vue: a clean consumer installs packed artifacts, type-checks and runs tabs, fields, button and dialog interactions in a real browser. | +| shared-ui-foundation-C38 | Compiled consumer journeys | UIF-02,UIF-05,UIF-07 | Vue: the same browser consumer updates EN/ES content and theme at runtime, exercises narrow-screen keyboard navigation, then tears down without retained effects. | +| shared-ui-foundation-C39 | Compiled consumer journeys | UIF-02,UIF-05,UIF-07 | Angular: a clean consumer installs packed artifacts, type-checks and runs tabs, fields, button and dialog interactions in a real browser. | +| shared-ui-foundation-C40 | Compiled consumer journeys | UIF-02,UIF-05,UIF-07 | Angular: the same browser consumer updates EN/ES content and theme at runtime, exercises narrow-screen keyboard navigation, then tears down without retained effects. | +| shared-ui-foundation-C41 | Compiled consumer journeys | UIF-02,UIF-05,UIF-07 | Svelte: a clean consumer installs packed artifacts, type-checks and runs tabs, fields, button and dialog interactions in a real browser. | +| shared-ui-foundation-C42 | Compiled consumer journeys | UIF-02,UIF-05,UIF-07 | Svelte: the same browser consumer updates EN/ES content and theme at runtime, exercises narrow-screen keyboard navigation, then tears down without retained effects. | +| shared-ui-foundation-C43 | Storybook and accessibility | UIF-03,UIF-05 | Every component family is discoverable in the static Storybook and imports the production implementation. | +| shared-ui-foundation-C44 | Storybook and accessibility | UIF-05 | Normal, loading, disabled, empty and error examples communicate status and one useful action without color-only meaning. | +| shared-ui-foundation-C45 | Storybook and accessibility | UIF-05 | English and Spanish dynamic labels, descriptions and fallback are understandable at narrow and wide widths. | +| shared-ui-foundation-C46 | Storybook and accessibility | UIF-04,UIF-05 | Upper bar horizontal overflow preserves reachable destinations and visible active/focus state without clipped names. | +| shared-ui-foundation-C47 | Storybook and accessibility | UIF-03,UIF-05 | Light/dark reference states meet contrast and visible-focus checks against the recorded Gateway/HA visual references. | +| shared-ui-foundation-C48 | Storybook and accessibility | UIF-05 | Reduced-motion settings remove nonessential transitions without hiding state or breaking interaction. | +| shared-ui-foundation-C49 | Storybook and accessibility | UIF-05,UIF-06 | Keyboard and accessibility-tree assertions cover dialogs, forms and both navigation semantics beyond screenshot snapshots. | +| shared-ui-foundation-C50 | Storybook and accessibility | UIF-05,UIF-07 | Static Storybook works at the repository Pages subpath with local assets and retains a reviewable per-PR build. | +| shared-ui-foundation-C51 | Packaging, CI and security | UIF-03,UIF-07 | Packed core and adapter exports, declarations, source maps, licenses and asset notices match the reviewed source cohort. | +| shared-ui-foundation-C52 | Packaging, CI and security | UIF-02,UIF-07 | Each adapter declares only its framework peers plus core; a core-only consumer pulls no other framework or unnecessary component entrypoint. | +| shared-ui-foundation-C53 | Packaging, CI and security | UIF-01,UIF-02,UIF-07 | Documented server-safe contract imports work without window/document/customElements; browser registration stays behind the client boundary. | +| shared-ui-foundation-C54 | Packaging, CI and security | UIF-02,UIF-07 | Next.js fixture renders its server shell and mounts the client adapter without duplicate listeners, unsafe server DOM access or hydration warnings. | +| shared-ui-foundation-C55 | Packaging, CI and security | UIF-02,UIF-07 | Nuxt fixture renders its server shell and mounts the client adapter with the documented boundary and no hydration warnings. | +| shared-ui-foundation-C56 | Packaging, CI and security | UIF-02,UIF-07 | SvelteKit fixture renders its server shell and mounts the client adapter with the documented boundary and no hydration warnings. | +| shared-ui-foundation-C57 | Packaging, CI and security | UIF-06,UIF-07 | CI Check fails on any required test, per-module coverage, architecture, packed consumer or catalog failure and runs for each PR head. | +| shared-ui-foundation-C58 | Packaging, CI and security | UIF-01,UIF-03,UIF-07 | Browser assertions and static dependency checks reject hidden network loads, private HA modules, parent DOM/storage access and bundled credentials. | +| shared-ui-foundation-C59 | Adoption and recovery | UIF-03,UIF-04,UIF-08 | Gateway consumes the exact reviewed package for its common bar and presentation in both themes without altering MCP/business behavior. | +| shared-ui-foundation-C60 | Adoption and recovery | UIF-03,UIF-05,UIF-08 | Gateway package adoption preserves existing keyboard/narrow-screen workflows and recorded recovery behavior. | +| shared-ui-foundation-C61 | Adoption and recovery | UIF-04,UIF-08 | Domus Ingress uses the shared upper bar and existing household/task actions with verified identity and permission boundaries. | +| shared-ui-foundation-C62 | Adoption and recovery | UIF-04,UIF-08 | Domus standalone uses the same packed component cohort without HA parent-frame dependencies or changed origin policy. | +| shared-ui-foundation-C63 | Adoption and recovery | UIF-05,UIF-08 | Domus EN/ES private drafts, original-operation recovery and task/preference persistence survive shell adoption and reload. | +| shared-ui-foundation-C64 | Adoption and recovery | UIF-07,UIF-08 | A rejected package update can roll back to the retained reviewed cohort and previous app artifact without deleting household data or retained requests. | + +Enforce 100% supported statements, branches, functions and lines globally and per authored module, +with an independent source inventory. Include production core/adapters and authored build/validation +logic; framework/generated/third-party code is identified separately rather than excluded to hide gaps. +Run meaningful negative architecture/coverage fixtures. Use deterministic clocks/IDs/fakes where +applicable, semantic assertions beyond golden images, and actual packed-package consumers. +Run the browser matrix in CI, including server-shell/client-boundary fixtures and both app deployments. +Local owner HA dogfooding is separate recorded acceptance using current authorization; it is not a unit +suite dependency. Required human visual/UX review remains open until recorded. + +## 15. Documentation and discoverability + +The documentation guide is the initial entrypoint. It will link usage for each framework, component +states, properties/events/slots/tokens, supported matrix, forms, SSR boundaries, migration, publishing, +source/license inventory and cleanup. Storybook and examples must use the actual shipped API. +The table is prospective at the bootstrap commit: implementation files do not exist or enter catalog +evidence until they are real. An implementation must declare additional actual paths before using them. + +| Path | Change | +|---|---| +| specs/shared-ui-foundation.md | update | +| specs/catalog.json | update | +| specs/CATALOG.md | update | +| specs/README.md | reference | +| specs/_template.md | reference | +| README.md | update | +| docs/component-library.md | update | +| package.json | create | +| pnpm-workspace.yaml | create | +| pnpm-lock.yaml | create | +| tsconfig.json | create | +| LICENSE | create | +| .github/workflows/ci_check.yml | create | +| .github/workflows/storybook_pages.yml | create | +| packages/core/package.json | create | +| packages/core/src/index.ts | create | +| packages/core/src/contracts.ts | create | +| packages/core/src/register.ts | create | +| packages/react/package.json | create | +| packages/react/src/index.ts | create | +| packages/vue/package.json | create | +| packages/vue/src/index.ts | create | +| packages/angular/package.json | create | +| packages/angular/src/index.ts | create | +| packages/svelte/package.json | create | +| packages/svelte/src/index.ts | create | +| tests/contracts/core.test.ts | create | +| tests/contracts/adapters.test.ts | create | +| tests/architecture.test.mjs | create | +| tests/coverage-evidence.test.mjs | create | +| tests/consumers/packed.test.ts | create | +| tests/browser/components.spec.ts | create | +| examples/consumers/README.md | create | +| .storybook/main.ts | create | +| .storybook/preview.ts | create | +| stories/foundation.stories.ts | create | +| docs/compatibility.md | create | +| docs/migration.md | create | +| docs/provenance.md | create | +| docs/evidence/shared-ui-foundation.json | create | + +The table describes the feature after this documentation bootstrap is merged; its existing rows are +updates/references at that future feature base. This documentation PR creates the standard, template, +primary draft, catalog/index and guide. It changes no Copilot-owned resource. Consumer repository +paths are owned and admitted separately; they are not falsely declared as ha-ui implementation files. + +## 16. Acceptance scenarios + +1. Given a clean supported framework project, installing only its packed adapter and core renders and + operates the same tabs, fields, buttons and dialogs with correct typed values and no extra frameworks. +2. Given a server-rendered app shell, importing safe contracts has no browser effects; the documented + client boundary mounts once with no hydration warning. Unsupported server rendering stays explicit. +3. Given an EN/ES narrow-screen keyboard user, destinations, labels, disabled/error states and focus + remain understandable in both themes and reduced motion. +4. Given app rerender/disconnect/remount or repeated registration, no listener, observer, overlay or + user-action delivery is duplicated; a conflicting cohort fails explicitly. +5. Given an unsafe label/link or malformed event payload, no code runs, private data is read or app + mutation is retried by the library. +6. Given a common component fix, Storybook and all framework consumers use that same implementation; + Gateway and Domus separately prove their preserved journeys with the reviewed package cohort. +7. Given a failing CI requirement or incomplete adapter/adoption result, CI Check and documentation + report incomplete acceptance instead of claiming release readiness. +8. Given a rejected app upgrade or partial publication, retain exact prior artifacts/data and inspect + observed remote state before retry; no existing package version is overwritten. + +## 17. Requirements traceability + +Each requirement links reciprocally to the distinct inventory above. Sections 6–13 own the contracts; +section 15 names prospective code, examples and documentation. Actual case-to-test/evidence mapping +is an implementation deliverable and currently absent. + +| Requirement | Cases | +|---|---| +| UIF-01 | shared-ui-foundation-C01, shared-ui-foundation-C02, shared-ui-foundation-C03, shared-ui-foundation-C04, shared-ui-foundation-C05, shared-ui-foundation-C06, shared-ui-foundation-C07, shared-ui-foundation-C15, shared-ui-foundation-C17, shared-ui-foundation-C18, shared-ui-foundation-C19, shared-ui-foundation-C20, shared-ui-foundation-C21, shared-ui-foundation-C22, shared-ui-foundation-C23, shared-ui-foundation-C24, shared-ui-foundation-C25, shared-ui-foundation-C26, shared-ui-foundation-C27, shared-ui-foundation-C28, shared-ui-foundation-C29, shared-ui-foundation-C30, shared-ui-foundation-C31, shared-ui-foundation-C32, shared-ui-foundation-C53, shared-ui-foundation-C58 | +| UIF-02 | shared-ui-foundation-C03, shared-ui-foundation-C04, shared-ui-foundation-C06, shared-ui-foundation-C17, shared-ui-foundation-C18, shared-ui-foundation-C19, shared-ui-foundation-C20, shared-ui-foundation-C21, shared-ui-foundation-C22, shared-ui-foundation-C23, shared-ui-foundation-C24, shared-ui-foundation-C25, shared-ui-foundation-C26, shared-ui-foundation-C27, shared-ui-foundation-C28, shared-ui-foundation-C29, shared-ui-foundation-C30, shared-ui-foundation-C31, shared-ui-foundation-C32, shared-ui-foundation-C33, shared-ui-foundation-C34, shared-ui-foundation-C35, shared-ui-foundation-C36, shared-ui-foundation-C37, shared-ui-foundation-C38, shared-ui-foundation-C39, shared-ui-foundation-C40, shared-ui-foundation-C41, shared-ui-foundation-C42, shared-ui-foundation-C52, shared-ui-foundation-C53, shared-ui-foundation-C54, shared-ui-foundation-C55, shared-ui-foundation-C56 | +| UIF-03 | shared-ui-foundation-C01, shared-ui-foundation-C08, shared-ui-foundation-C09, shared-ui-foundation-C10, shared-ui-foundation-C11, shared-ui-foundation-C14, shared-ui-foundation-C15, shared-ui-foundation-C16, shared-ui-foundation-C43, shared-ui-foundation-C47, shared-ui-foundation-C51, shared-ui-foundation-C58, shared-ui-foundation-C59, shared-ui-foundation-C60 | +| UIF-04 | shared-ui-foundation-C12, shared-ui-foundation-C13, shared-ui-foundation-C46, shared-ui-foundation-C59, shared-ui-foundation-C61, shared-ui-foundation-C62 | +| UIF-05 | shared-ui-foundation-C07, shared-ui-foundation-C08, shared-ui-foundation-C09, shared-ui-foundation-C10, shared-ui-foundation-C11, shared-ui-foundation-C12, shared-ui-foundation-C13, shared-ui-foundation-C14, shared-ui-foundation-C16, shared-ui-foundation-C33, shared-ui-foundation-C34, shared-ui-foundation-C35, shared-ui-foundation-C36, shared-ui-foundation-C37, shared-ui-foundation-C38, shared-ui-foundation-C39, shared-ui-foundation-C40, shared-ui-foundation-C41, shared-ui-foundation-C42, shared-ui-foundation-C43, shared-ui-foundation-C44, shared-ui-foundation-C45, shared-ui-foundation-C46, shared-ui-foundation-C47, shared-ui-foundation-C48, shared-ui-foundation-C49, shared-ui-foundation-C50, shared-ui-foundation-C60, shared-ui-foundation-C63 | +| UIF-06 | shared-ui-foundation-C17, shared-ui-foundation-C18, shared-ui-foundation-C19, shared-ui-foundation-C20, shared-ui-foundation-C21, shared-ui-foundation-C22, shared-ui-foundation-C23, shared-ui-foundation-C24, shared-ui-foundation-C25, shared-ui-foundation-C26, shared-ui-foundation-C27, shared-ui-foundation-C28, shared-ui-foundation-C29, shared-ui-foundation-C30, shared-ui-foundation-C31, shared-ui-foundation-C32, shared-ui-foundation-C49, shared-ui-foundation-C57 | +| UIF-07 | shared-ui-foundation-C02, shared-ui-foundation-C33, shared-ui-foundation-C34, shared-ui-foundation-C35, shared-ui-foundation-C36, shared-ui-foundation-C37, shared-ui-foundation-C38, shared-ui-foundation-C39, shared-ui-foundation-C40, shared-ui-foundation-C41, shared-ui-foundation-C42, shared-ui-foundation-C50, shared-ui-foundation-C51, shared-ui-foundation-C52, shared-ui-foundation-C53, shared-ui-foundation-C54, shared-ui-foundation-C55, shared-ui-foundation-C56, shared-ui-foundation-C57, shared-ui-foundation-C58, shared-ui-foundation-C64 | +| UIF-08 | shared-ui-foundation-C59, shared-ui-foundation-C60, shared-ui-foundation-C61, shared-ui-foundation-C62, shared-ui-foundation-C63, shared-ui-foundation-C64 | + +## 18. Implementation sequence + +1. Merge this truthful documentation prerequisite; retry the existing issue #7 against the new trusted + source. Native clarification, SDD publication and exact branch admission still precede feature code. +2. Resolve toolchain/support pins, signatures, registration and package rights; establish CI Check, + independent coverage/architecture checks and test-first core/adapter scaffolding. +3. Prove real packed consumption in all required frameworks and server-shell/client boundaries. +4. Inventory provenance, then extract visual families once with contracts, accessibility and stories. +5. Complete the Storybook delivery and consumer documentation from the same shipped implementation. +6. Adopt actual reviewed artifacts through Gateway and Domus work, preserve recovery and verify both + deployment modes; publish only when each required gate has supporting evidence. + +## 19. Definition of Done + +- [ ] Native feature SDD publication and exact Action-managed branch readiness verified. +- [ ] All eight requirements and 64 cases map to real tests/evidence without duplicates. +- [ ] One component implementation; four working adapters plus direct Lit/DOM consumption. +- [ ] Clean Architecture, complete per-module/global coverage and every-commit CI Check pass. +- [ ] Typed properties/events, forms, slots, lifecycle, client/SSR boundaries and compatibility matrix pass. +- [ ] Production-backed Storybook, EN/ES, themes, narrow/wide keyboard and reduced motion reviewed. +- [ ] MIT/source/asset provenance and package rights verified; packed/source integrity and Pages delivery accepted. +- [ ] Real Gateway and Domus adoption preserves business behavior, permissions, drafts and recovery. +- [ ] User/contributor/operator documentation, migrations and retained rollback are complete. +- [ ] Catalog evidence and original SDK-generated index match real implemented files and current status. +- [ ] No required adapter, app acceptance, human review or publication gate remains unverified. + +## 20. References and decisions + +- [ha-ui feature #7](https://github.com/vypdev/ha-ui/issues/7): full first-cohort scope. +- [Domus adoption #30](https://github.com/vypdev/domus/issues/30): app-owned shell and workflows. +- [Gateway source](https://github.com/vypdev/homeassistant-gateway): read-only extraction reference; exact code/license pin must accompany copied material. +- [Lit React integration](https://lit.dev/docs/frameworks/react/), [Vue Web Components](https://vuejs.org/guide/extras/web-components.html), [Angular custom elements schema](https://angular.dev/api/core/CUSTOM_ELEMENTS_SCHEMA) and [Svelte custom elements](https://svelte.dev/docs/svelte/custom-elements): primary integration references, not execution evidence for this library. +- [Copilot pre-branch SDDs](https://github.com/vypdev/copilot/blob/3e7ceea08e6131360e026937d1c0cc1b120472e0/docs/issues/pre-branch-sdds.mdx): proposed bootstrap and native gate. + +Decisions: one repo/visual implementation; required React/Vue/Angular/Svelte adapters; Lit/DOM direct +use; own Storybook; Domus owns UX except the common upper bar pattern. Rejected: duplicated visual +libraries per framework, copying app components into Domus, or claiming Web Components alone prove +framework support. Exact signatures and toolchain pins remain engineering gates for issue #7. diff --git a/specs/shared-ui-framework-delivery.md b/specs/shared-ui-framework-delivery.md new file mode 100644 index 0000000..cbd35b8 --- /dev/null +++ b/specs/shared-ui-framework-delivery.md @@ -0,0 +1,764 @@ +# Shared UI Framework Delivery + +- Status: Draft +- Date: 2026-11-04 +- Catalog capability ID: `shared-ui-foundation` +- Last verified: not applicable; this is a prospective companion +- Owners: vypdev maintainers; Efra Espada (accountable product and publication owner) +- Scope: Define executable delivery gates for the shared UI capability while retaining its existing owning contract. +- Related issues/PRs: [Issue #7](https://github.com/vypdev/ha-ui/issues/7); [Domus adoption issue #30](https://github.com/vypdev/domus/issues/30) +- Required review gates: product UX, architecture, testing, documentation, security/operations +- Open decisions blocking readiness: Exact locks, compiler/browser execution, justified public peer ranges, and verified npm publisher rights remain implementation gates. No unresolved product-scope decision is known. + +This companion supplements [the retained foundation specification](shared-ui-foundation.md), which remains authoritative for product goals, UX, architecture, the complete baseline case inventory, and Gateway and Domus adoption gates. It does not replace, redefine, or recount that baseline. It is a proposed addition under the existing catalog owner; it is not implementation evidence or branch readiness. + +## 1. Executive summary + +Deliver the retained shared component capability through a reproducible, tested package cohort. First establish a pinned toolchain and real compiled consumer fixtures. Verify publication authority and artifact integrity for the prerelease cohort, then adopt those exact packages in the applications. Stable publication retains both installed application acceptance gates. The implementation stays within the existing owner's contract. The three requirements below refine delivery controls only. + +```text +Pinned toolchain -> compiled fixtures and reviewed packed candidate -> verified prerelease publication -> installed consumer acceptance -> stable release review +``` + +No framework support, publication authority, or completed adoption is inferred from candidate versions or package names. Planned acceptance cases in this draft have not been executed. + +## 2. Problem, current behavior, and evidence + +### 2.1 Problem + +The owner needs delivery evidence that makes the same shared implementation reproducible across framework adapters and real consumers. Unlocked tools, changed candidate bytes, temporary fixture paths, or partial publication could otherwise produce misleading support or adoption claims. + +### 2.2 Current behavior + +The following observations describe the pre-implementation baseline at the reviewed base below. Later partial implementation and verification are recorded in [the implementation evidence](../docs/evidence/shared-ui-foundation.json); complete release and application adoption remain pending. + +1. The validated catalog at base `d885bccf2c3152c3151471d3efaabd901429d6bd` records `shared-ui-foundation` as proposed, with no runtime implementation, entrypoints, code, or tests. +2. At that reviewed base, the repository contains documentation and the reviewed Copilot installation; no shared package, adapters, or Storybook are implemented or published. +3. Candidate registry versions are read-only research, not executed support claims. No consumer acceptance or publication-rights evidence is supplied. + +### 2.3 Evidence + +- Code/workflow/documentation references: `specs/shared-ui-foundation.md`; `specs/catalog.json`; `specs/CATALOG.md`; `specs/README.md`; `specs/_template.md`; `README.md`; `docs/component-library.md`. +- Related source: [Gateway presentation sources at the cited revision](https://github.com/vypdev/homeassistant-gateway/tree/e47dde303e475a6d03e1d6697ec87a934e93263b/frontend/src/ui). +- Owner scope decision: [Domus issue comment](https://github.com/vypdev/domus/issues/30#issuecomment-6620523378). +- External primary sources: candidate versions from read-only official registry metadata: Lit 3.3.3, React 19.3.1, Vue 3.5.44, Angular 22.2.4, Svelte 5.57.3, Vite 8.3.5, Storybook 10.6.5, Vitest 5.1.0, Playwright 1.64.1, TypeScript 6.0.3, and Node 24.20.0. These are candidates only. Angular compiler-cli 22.2.4 requires TypeScript >=6.0 <6.1; registry-latest TypeScript 7.0.2 is incompatible. +- Unknowns: Actual passing locks and browser matrix, public peer ranges, npm publisher rights, and implementation results. + +### 2.4 Retrospective classification (as-built baselines only) + +Not applicable: this is prospective delivery work and reconstructs no implemented baseline. + +## 3. Actors, surfaces, and terminology + +| Actor | Goal | Entry point | Visible surfaces | +|---|---|---|---| +| Component maintainer | Build and verify the same implementation and adapters | Repository changes and CI | Checks, packed artifacts, Storybook, docs | +| Gateway and Domus maintainers | Verify and adopt the accepted cohort | Their admitted owning work | Consumer builds, browser behavior, deployment evidence | +| Publication owner | Verify provenance, rights, and release cohort | Release review | Integrity records and registry results | +| Application user | Use the retained application experience | Gateway or Domus | Each application's own UI | + +“Candidate” means a locally built packed artifact not yet accepted. “Accepted cohort” means the exact mutually reviewed package bytes and source revision. “Published cohort” means those exact bytes were observed at their authorized package coordinates. Neither term means application adoption. The primary product and technical language is English. + +## 4. Goals, non-goals, and fixed invariants + +### 4.1 Goals + +| Requirement | Behavior | +|---|---| +| UIFD-01 | The compatibility gate MUST reject incompatible or unlocked candidate toolchains before accepting package artifacts, while retaining the previous reviewed lock and support evidence. | +| UIFD-02 | Promotion MUST verify the exact accepted candidate archive bytes and prevent temporary candidate dependency paths from entering shipped consumer manifests. | +| UIFD-03 | Partial cohort publication MUST preserve individually observed version and digest results and refuse overwrites or a false complete-cohort outcome during recovery. | + +### 4.2 Non-goals + +1. Redefine the retained foundation's product goals, component API, UX, architecture, or 64-case baseline. +2. Treat candidate package versions as proven compatibility, publisher rights, or implementation evidence. +3. Add another catalog owner, visual implementation, or private temporary dependency to a shipped application. + +### 4.3 Fixed product/safety invariants + +1. `specs/shared-ui-foundation.md` remains verbatim and authoritative; its UIF-01..UIF-08, 64 distinct baseline cases, required adapters, and both app-adoption gates remain required. This companion neither redeclares nor recounts those cases. +2. One common implementation owns visual behavior and accessibility. Gateway and Domus retain their own experiences; only the shared upper dashboard-style tab bar is the common navigation pattern. +3. Never claim support, publication, or adoption without the corresponding executed evidence. Preserve Copilot source and installed resources unchanged. + +## 5. Current versus proposed product journey + +| Stage | Current | Proposed | User/operator effect | +|---|---|---|---| +| Toolchain | No implementation evidence | Frozen, compatible lock and support evidence gate artifacts | Reproducible candidate and explicit failure reason | +| Candidate | No accepted archive | Build and record source revision, archive digest, dependencies, licenses, and compatibility | Reviewers can identify exact bytes | +| Consumer check | No real fixtures or app acceptance | Test packed bytes in framework fixtures and both admitted application workstreams | Adoption refers to one candidate | +| Publication | No publication evidence | Verify rights, publish the exact reviewed prerelease cohort and record each coordinate | Partial release is visible and recoverable | + +```mermaid +flowchart LR + A[Freeze compatible toolchain] --> B[Build and digest candidate] + B --> C[Compiled consumer fixtures] + C --> D[Verify rights and publish the prerelease] + D --> E[Installed consumer and deployment acceptance] + E --> F[Stable release review] +``` + +Text equivalent: freeze the toolchain, build and test the candidate, verify rights and publish the prerelease, then complete installed consumer acceptance before stable release review. + +## 6. Functional behavior and state model + +### 6.1 Happy path + +1. CI validates exact direct and transitive locks, runtime/compiler compatibility, and the declared supported matrix. +2. The build produces reproducible packed artifacts and records source revision, package versions, integrity digests, dependencies, licenses, and compatibility. +3. Packed artifacts are installed in actual compiled direct-DOM and framework fixtures. The prerelease publishes those reviewed bytes so owning application work can adopt them. +4. Verify publisher authority and artifact digests before publishing. A production tag identifies the prerelease commit and its successful CI artifact. Stable publication also requires both application receipts. +5. Consumer pins and deployed acceptance refer to the published version/digest cohort. Publication alone does not mark the capability implemented. + +### 6.2 Alternative paths + +- Incompatible or unlocked tools reject the candidate before acceptance; retain prior lock and evidence. +- Changed candidate bytes fail promotion; retain the accepted archive for inspection. +- A partial release records observed versions/digests by package and remains incomplete. Resume only exact verified results; never overwrite or claim completion. +- A rights failure blocks publication while allowing local candidate checks to be reported separately. + +### 6.3 State machine + +| State | Entered when | User-visible meaning | Allowed next states | Recovery/owner | +|---|---|---|---|---| +| Draft | Companion proposed | Delivery contract is not ready | Candidate | Maintainers resolve gates | +| Candidate | Frozen build produced | Unaccepted bytes available for checks | Accepted, rejected | CI and maintainers | +| Accepted | All applicable evidence and digests reviewed | Exact candidate may proceed to authorized release | Publishing, rejected on discrepancy | Review owner | +| Publishing | Authorized cohort release begins | Some package results may be irreversible | Published cohort, partial | Publication owner resumes by digest | +| Partial | One or more results observed, cohort incomplete | Release incomplete; consumers must not promote | Publishing, blocked | Publication owner inspects exact results | +| Published cohort | All exact package bytes observed | Packages available; app acceptance remains separate | Consumer acceptance | Application owners | +| Consumer accepted | Required installed/deployment evidence passes | Required adoption evidence is complete | Complete | Capability owner | +| Rejected/blocked | A gate fails | No new acceptance claim | Candidate after correction, or blocked | Responsible gate owner | + +Duplicate release attempts MUST treat an exact version and matching digest as already observed; a conflicting digest MUST fail closed. Out-of-order or stale evidence cannot advance state. No automatic live-registry retry is specified; the owner resumes after inspecting recorded results. + +## 7. User-facing configuration + +This companion adds no end-user configuration. Tool versions and package peer ranges are release engineering inputs, recorded in exact locks and the compatibility record; they are not user-selectable settings. Proposed candidate pins are the versions listed in 2.3, with Node 24.20.0 and TypeScript 6.0.3 candidates. The reviewed lock MUST satisfy engine and compiler constraints; no absent or inconsistent lock may resolve implicit latest versions. Only versions actually passing compiled fixtures and browser checks may become supported pins or justified public peer ranges. The lock is immutable for an accepted candidate. No runtime feature or safety invariant is configurable. + +## 8. Clean Architecture design + +### 8.1 Responsibilities and dependency direction + +| Layer/boundary | Owns | Must not own/import | +|---|---|---| +| Domain/pure policy | Compatibility, cohort completeness, digest and promotion invariants | Framework, registry SDK, application business rules | +| Application | Candidate acceptance and staged release decisions | Concrete registry clients or consumer-specific UX | +| Semantic ports | Read lock/build evidence, inspect packed bytes, record publish observations | Provider DTOs or policy decisions | +| Adapters/data | Package-manager, test-runner, browser, and authorized registry integration | Product policy | +| Infrastructure/composition | Frozen tools, deterministic fixtures, CI wiring | Duplicated compatibility decisions | +| Entrypoints | CI and explicit release invocation | Hidden retries or duplicated orchestration | +| Presentation | CI summaries, compatibility and release evidence | Mutations or acceptance policy | + +```mermaid +flowchart LR + E[CI or release entrypoint] --> A[Acceptance and promotion use cases] + A --> D[Compatibility and cohort policies] + A --> P[Evidence and registry ports] + I[Tool and registry adapters] --> P + A --> V[Review and operator evidence] +``` + +### 8.2 Contracts, state, and trust boundaries + +- Pure decisions: supported lock compatibility, candidate equality, promotion eligibility, and cohort completion. +- Application contracts: immutable source revision, lock digest, artifact identity/digest, and per-coordinate publication observation. +- Semantic ports: compatibility evidence, packed archive inspection, and publication observation. +- Durable state/schema ownership: repository lock and review evidence before release; append-only observed release record for publication results. +- Concurrency/idempotency: serialize publication per cohort; matching observed version/digest is idempotent; mismatch fails without overwrite. +- Trusted and untrusted inputs: package metadata, archives, consumer manifests, registry responses, and generated diagnostics are untrusted until structurally validated. +- Provider error mapping: distinguish incompatibility, integrity mismatch, authorization failure, transient provider error, and partial publication; never erase successful observations. + +### 8.3 Executable architecture constraints + +`tests/architecture.test.mjs` MUST enforce package dependency direction, reject application/service/business-rule imports from the component packages, and reject adapter dependencies on another framework adapter. `tests/delivery.test.mjs` MUST parse candidate and cohort records structurally and enforce digest, lock, and no-private-path rules. The common package alone owns visual behavior; adapters may bind framework lifecycle and forms behavior only. + +## 9. UI/UX and content contract + +### 9.1 Information hierarchy + +CI, release review, and docs show current state, verified completed facts, next transition, required human action, impact and inspectable links, then technical diagnostics. A package publication result is never presented as application adoption. + +### 9.2 Representative primary view + +```markdown +# Shared UI delivery: partial publication + +> **Current status:** 3 of 5 packages have matching published digests. +> +> **Action required:** Inspect the two remaining package results before resuming. + +## Progress + +- [x] Accepted candidate source revision and archive digests recorded +- [x] Three package results match the accepted cohort +- [ ] Two package results remain unverified +- [ ] Gateway and Domus installed acceptance remains pending + +## What happens next + +The publication owner checks the recorded versions and resumes only matching +accepted bytes. Consumer pins do not change while the cohort is partial. + +## Links + +[Issue #7](https://github.com/vypdev/ha-ui/issues/7) · Release run: not published (example) · [Compatibility record](../docs/compatibility.md) + +
Technical detailsSource revision, package coordinates, versions, digests, and sanitized provider diagnostics.
+``` + +### 9.3 Issue, PR, and comment behavior + +- Titles identify the capability and state; PR summaries link the issue, exact source revision, CI run, compatibility record, packed artifact evidence, and consumer work. +- Merge/close does not imply publication or adoption. Retry means inspect the durable result and resume exact missing cohort members. +- CI checks are supplemental to recorded facts. Update the existing issue/PR evidence idempotently; no release automation comment is required. If comments are used, budget one status comment per transition and update it rather than posting retries. +- Use descriptive links, no fabricated local paths or runtime claims. + +### 9.4 Accessibility, localization, and responsive behavior + +The shared component surfaces retain the foundation's English and Spanish, keyboard, reduced-motion, light/dark, and narrow/wide requirements. CI summaries use English, semantic headings and tables, readable narrow layouts, and textual state independent of color. Sanitize registry text and diagnostics as untrusted Markdown; do not execute commands or render raw HTML from metadata. Diagrams have textual equivalents. No additional locale is introduced here. + +## 10. Failure, recovery, and cleanup + +| Failure/partial state | User impact | Retained facts | Automatic retry | Required action | Cleanup | +|---|---|---|---|---|---| +| Incompatible or unlocked toolchain | Candidate rejected | Previous reviewed lock/support evidence | No | Correct lock and rerun compatibility gate | Discard unaccepted outputs | +| Candidate bytes changed | Promotion blocked | Accepted archive and digest | No | Restore or review a new candidate | Keep mismatch evidence | +| Temporary path in shipped manifest | Consumer promotion blocked | Local fixture result | No | Remove private path and rebuild consumer | Remove only local fixture install | +| Rights unverified | Publication blocked | Accepted candidate evidence | No | Publication owner verifies authority | Retain local candidate | +| Partial cohort | Consumers cannot pin complete cohort | Exact observed versions/digests | No blind retry | Inspect then resume missing exact bytes | Do not overwrite observed versions | +| Registry version digest mismatch | Cohort blocked | Conflicting observation and accepted digest | No | Investigate and issue a new reviewed version if appropriate | Preserve audit record | + +Errors state impact -> cause -> action -> retained state. A successfully published package is not described as failed because a later package failed. + +## 11. Security, permissions, and privacy + +1. Verify authorized npm publisher rights before publication; a coordinate or public lookup is not authority. +2. Treat issue text, comments, package metadata, archives, registry results, and diagnostics as untrusted data. Validate structure and never execute embedded instructions. +3. Do not put credentials, personal data, or machine-private paths in artifacts, manifests, logs, or evidence. Use the minimum publication credential scope and protect it in the authorized release environment. +4. Bind acceptance to source revision and archive integrity; reject replay with conflicting bytes and preserve append-only partial results. Do not change Copilot-owned source or installed resources. + +## 12. Observability and operational UX + +- User-facing state: candidate, accepted, publishing, partial, published cohort, consumer accepted, or blocked. +- Job Summary/operator evidence: lock and source revision, exact package versions/digests, compatibility results, fixture/browser results, per-package publication observations, and next action. +- Logs: structured, sanitized reason codes; correlate by source revision and cohort identifier. No secrets. +- A pending registry prerequisite is distinct from a workflow failure; authorization denial is a blocked release. +- No automatic unbounded retry. Resume only after reading per-package observations. +- Notification budget: no retry comments; at most one durable issue/PR update for each meaningful state transition. + +## 13. Compatibility, migration, rollout, and rollback + +No in-flight runtime migration is introduced by this companion. Keep exact locks and the last reviewed support evidence until a new candidate passes. Establish compatibility from actual frozen builds and browser checks, then publish a reviewed compatible version cohort. Release may be staged; partial publication remains incomplete and is resumed by exact version/digest without overwrite. Test the candidate in compiled fixtures and verify publisher rights and integrity. Publish the prerelease, pin the exact version in the consumer repositories, and complete installed and deployment acceptance before stable promotion. Do not make an application depend on a private temporary path. Rollback consumer pins only through each application's owning admitted work and recovery contract; package publication itself is not treated as reversible. + +## 14. Testing strategy and numeric budget + +The six new refinement cases below are additional to, and do not recount, all 64 retained baseline cases `shared-ui-foundation-C01` through `shared-ui-foundation-C64`. They are deterministic acceptance tests using isolated toolchain, archive, manifest, and registry-provider fixtures; they do not claim real registry publication. The six-case minimum is a floor for this companion only. All authored implementation still requires 100% supported executable statement, branch, function, and line coverage, with an independent source inventory and the retained foundation's full coverage and CI gates. CI runs applicable checks for every PR update, including type, architecture, build, browser, packaging, and coverage evidence. Use no live services or real waits; test exact failure and recovery facts. Human review must separately inspect application UX and deployment evidence. + +| Area | Minimum distinct cases | Behaviors/risks covered | +|---|---:|---| +| Toolchain compatibility rejection | 2 | Observable scenarios in the case inventory. | +| Candidate promotion integrity | 2 | Observable scenarios in the case inventory. | +| Partial cohort recovery | 2 | Observable scenarios in the case inventory. | +| Total | 6 | Distinct inventory cases; repeated executions do not add cases. | + +| Case ID | Area | Requirements | Scenario | +|---|---|---|---| +| shared-ui-framework-delivery-C01 | Toolchain compatibility rejection | UIFD-01 | With the supported Angular compiler candidate, substituting incompatible TypeScript 7 fails the compatibility/build gate before artifact acceptance; the reviewed TypeScript 6 lock remains unchanged. | +| shared-ui-framework-delivery-C02 | Toolchain compatibility rejection | UIFD-01 | An absent or inconsistent frozen transitive lock fails candidate creation without resolving an implicit latest dependency or changing retained lock/support evidence. | +| shared-ui-framework-delivery-C03 | Candidate promotion integrity | UIFD-02 | A candidate archive whose bytes change after acceptance fails digest/source-cohort verification before publication or consumer promotion, retaining the original accepted archive. | +| shared-ui-framework-delivery-C04 | Candidate promotion integrity | UIFD-02 | A staged app manifest with a machine-private temporary package dependency fails the shipped-consumer gate, while an isolated fixture can still exercise the accepted packed candidate locally. | +| shared-ui-framework-delivery-C05 | Partial cohort recovery | UIFD-03 | A simulated failure while publishing one adapter retains each already-observed exact version/digest and reports an incomplete cohort; it neither updates shipped consumer pins nor repeats verified successful publications. | +| shared-ui-framework-delivery-C06 | Partial cohort recovery | UIFD-03 | Recovery observes an existing version with different bytes than its accepted cohort record and fails without overwriting, silently substituting another version, or claiming that all adapters are delivered. | + +## 15. Documentation and discoverability + +| Audience | Artifact/page | Required content | Validation/navigation | +|---|---|---|---| +| User and application maintainer | `docs/component-library.md` | Normal adoption route, package use, and separation of publication from adoption | Links and packed consumer fixtures | +| Setup and release owner | `docs/compatibility.md`; `docs/provenance.md` | Exact matrix, rights, dependencies, licenses, revision, integrity, and staged release recovery | Compatibility and delivery checks | +| Operator | `docs/component-library.md` | State meanings and partial release recovery | Release evidence links | +| Contributor | `docs/migration.md`; `examples/consumers/README.md` | Migration, architecture, and compiled-consumer boundaries | Examples synchronized with fixtures | +| Storybook reviewer | `stories/foundation.stories.ts` | Shipped implementation examples and state/theme controls | Storybook build and review | + +Prospective repository files (current documents are classified against the immutable base `d885bccf2c3152c3151471d3efaabd901429d6bd`): + +| Path | Change | +|---|---| +| `specs/shared-ui-framework-delivery.md` | create | +| `specs/shared-ui-foundation.md` | reference | +| `specs/catalog.json` | update | +| `specs/CATALOG.md` | update | +| `specs/README.md` | update | +| `specs/_template.md` | reference | +| `README.md` | update | +| `docs/component-library.md` | update | +| `package.json` | create | +| `pnpm-workspace.yaml` | create | +| `pnpm-lock.yaml` | create | +| `tsconfig.json` | create | +| `packages/core/LICENSE` | create | +| `.gitignore` | create | +| `.node-version` | create | +| `.npmrc` | create | +| `packages/core/tsconfig.json` | create | +| `tooling/coverage.mjs` | create | +| `tests/coverage.test.mjs` | create | +| `LICENSE` | create | +| `.github/workflows/ci_check.yml` | create | +| `.github/workflows/npm_release.yml` | create | +| `.github/workflows/storybook_pages.yml` | create | +| `packages/core/package.json` | create | +| `packages/core/src/index.ts` | create | +| `packages/core/src/contracts.ts` | create | +| `packages/core/src/register.ts` | create | +| `packages/react/package.json` | create | +| `packages/react/src/index.ts` | create | +| `packages/vue/package.json` | create | +| `packages/vue/src/index.ts` | create | +| `packages/angular/package.json` | create | +| `packages/angular/src/index.ts` | create | +| `packages/svelte/package.json` | create | +| `packages/svelte/src/index.ts` | create | +| `tests/contracts/core.test.ts` | create | +| `tests/contracts/registration.test.ts` | create | +| `tests/browser/tabs.test.ts` | create | +| `tests/contracts/adapters.test.ts` | create | +| `tests/architecture.test.mjs` | create | +| `tests/coverage-evidence.test.mjs` | create | +| `tests/consumers/packed.test.ts` | create | +| `tests/browser/components.spec.ts` | create | +| `examples/consumers/README.md` | create | +| `.storybook/main.ts` | create | +| `.storybook/preview.ts` | create | +| `stories/foundation.stories.ts` | create | +| `docs/compatibility.md` | create | +| `docs/migration.md` | create | +| `docs/provenance.md` | create | +| `docs/evidence/shared-ui-foundation.json` | create | +| `packages/core/src/components/button.ts` | create | +| `packages/core/src/components/field.ts` | create | +| `packages/core/src/components/tabs.ts` | create | +| `packages/core/src/components/dialog.ts` | create | +| `packages/core/src/tokens.ts` | create | +| `packages/svelte/src/Button.svelte` | create | +| `packages/svelte/src/Field.svelte` | create | +| `packages/svelte/src/Tabs.svelte` | create | +| `packages/svelte/src/Dialog.svelte` | create | +| `playwright.config.ts` | create | +| `vitest.config.ts` | create | +| `examples/dom/package.json` | create | +| `examples/dom/README.md` | create | +| `examples/react/package.json` | create | +| `examples/react/README.md` | create | +| `examples/vue/package.json` | create | +| `examples/vue/README.md` | create | +| `examples/angular/package.json` | create | +| `examples/angular/README.md` | create | +| `examples/svelte/package.json` | create | +| `examples/svelte/README.md` | create | +| `examples/next/package.json` | create | +| `examples/next/README.md` | create | +| `examples/nuxt/package.json` | create | +| `examples/nuxt/README.md` | create | +| `examples/sveltekit/package.json` | create | +| `examples/sveltekit/README.md` | create | +| `tooling/packaging.mjs` | create | +| `tooling/npm-prerelease.mjs` | create | +| `tooling/compatibility.mjs` | create | +| `tests/delivery.test.mjs` | create | +| `docs/framework-adapters.md` | create | +| `packages/angular/LICENSE` | create | +| `packages/angular/ng-package.json` | create | +| `packages/angular/tsconfig.json` | create | +| `packages/react/LICENSE` | create | +| `packages/react/tsconfig.json` | create | +| `packages/svelte/LICENSE` | create | +| `packages/svelte/src/types.ts` | create | +| `packages/svelte/svelte.config.js` | create | +| `packages/svelte/tsconfig.json` | create | +| `packages/vue/LICENSE` | create | +| `packages/vue/tsconfig.json` | create | +| `tests/browser/angular.test.ts` | create | +| `tests/browser/fixtures/SvelteTabs.svelte` | create | +| `tests/browser/framework-fixture.ts` | create | +| `tests/browser/react.test.ts` | create | +| `tests/browser/svelte.test.mjs` | create | +| `tests/browser/vue.test.ts` | create | +| `tests/consumers/fixtures/angular/client.ts` | create | +| `tests/consumers/fixtures/angular/index.html` | create | +| `tests/consumers/fixtures/angular/model.ts` | create | +| `tests/consumers/fixtures/angular/package.json` | create | +| `tests/consumers/fixtures/angular/pnpm-lock.yaml` | create | +| `tests/consumers/fixtures/angular/pnpm-workspace.yaml` | create | +| `tests/consumers/fixtures/angular/tsconfig.json` | create | +| `tests/consumers/fixtures/react/client.ts` | create | +| `tests/consumers/fixtures/react/index.html` | create | +| `tests/consumers/fixtures/react/model.ts` | create | +| `tests/consumers/fixtures/react/package.json` | create | +| `tests/consumers/fixtures/react/pnpm-lock.yaml` | create | +| `tests/consumers/fixtures/react/pnpm-workspace.yaml` | create | +| `tests/consumers/fixtures/react/tsconfig.json` | create | +| `tests/consumers/fixtures/svelte/Consumer.svelte` | create | +| `tests/consumers/fixtures/svelte/client.ts` | create | +| `tests/consumers/fixtures/svelte/index.html` | create | +| `tests/consumers/fixtures/svelte/model.ts` | create | +| `tests/consumers/fixtures/svelte/package.json` | create | +| `tests/consumers/fixtures/svelte/pnpm-lock.yaml` | create | +| `tests/consumers/fixtures/svelte/pnpm-workspace.yaml` | create | +| `tests/consumers/fixtures/svelte/tsconfig.json` | create | +| `tests/consumers/fixtures/vue/client.ts` | create | +| `tests/consumers/fixtures/vue/index.html` | create | +| `tests/consumers/fixtures/vue/model.ts` | create | +| `tests/consumers/fixtures/vue/package.json` | create | +| `tests/consumers/fixtures/vue/pnpm-lock.yaml` | create | +| `tests/consumers/fixtures/vue/pnpm-workspace.yaml` | create | +| `tests/consumers/fixtures/vue/tsconfig.json` | create | +| `tests/consumers/frameworks.ts` | create | +| `tsconfig.consumers.json` | create | +| `tsconfig.svelte-tests.json` | create | +| `tsconfig.svelte-source.json` | create | +| `packages/core/src/field-contracts.ts` | create | +| `packages/core/src/presentation-text.ts` | create | +| `tests/contracts/field.test.ts` | create | +| `tests/browser/field.test.ts` | create | +| `packages/react/src/text-field.ts` | create | +| `packages/vue/src/text-field.ts` | create | +| `packages/angular/src/text-field.ts` | create | +| `tests/browser/react-field.test.ts` | create | +| `tests/browser/vue-field.test.ts` | create | +| `tests/browser/angular-field.test.ts` | create | +| `tests/browser/svelte-field.test.mjs` | create | +| `tests/browser/field-framework-fixture.ts` | create | +| `tests/browser/fixtures/SvelteField.svelte` | create | +| `tests/consumers/fields.ts` | create | +| `stories/catalog-state.ts` | create | +| `stories/catalog-frame.ts` | create | +| `stories/catalog-example.ts` | create | +| `stories/foundation.example.ts` | create | +| `stories/panels.example.ts` | create | +| `stories/field.example.ts` | create | +| `stories/panels.stories.ts` | create | +| `stories/field.stories.ts` | create | +| `tests/catalog-config.test.mjs` | create | +| `tests/contracts/catalog.test.ts` | create | +| `tests/typing/storybook.ts` | create | +| `tests/storybook/static.test.ts` | create | +| `tsconfig.storybook.json` | create | +| `patches/@storybook__web-components@10.6.5.patch` | create | +| `docs/storybook.md` | create | +| `packages/core/src/button-contracts.ts` | create | +| `tests/contracts/button.test.ts` | create | +| `tests/browser/button.test.ts` | create | +| `docs/button-contract.md` | create | +| `stories/button.example.ts` | create | +| `stories/button.stories.ts` | create | +| `tests/consumers/buttons.ts` | create | +| `packages/react/src/button.ts` | create | +| `packages/vue/src/button.ts` | create | +| `packages/angular/src/button.ts` | create | +| `tests/browser/button-framework-fixture.ts` | create | +| `tests/browser/react-button.test.ts` | create | +| `tests/browser/vue-button.test.ts` | create | +| `tests/browser/angular-button.test.ts` | create | +| `tests/browser/svelte-button.test.mjs` | create | +| `tests/browser/fixtures/SvelteButton.svelte` | create | +| `tests/consumers/framework-buttons.ts` | create | +| `packages/core/src/select-contracts.ts` | create | +| `packages/core/src/components/select.ts` | create | +| `packages/react/src/select.ts` | create | +| `packages/vue/src/select.ts` | create | +| `packages/angular/src/select.ts` | create | +| `packages/svelte/src/Select.svelte` | create | +| `docs/select-contract.md` | create | +| `tests/contracts/select.test.ts` | create | +| `tests/browser/select.test.ts` | create | +| `tests/browser/select-framework-fixture.ts` | create | +| `tests/browser/react-select.test.ts` | create | +| `tests/browser/vue-select.test.ts` | create | +| `tests/browser/angular-select.test.ts` | create | +| `tests/browser/svelte-select.test.mjs` | create | +| `tests/browser/fixtures/SvelteSelect.svelte` | create | +| `tests/consumers/selects.ts` | create | +| `stories/select.example.ts` | create | +| `stories/select.stories.ts` | create | +| `packages/core/src/checkbox-contracts.ts` | create | +| `packages/core/src/components/checkbox.ts` | create | +| `packages/core/src/components/implicit-submit.ts` | create | +| `packages/react/src/checkbox.ts` | create | +| `packages/vue/src/checkbox.ts` | create | +| `packages/angular/src/checkbox.ts` | create | +| `packages/svelte/src/Checkbox.svelte` | create | +| `stories/checkbox.example.ts` | create | +| `tests/contracts/checkbox.test.ts` | create | +| `tests/browser/checkbox.test.ts` | create | +| `tests/browser/checkbox-framework-fixture.ts` | create | +| `tests/browser/react-checkbox.test.ts` | create | +| `tests/browser/vue-checkbox.test.ts` | create | +| `tests/browser/angular-checkbox.test.ts` | create | +| `tests/browser/svelte-checkbox.test.mjs` | create | +| `tests/browser/fixtures/SvelteCheckbox.svelte` | create | +| `tests/consumers/checkboxes.ts` | create | +| `tests/consumers/fonts.ts` | create | +| `tests/storybook/checkbox-visual.ts` | create | +| `tests/typing/catalog-assets.d.ts` | create | +| `stories/checkbox.stories.ts` | create | +| `docs/checkbox-contract.md` | create | +| `docs/visual-parity.md` | create | +| `docs/evidence/ha-checkbox-reference.json` | create | +| `packages/core/NOTICE` | create | +| `packages/core/LICENSES/Home-Assistant-Apache-2.0.txt` | create | +| `packages/core/LICENSES/Font-Awesome-Free-7.0.0.txt` | create | +| `LICENSES/Roboto-Apache-2.0.txt` | create | +| `stories/catalog-completion.ts` | create | +| `tests/browser/catalog-lifecycle.test.ts` | create | +| `tests/storybook/lifecycle.ts` | create | +| `tests/storybook/screenshot.ts` | create | +| `tests/browser/navigation-visual.test.ts` | create | +| `tests/storybook/navigation-visual.ts` | create | +| `docs/evidence/ha-navigation-reference.json` | create | +| `docs/evidence/ha-navigation-icons-reference.json` | create | +| `stories/navigation-icons.ts` | create | +| `tests/browser/navigation-icons.test.ts` | create | +| `tests/consumers/navigation-icons.ts` | create | +| `tests/storybook/navigation-icons-visual.ts` | create | +| `packages/core/src/navigation-scroll.ts` | create | +| `packages/core/src/components/navigation-overflow.ts` | create | +| `packages/core/LICENSES/Web-Awesome-3.14.0-ha.2-MIT.txt` | create | +| `tests/browser/navigation-overflow.test.ts` | create | +| `tests/browser/navigation-overflow-lifecycle.test.ts` | create | +| `tests/browser/navigation-overflow-visual.test.ts` | create | +| `tests/contracts/navigation-scroll.test.ts` | create | +| `tests/storybook/navigation-overflow-visual.ts` | create | +| `docs/evidence/ha-navigation-overflow-reference.json` | create | +| `tests/consumers/navigation-overflow.ts` | create | +| `tests/browser/button-presentation.test.ts` | create | +| `tests/browser/button-visual.test.ts` | create | +| `tests/storybook/button-visual.ts` | create | +| `docs/evidence/ha-button-reference.json` | create | +| `docs/evidence/ha-field-reference.json` | create | +| `docs/field-contract.md` | create | +| `tests/browser/field-presentation.test.ts` | create | +| `tests/browser/field-visual.test.ts` | create | +| `tests/browser/implicit-submit-native.test.ts` | create | +| `tests/storybook/field-visual.ts` | create | +| `tests/consumers/implicit-submit.ts` | create | +| `tests/storybook/form-lifecycle.ts` | create | +| `tests/browser/vue-host-attributes.test.ts` | create | +| `packages/vue/src/native-host-attributes.ts` | create | +| `packages/core/src/select-navigation.ts` | create | +| `packages/core/src/components/selection-popup.ts` | create | +| `tests/contracts/select-navigation.test.ts` | create | +| `tests/browser/select-picker.test.ts` | create | +| `docs/evidence/ha-select-reference.json` | create | +| `packages/core/LICENSES/Material-Design-Icons-7.4.47.txt` | create | +| `tests/storybook/select-visual.ts` | create | +| `tests/storybook/select-multiple-visual.ts` | create | +| `tooling/raster.mjs` | create | +| `tests/raster.test.mjs` | create | +| `docs/evidence/ha-select-multiple-reference.json` | create | +| `packages/core/src/components/select-chips.ts` | create | +| `packages/core/src/components/selection-dialog.ts` | create | +| `packages/core/src/select-multiple.ts` | create | +| `tests/contracts/select-multiple.test.ts` | create | +| `tests/browser/select-chips.test.ts` | create | +| `packages/core/src/components/selection-events.ts` | create | +| `packages/core/src/checkbox-mark.ts` | create | +| `packages/core/src/components/select-list.ts` | create | +| `docs/evidence/ha-select-list-reference.json` | create | +| `tests/browser/select-list.test.ts` | create | +| `tests/storybook/select-list-visual.ts` | create | +| `docs/dialog-contract.md` | create | +| `docs/evidence/ha-dialog-reference.json` | create | +| `packages/angular/src/dialog.ts` | create | +| `packages/core/src/dialog-contracts.ts` | create | +| `packages/react/src/dialog.ts` | create | +| `packages/vue/src/dialog.ts` | create | +| `stories/dialog.example.ts` | create | +| `stories/dialog.stories.ts` | create | +| `tests/browser/angular-dialog.test.ts` | create | +| `tests/browser/dialog-framework-fixture.ts` | create | +| `tests/browser/dialog.test.ts` | create | +| `tests/browser/fixtures/SvelteDialog.svelte` | create | +| `tests/browser/react-dialog.test.ts` | create | +| `tests/browser/svelte-dialog.test.mjs` | create | +| `tests/browser/vue-dialog.test.ts` | create | +| `tests/consumers/dialogs.ts` | create | +| `tests/contracts/dialog.test.ts` | create | +| `tests/storybook/dialog-visual.ts` | create | +| `tests/storybook/raster-comparison.ts` | create | +| `docs/card-contract.md` | create | +| `docs/evidence/ha-card-reference.json` | create | +| `packages/angular/src/card.ts` | create | +| `packages/core/src/card-contracts.ts` | create | +| `packages/core/src/components/card.ts` | create | +| `packages/react/src/card.ts` | create | +| `packages/svelte/src/Card.svelte` | create | +| `packages/vue/src/card.ts` | create | +| `stories/card.example.ts` | create | +| `stories/card.stories.ts` | create | +| `tests/browser/angular-card.test.ts` | create | +| `tests/browser/card-framework-fixture.ts` | create | +| `tests/browser/card.test.ts` | create | +| `tests/browser/fixtures/SvelteCard.svelte` | create | +| `tests/browser/react-card.test.ts` | create | +| `tests/browser/svelte-card.test.mjs` | create | +| `tests/browser/vue-card.test.ts` | create | +| `tests/consumers/cards.ts` | create | +| `tests/contracts/card.test.ts` | create | +| `tests/storybook/card-visual.ts` | create | +| `tests/contracts/raster-archive.test.mjs` | create | +| `tests/storybook/reference-images.ts` | create | +| `tests/storybook/reference/ha-button/index.json` | create | +| `tests/storybook/reference/ha-button/originals.tar` | create | +| `tests/storybook/reference/ha-card/index.json` | create | +| `tests/storybook/reference/ha-card/originals.tar` | create | +| `tests/storybook/reference/ha-checkbox/index.json` | create | +| `tests/storybook/reference/ha-checkbox/originals.tar` | create | +| `tests/storybook/reference/ha-dialog/index.json` | create | +| `tests/storybook/reference/ha-dialog/originals.tar` | create | +| `tests/storybook/reference/ha-field/index.json` | create | +| `tests/storybook/reference/ha-field/originals.tar` | create | +| `tests/storybook/reference/ha-navigation-icons/index.json` | create | +| `tests/storybook/reference/ha-navigation-icons/originals.tar` | create | +| `tests/storybook/reference/ha-navigation-overflow/index.json` | create | +| `tests/storybook/reference/ha-navigation-overflow/originals.tar` | create | +| `tests/storybook/reference/ha-navigation/index.json` | create | +| `tests/storybook/reference/ha-navigation/originals.tar` | create | +| `tests/storybook/reference/ha-select-list/index.json` | create | +| `tests/storybook/reference/ha-select-list/originals.tar` | create | +| `tests/storybook/reference/ha-select-multiple/index.json` | create | +| `tests/storybook/reference/ha-select-multiple/originals.tar` | create | +| `tests/storybook/reference/ha-select/index.json` | create | +| `tests/storybook/reference/ha-select/originals.tar` | create | +| `tooling/raster-archive.mjs` | create | +| `LICENSES/Noto-Sans-Arabic-OFL-1.1.txt` | create | +| `docs/evidence/ha-layout-reference.json` | create | +| `docs/layout-contract.md` | create | +| `packages/angular/src/layout.ts` | create | +| `packages/core/src/components/layout.ts` | create | +| `packages/core/src/layout-contracts.ts` | create | +| `packages/react/src/layout.ts` | create | +| `packages/svelte/src/Grid.svelte` | create | +| `packages/svelte/src/Row.svelte` | create | +| `packages/vue/src/layout.ts` | create | +| `stories/assets/NotoSansArabic-Regular.ttf` | create | +| `stories/grid.example.ts` | create | +| `stories/grid.stories.ts` | create | +| `stories/row.example.ts` | create | +| `stories/row.stories.ts` | create | +| `tests/browser/angular-layout.test.ts` | create | +| `tests/browser/fixtures/SvelteLayout.svelte` | create | +| `tests/browser/layout-framework-fixture.ts` | create | +| `tests/browser/layout.test.ts` | create | +| `tests/browser/react-layout.test.ts` | create | +| `tests/browser/svelte-layout.test.mjs` | create | +| `tests/browser/vue-layout.test.ts` | create | +| `tests/consumers/layouts.ts` | create | +| `tests/contracts/layout.test.ts` | create | +| `tests/storybook/layout-visual.ts` | create | +| `tests/storybook/reference/ha-layout/index.json` | create | +| `tests/storybook/reference/ha-layout/originals.tar` | create | +| `docs/evidence/ha-feedback-reference.json` | create | +| `docs/feedback-contract.md` | create | +| `packages/angular/src/feedback.ts` | create | +| `packages/core/src/components/feedback.ts` | create | +| `packages/core/src/feedback-contracts.ts` | create | +| `packages/react/src/feedback.ts` | create | +| `packages/svelte/src/Feedback.svelte` | create | +| `packages/vue/src/feedback.ts` | create | +| `stories/feedback.example.ts` | create | +| `stories/feedback.stories.ts` | create | +| `tests/browser/angular-feedback.test.ts` | create | +| `tests/browser/feedback-framework-fixture.ts` | create | +| `tests/browser/feedback.test.ts` | create | +| `tests/browser/fixtures/SvelteFeedback.svelte` | create | +| `tests/browser/react-feedback.test.ts` | create | +| `tests/browser/svelte-feedback.test.mjs` | create | +| `tests/browser/vue-feedback.test.ts` | create | +| `tests/consumers/feedback.ts` | create | +| `tests/contracts/feedback.test.ts` | create | +| `tests/storybook/feedback-visual.ts` | create | +| `tests/storybook/reference/ha-feedback/index.json` | create | +| `tests/storybook/reference/ha-feedback/originals.tar` | create | +| `tests/consumers/ssr.test.mjs` | create | +| `tests/consumers/ssr/fixtures/next/app/boundary.jsx` | create | +| `tests/consumers/ssr/fixtures/next/app/client-tabs.jsx` | create | +| `tests/consumers/ssr/fixtures/next/app/layout.jsx` | create | +| `tests/consumers/ssr/fixtures/next/app/page.jsx` | create | +| `tests/consumers/ssr/fixtures/next/package.json` | create | +| `tests/consumers/ssr/fixtures/next/pnpm-lock.yaml` | create | +| `tests/consumers/ssr/fixtures/next/pnpm-workspace.yaml` | create | +| `tests/consumers/ssr/fixtures/nuxt/app/app.vue` | create | +| `tests/consumers/ssr/fixtures/nuxt/app/components/ClientTabs.client.vue` | create | +| `tests/consumers/ssr/fixtures/nuxt/nuxt.config.mjs` | create | +| `tests/consumers/ssr/fixtures/nuxt/package.json` | create | +| `tests/consumers/ssr/fixtures/nuxt/pnpm-lock.yaml` | create | +| `tests/consumers/ssr/fixtures/nuxt/pnpm-workspace.yaml` | create | +| `tests/consumers/ssr/fixtures/sveltekit/package.json` | create | +| `tests/consumers/ssr/fixtures/sveltekit/pnpm-lock.yaml` | create | +| `tests/consumers/ssr/fixtures/sveltekit/pnpm-workspace.yaml` | create | +| `tests/consumers/ssr/fixtures/sveltekit/src/app.html` | create | +| `tests/consumers/ssr/fixtures/sveltekit/src/routes/+page.svelte` | create | +| `tests/consumers/ssr/fixtures/sveltekit/src/routes/ClientTabs.svelte` | create | +| `tests/consumers/ssr/fixtures/sveltekit/fixture.vite.config.js` | create | +| `tests/consumers/ssr/journey.mjs` | create | +| `tests/storybook/engines.test.ts` | create | + +The catalog/index update registers the companion under the existing owner; it does not claim implementation. `LICENSE` preserves the upstream MIT source notice and every reused asset requires provenance verification. The Copilot installation and its source remain unchanged. Package coordinates are identifiers, not repository paths. + +## 16. Acceptance scenarios + +1. Given a frozen supported candidate lock, when compatibility and compiled consumer checks run, then only passing toolchain evidence can advance a candidate toward review; planned tests are not treated as completed results. +2. Given the Angular compiler candidate, when TypeScript 7 is substituted, then the candidate is rejected and the reviewed TypeScript 6 lock/support evidence remains intact. +3. Given an accepted archive, when its bytes differ during promotion, then publication and consumer promotion fail and the original accepted bytes remain inspectable. +4. Given an application manifest with a private temporary candidate dependency, when the shipped-consumer gate runs, then shipping is blocked while isolated fixture testing remains possible. +5. Given publication succeeds for only part of a cohort, when recovery begins, then exact per-package results remain recorded and no consumer pins or complete-cohort claim are advanced. +6. Given an existing package version has a conflicting digest, when recovery inspects it, then it neither overwrites nor substitutes the artifact and remains incomplete. +7. Given candidate evidence passes, when publication rights are not verified, then release is blocked with the accepted candidate retained and a clear owner action. +8. Given a package cohort is published, when application acceptance is reviewed, then publication alone does not satisfy Gateway or Domus adoption; each retained owning gate must pass. + +## 17. Requirements traceability + +| Requirement | Cases | +|---|---| +| UIFD-01 | shared-ui-framework-delivery-C01, shared-ui-framework-delivery-C02 | +| UIFD-02 | shared-ui-framework-delivery-C03, shared-ui-framework-delivery-C04 | +| UIFD-03 | shared-ui-framework-delivery-C05, shared-ui-framework-delivery-C06 | + +The retained foundation's requirements and cases remain traced in `specs/shared-ui-foundation.md`; this table covers only the three companion refinements. Documentation and architecture deliverables are additionally verified by their named structural checks and the retained baseline's gates, not by inventing generic cases. + +## 18. Implementation sequence + +1. Register this companion under the existing catalog owner, retaining the primary specification verbatim. +2. Freeze compatible direct and transitive toolchain locks; implement and run the compatibility rejection gate. +3. Establish package contracts and dependency constraints, then compiled direct-DOM and four framework fixtures using actual packed artifacts. +4. Implement accepted-candidate digest and no-private-path promotion checks; retain the full foundation's tests-first, coverage, component, Storybook, and browser scope. +5. Exercise the immutable candidate in both admitted application workstreams and complete their separate UX, deployment, and Bugbot gates. +6. Verify publication rights and provenance, then publish the reviewed prerelease cohort for installed adoption. Stable publication retains both consumer evidence gates. Record and recover partial outcomes by exact version/digest. +7. Pin the delivered cohort in actual consumers and complete installed/deployment acceptance; update catalog evidence only for verified implementation. +8. Complete human UX review, documentation, original SDK catalog validation, and all Definition of Done gates. + +## 19. Definition of Done + +- [ ] The retained `specs/shared-ui-foundation.md` remains verbatim and its UIF-01..UIF-08, all 64 cases, adapters, Storybook, and both app-adoption gates pass. +- [ ] UIFD-01 through UIFD-03 have their six distinct executable refinement cases and reciprocal traceability. +- [ ] Exact supported locks and compatibility matrix come from passing builds and browser evidence; no broad or legacy support is inferred. +- [ ] Candidate acceptance and consumer promotion verify exact archive bytes and reject private temporary dependencies. +- [ ] All authored implementation has 100% supported statement, branch, function, and line coverage; source inventory, type, architecture, build, browser, and packaging checks pass for each PR update. +- [ ] Provenance, licenses, source revision, dependency list, integrity, and publisher rights are verified before publication. +- [ ] Partial publication recovery preserves exact observations and never overwrites or falsely completes a cohort. +- [ ] Actual packed artifacts pass fixtures; Gateway and Domus separately pass their owning installed/deployment and human UX gates with no open, reopened, or unknown Bugbot findings. +- [ ] English documentation, migration, troubleshooting, compatibility, provenance, and examples are discoverable and validated. +- [ ] Catalog and generated view are current using the documented original SDK validation; catalog evidence does not claim absent implementation. +- [ ] Copilot source and installed resources remain unchanged; all required review gates and original publication checks pass. + +## 20. References and decisions + +- Primary owner contract: `specs/shared-ui-foundation.md`. +- Canonical issue: [vypdev/ha-ui issue #7](https://github.com/vypdev/ha-ui/issues/7). +- Consumer adoption: [vypdev/domus issue #30](https://github.com/vypdev/domus/issues/30); Gateway work remains with its owning admitted work. +- Gateway source evidence: [presentation directory at cited revision](https://github.com/vypdev/homeassistant-gateway/tree/e47dde303e475a6d03e1d6697ec87a934e93263b/frontend/src/ui). +- Decisions: one Lit implementation behind DOM contracts and framework adapters; no HA private runtime dependency; candidate testing precedes publication; both applications exercise the same immutable candidate before rights-verified release; publication and application adoption remain separate evidence. +- Follow-up outside this companion: none. All product and component acceptance remains governed by the retained foundation specification. diff --git a/stories/assets/NotoSansArabic-Regular.ttf b/stories/assets/NotoSansArabic-Regular.ttf new file mode 100644 index 0000000..72c9228 Binary files /dev/null and b/stories/assets/NotoSansArabic-Regular.ttf differ diff --git a/stories/button.example.ts b/stories/button.example.ts new file mode 100644 index 0000000..dafe6c5 --- /dev/null +++ b/stories/button.example.ts @@ -0,0 +1,26 @@ +import {html,nothing} from 'lit'; +import type {Meta} from '@storybook/web-components-vite'; +import {buttonState,type ButtonVariant,type ButtonSize,type ButtonType} from '@vypdev/ha-ui/button-contracts'; +import {textFieldState,fieldValueDetail,textFieldValue} from '@vypdev/ha-ui/field-contracts'; +import type {ButtonPressEvent} from '@vypdev/ha-ui/button'; +import type {FieldValueEvent} from '@vypdev/ha-ui/field'; +import {catalogExample} from './catalog-example.js'; +import {catalogCopy,catalogSettings} from './catalog-state.js'; +export interface Args {label:string;variant:ButtonVariant;size:ButtonSize;type:ButtonType;disabled:boolean;loading:boolean;iconOnly:boolean;pressed:boolean|null;cancelRequest:boolean;invalidField:boolean;noValidate:boolean;fieldValue:string;requests:number;submissions:number;resets:number;lastSubmission:string;} +export const renderExample:NonNullable['render']>=(controls,context)=>{ + const copy=catalogCopy[catalogSettings(context.globals).locale]; + return catalogExample(controls,(args,setArgs)=>html`
{event.preventDefault();const data=new FormData(event.currentTarget as HTMLFormElement,event.submitter as HTMLButtonElement);setArgs({...args,submissions:args.submissions+1,lastSubmission:textFieldValue(data.get('task'))+' / '+data.get('action')});}} + @reset=${()=>setArgs({...args,resets:args.resets+1,lastSubmission:''})}> + {const detail=fieldValueDetail(event.detail);setArgs({...args,fieldValue:detail.value,invalidField:false});}}> + {if(args.cancelRequest)event.preventDefault();setArgs({...args,requests:args.requests+1,pressed:args.pressed===null?null:!args.pressed});}}>${args.iconOnly?html`+`:nothing} +
${copy.requests}: ${args.requests}; ${copy.submitted}: ${args.submissions}; ${copy.resets}: ${args.resets}. ${args.lastSubmission}
+
`); +}; +export const renderVariants:NonNullable['render']>=(_controls,context)=>{ + const copy=catalogCopy[catalogSettings(context.globals).locale]; + return html`

${copy.buttonVariants}

${(['primary','neutral','danger','success','warning','plain','outlined','filled'] as const).map(variant=>html``)}
`; +}; diff --git a/stories/button.stories.ts b/stories/button.stories.ts new file mode 100644 index 0000000..418adba --- /dev/null +++ b/stories/button.stories.ts @@ -0,0 +1,23 @@ +import type {Meta,StoryObj} from '@storybook/web-components-vite'; +import {expect,waitFor} from 'storybook/test'; +import {renderExample,renderVariants,type Args} from './button.example.js'; +import type {HaButton} from '@vypdev/ha-ui/button'; +const meta={title:'Buttons/Actions',component:'vyp-ha-button',tags:['autodocs'], + args:{label:'',variant:'neutral',size:'medium',type:'button',disabled:false,loading:false,iconOnly:false,pressed:null,cancelRequest:false,invalidField:false,noValidate:false,fieldValue:'Kitchen',requests:0,submissions:0,resets:0,lastSubmission:''}, + argTypes:{label:{control:'text',description:'Empty chooses the example locale; the core always receives a nonempty label.'},variant:{control:'select',options:['primary','neutral','danger','success','warning','plain','outlined','filled']},size:{control:'select',options:['small','medium','large','extra-large']},type:{control:'select',options:['button','submit','reset']},pressed:{control:'select',options:[null,false,true]},disabled:{control:'boolean'},loading:{control:'boolean'},iconOnly:{control:'boolean'},cancelRequest:{control:'boolean'},invalidField:{control:'boolean'},noValidate:{control:'boolean'},fieldValue:{table:{disable:true}},requests:{table:{disable:true}},submissions:{table:{disable:true}},resets:{table:{disable:true}},lastSubmission:{table:{disable:true}}}, + parameters:{docs:{description:{component:'One production button, controlled busy/pressed state and inert leading/trailing icon slots. Native click and typed ha-press-request cancellation both prevent defaults. A real hidden light-DOM button is the exposed submitter: native validation, FormData and implicit Enter use it. The host itself is not an HTMLButtonElement submitter. The native target stays at least 44px around the separately painted HA surface. The loading status is localized and keeps focus. The surrounding form uses the real shared text field. React, Vue, Angular and Svelte bindings use this renderer. The catalog declares accessible accent overrides; the original HA palette is calibrated independently.'}}},render:renderExample, +} satisfies Meta; +export default meta; +type Story=StoryObj; +export const Default:Story={play:async({canvasElement})=>{const button=canvasElement.querySelector('vyp-ha-button')!;await button.updateComplete;button.click();await waitFor(()=>expect(canvasElement.querySelector('[role=status]')!.getAttribute('data-requests')).toBe('1'));}}; +export const Variants:Story={render:renderVariants}; +export const Disabled:Story={args:{disabled:true}}; +export const Loading:Story={args:{loading:true}}; +export const IconOnly:Story={args:{iconOnly:true,label:'Add task'}}; +export const Pressed:Story={args:{pressed:false},play:async({canvasElement})=>{const button=canvasElement.querySelector('vyp-ha-button')!;await button.updateComplete;button.click();await waitFor(()=>expect(button.state.pressed).toBe(true));button.click();await waitFor(()=>expect(button.state.pressed).toBe(false));}}; +export const Submit:Story={args:{type:'submit'},play:async({canvasElement})=>{const button=canvasElement.querySelector('vyp-ha-button')!;await button.updateComplete;button.click();await waitFor(()=>expect(canvasElement.querySelector('[role=status]')!.textContent).toContain('Kitchen / save'));}}; +export const InvalidRequired:Story={args:{type:'submit',invalidField:true},play:async({canvasElement})=>{const button=canvasElement.querySelector('vyp-ha-button')!;await button.updateComplete;button.click();await waitFor(()=>expect(canvasElement.querySelector('vyp-ha-field')!.shadowRoot!.querySelector('input')!.getAttribute('aria-invalid')).toBe('true'));await expect(canvasElement.querySelector('[role=status]')!.getAttribute('data-submissions')).toBe('0');}}; +export const SkipValidation:Story={args:{type:'submit',invalidField:true,noValidate:true},play:async({canvasElement})=>{const button=canvasElement.querySelector('vyp-ha-button')!;await button.updateComplete;button.click();await waitFor(()=>expect(canvasElement.querySelector('[role=status]')!.getAttribute('data-submissions')).toBe('1'));}}; +export const Reset:Story={args:{type:'reset',fieldValue:'Edited'},play:async({canvasElement})=>{const button=canvasElement.querySelector('vyp-ha-button')!;await button.updateComplete;button.click();await waitFor(()=>expect(canvasElement.querySelector('[role=status]')!.getAttribute('data-resets')).toBe('1'));}}; +export const Canceled:Story={args:{type:'submit',cancelRequest:true},play:async({canvasElement})=>{const button=canvasElement.querySelector('vyp-ha-button')!;await button.updateComplete;button.click();await waitFor(()=>expect(canvasElement.querySelector('[role=status]')!.getAttribute('data-requests')).toBe('1'));await expect(canvasElement.querySelector('[role=status]')!.getAttribute('data-submissions')).toBe('0');}}; +export const SpanishDarkNarrow:Story={globals:{locale:'es',theme:'dark',width:'narrow',motion:'reduced'}}; diff --git a/stories/card.example.ts b/stories/card.example.ts new file mode 100644 index 0000000..f812194 --- /dev/null +++ b/stories/card.example.ts @@ -0,0 +1,23 @@ +import {html,nothing} from 'lit'; +import type {Meta} from '@storybook/web-components-vite'; +import {buttonState} from '@vypdev/ha-ui/button-contracts'; +import {cardState} from '@vypdev/ha-ui/card-contracts'; +import {catalogExample} from './catalog-example.js'; +import {catalogSettings} from './catalog-state.js'; + +export interface Args{raised:boolean;actions:boolean;untitled:boolean;empty:boolean;long:boolean;rtl:boolean;reviewed:boolean;} +const labels={ + en:{title:'Household tasks',long:'Maintenance and supplies for the shared household',copy:'Review the kitchen supplies before shopping.',review:'Review task',done:'Task reviewed.'}, + es:{title:'Tareas del hogar',long:'Mantenimiento y suministros para la casa compartida',copy:'Revisa los suministros de la cocina antes de hacer la compra.',review:'Revisar tarea',done:'Tarea revisada.'}, + ar:{title:'مهام المنزل',long:'الصيانة واللوازم المنزلية المشتركة',copy:'راجع قائمة اللوازم.',review:'راجع المهمة',done:'تمت مراجعة المهمة.'}, +}; +export const renderExample:NonNullable['render']>=(controls,context)=>catalogExample(controls,(args,setArgs)=>{ + const locale=args.rtl?'ar':catalogSettings(context.globals).locale; + const copy=labels[locale]; + const state=cardState({title:args.untitled?'':args.long?copy.long:copy.title,raised:args.raised}); + return html` + ${args.empty?nothing:html`
${copy.copy}
`} + ${args.actions?html`setArgs({...args,reviewed:true})}>`:nothing} +
${args.reviewed?copy.done:''}
`; +}); diff --git a/stories/card.stories.ts b/stories/card.stories.ts new file mode 100644 index 0000000..b1d1aca --- /dev/null +++ b/stories/card.stories.ts @@ -0,0 +1,25 @@ +import type {Meta,StoryObj} from '@storybook/web-components-vite'; +import {expect,userEvent,waitFor} from 'storybook/test'; +import {renderExample,type Args} from './card.example.js'; + +const meta={title:'Surfaces/Card',component:'vyp-ha-card',tags:['autodocs'], + args:{raised:false,actions:false,untitled:false,empty:false,long:false,rtl:false,reviewed:false}, + argTypes:{raised:{control:'boolean'},actions:{control:'boolean'},untitled:{control:'boolean'},empty:{control:'boolean'},long:{control:'boolean'},rtl:{control:'boolean'},reviewed:{table:{disable:true}}}, + parameters:{docs:{description:{component:'A Home Assistant card surface with a semantic heading, application content and an optional actions slot.'}}}, + render:renderExample} satisfies Meta; +export default meta;type Story=StoryObj; +export const Default:Story={}; +export const Raised:Story={args:{raised:true}}; +export const Untitled:Story={args:{untitled:true}}; +export const HeadingOnly:Story={args:{empty:true}}; +export const Narrow:Story={args:{long:true},globals:{width:'narrow'}}; +export const RightToLeft:Story={args:{rtl:true,actions:true},play:async({canvasElement})=>{ + await expect(canvasElement.querySelector('vyp-ha-card')!).toHaveAttribute('dir','rtl'); + await expect(canvasElement.querySelector('vyp-ha-card')!).toHaveAttribute('lang','ar'); + await expect(canvasElement.querySelector('[role=status]')!).toHaveAttribute('lang','ar'); +}}; +export const WithActions:Story={args:{actions:true},play:async({canvasElement})=>{ + const command=canvasElement.querySelector('#card-review')!; + await userEvent.click(command.shadowRoot!.querySelector('button')!); + await waitFor(()=>expect(canvasElement.querySelector('[role=status]')!.textContent).not.toBe('')); +}}; diff --git a/stories/catalog-completion.ts b/stories/catalog-completion.ts new file mode 100644 index 0000000..98f6686 --- /dev/null +++ b/stories/catalog-completion.ts @@ -0,0 +1,11 @@ +import {STORY_FINISHED,STORY_RENDER_PHASE_CHANGED,type StoryFinishedPayload} from 'storybook/internal/core-events'; +import type {Channel} from 'storybook/internal/channels'; +/** Observe the public completion event after all hooks, including automatic accessibility audits. */ +export function observeCatalogCompletion(channel:Pick,root:HTMLElement):()=>void{ + let revision=0; + const finished=({storyId,status,reporters}:StoryFinishedPayload)=>{root.dataset.haUiCompletion=JSON.stringify({storyId,status,revision,reports:reporters.map(({type,status})=>({type,status}))});}; + const started=({newPhase}:{newPhase:string})=>{if(['preparing','loading','rendering'].includes(newPhase)){revision++;delete root.dataset.haUiCompletion;}}; + channel.on(STORY_FINISHED,finished); + channel.on(STORY_RENDER_PHASE_CHANGED,started); + return()=>{channel.off(STORY_FINISHED,finished);channel.off(STORY_RENDER_PHASE_CHANGED,started);delete root.dataset.haUiCompletion;}; +} diff --git a/stories/catalog-example.ts b/stories/catalog-example.ts new file mode 100644 index 0000000..47bf46c --- /dev/null +++ b/stories/catalog-example.ts @@ -0,0 +1,8 @@ +import {render,type TemplateResult} from 'lit'; +/** Local example state belongs to the fixture, outside the production component. */ +export function catalogExample(initial:Model,view:(model:Model,update:(next:Model)=>void)=>TemplateResult):HTMLElement { + const container=document.createElement('div'); + const update=(model:Model):void=>{render(view(model,update),container);}; + update(initial); + return container; +} diff --git a/stories/catalog-frame.ts b/stories/catalog-frame.ts new file mode 100644 index 0000000..e7b03bb --- /dev/null +++ b/stories/catalog-frame.ts @@ -0,0 +1,31 @@ +import regularFont from 'roboto-fontface/fonts/roboto/Roboto-Regular.woff2?url'; +import mediumFont from 'roboto-fontface/fonts/roboto/Roboto-Medium.woff2?url'; +import arabicFont from './assets/NotoSansArabic-Regular.ttf?url'; +import {html} from 'lit'; +import {styleMap} from 'lit/directives/style-map.js'; +import type {Decorator} from '@storybook/web-components-vite'; +import {catalogSettings,catalogPalettes} from './catalog-state.js'; +/** App-like composition only; the production elements own all control markup and styling. */ +export const catalogFrame:Decorator=(Story,context)=>{ + const settings=catalogSettings(context.globals); + return html`
${Story()}
`; +}; diff --git a/stories/catalog-state.ts b/stories/catalog-state.ts new file mode 100644 index 0000000..5bb4976 --- /dev/null +++ b/stories/catalog-state.ts @@ -0,0 +1,15 @@ +export interface CatalogSettings {readonly locale:'en'|'es';readonly theme:'light'|'dark';readonly width:360|960;readonly motion:'system'|'reduced';} +/** Storybook owns these temporary display settings; no component or application storage is used. */ +export function catalogSettings(raw:unknown):CatalogSettings { + const source=typeof raw==='object'&&raw!==null&&!Array.isArray(raw)?raw as Record:{}; + return Object.freeze({locale:typeof source.locale==='string'&&/^es(?:-|$)/iu.test(source.locale)?'es':'en',theme:source.theme==='dark'?'dark':'light',width:source.width==='narrow'?360:960,motion:source.motion==='reduced'?'reduced':'system'}); +} +export const catalogCopy=Object.freeze({ + en:Object.freeze({scrollStart:'Scroll to start',scrollEnd:'Scroll to end',calendar:'Calendar',shopping:'Shopping',rewards:'Rewards',working:'Working…',requests:'Requests',resets:'Resets',buttonVariants:'Button variants',household:'Household',overview:'Overview',tasks:'Tasks',inventory:'Inventory',family:'Family',settings:'Settings',sections:'Household sections',panels:'Task views',navigationHelp:'Choose a household section.',disabled:'These example sections are unavailable.',empty:'No sections are available.',panelOverview:'Review household activity.',panelTasks:'Plan the next household task.',fieldLabel:'Task name',description:'Choose a short name for this household task.',placeholder:'Clean the kitchen',required:'Enter a task name.',error:'Review the task name before continuing.',submit:'Submit example',reset:'Reset draft',draft:'Your draft stays in this example.',submitted:'Example submitted',long:'household section'}), + es:Object.freeze({scrollStart:'Desplazar al inicio',scrollEnd:'Desplazar al final',calendar:'Calendario',shopping:'Compras',rewards:'Recompensas',working:'Procesando…',requests:'Solicitudes',resets:'Restablecimientos',buttonVariants:'Variantes de botones',household:'Hogar',overview:'Resumen',tasks:'Tareas',inventory:'Inventario',family:'Familia',settings:'Ajustes',sections:'Secciones del hogar',panels:'Vistas de tareas',navigationHelp:'Elige una sección del hogar.',disabled:'Estas secciones del ejemplo no están disponibles.',empty:'No hay secciones disponibles.',panelOverview:'Revisa la actividad del hogar.',panelTasks:'Planifica la siguiente tarea del hogar.',fieldLabel:'Nombre de la tarea',description:'Elige un nombre breve para esta tarea del hogar.',placeholder:'Limpiar la cocina',required:'Introduce un nombre para la tarea.',error:'Revisa el nombre de la tarea antes de continuar.',submit:'Enviar ejemplo',reset:'Restablecer borrador',draft:'Tu borrador permanece en este ejemplo.',submitted:'Ejemplo enviado',long:'sección del hogar'}), +}); +// HA-compatible fixture palettes; all component colors are still inherited through public tokens. +export const catalogPalettes=Object.freeze({ + light:Object.freeze({"--app-header-border-bottom":"1px solid #0000001f","--app-header-text-color":"#141414","--app-header-background-color":"#fff","--ha-color-border-neutral-normal":"#989898","--ha-color-border-neutral-loud":"#5e5e5e","--ha-color-fill-primary-loud-resting":"#009ac7","--ha-color-fill-primary-loud-hover":"#006787","--ha-color-on-primary-loud":"#fff","--ha-color-form-background-hover":"#e6e6e6","--ha-border-width-md":"2px","--ha-border-radius-sm":"4px","--ha-font-size-xs":"calc(10px * 1)","--ha-color-text-secondary":"#5e5e5e","--wa-focus-ring":"solid 2px #989898","--wa-focus-ring-offset":"2px",'--primary-text-color':'#141414','--secondary-text-color':'#5e5e5e','--card-background-color':'#ffffff','--divider-color':'#e0e0e0','--primary-color':'#0075b5','--error-color':'#b3261e','--text-primary-color':'#ffffff','--success-color':'#146c2e','--secondary-background-color':'#f1f1f1'}), + dark:Object.freeze({"--app-header-border-bottom":"1px solid #e1e1e11f","--app-header-text-color":"#e1e1e1","--app-header-background-color":"#1c1c1c","--ha-color-border-neutral-normal":"#7a7a7a","--ha-color-border-neutral-loud":"#b1b1b1","--ha-color-fill-primary-loud-resting":"#009ac7","--ha-color-fill-primary-loud-hover":"#006787","--ha-color-on-primary-loud":"#fff","--ha-color-form-background-hover":"#4a4a4a","--ha-border-width-md":"2px","--ha-border-radius-sm":"4px","--ha-font-size-xs":"calc(10px * 1)","--ha-color-text-secondary":"#ccc","--wa-focus-ring":"solid 2px #989898","--wa-focus-ring-offset":"2px",'--primary-text-color':'#e1e1e1','--secondary-text-color':'#cccccc','--card-background-color':'#1c1c1c','--divider-color':'#424242','--primary-color':'#03a9f4','--error-color':'#f28b82','--text-primary-color':'#001e2b','--success-color':'#81c784','--secondary-background-color':'#303030'}), +}); diff --git a/stories/checkbox.example.ts b/stories/checkbox.example.ts new file mode 100644 index 0000000..f5994b0 --- /dev/null +++ b/stories/checkbox.example.ts @@ -0,0 +1,17 @@ +import {html} from 'lit'; +import type {Meta} from '@storybook/web-components-vite'; +import {catalogExample} from './catalog-example.js'; +import {catalogSettings} from './catalog-state.js'; +import {buttonState} from '@vypdev/ha-ui/button-contracts'; +import {checkboxState,checkboxChangeDetail} from '@vypdev/ha-ui/checkbox-contracts'; +import type {CheckboxChangeEvent} from '@vypdev/ha-ui/checkbox'; +export interface Args {checked:boolean;defaultChecked:boolean;indeterminate:boolean;required:boolean;disabled:boolean;error:boolean;cancel:boolean;longLabel:boolean;value:string;submitted:string|null;} +const localized={en:{label:'Notify household',long:'Notify everyone in the household about this task and its materials before the next scheduled occurrence.',description:'Share this task update.',error:'Review this option.',required:'Select this option.',save:'Save notification',reset:'Reset notification',draft:'Draft',saved:'Saved'},es:{label:'Avisar al hogar',long:'Avisar a todas las personas del hogar sobre esta tarea y sus materiales antes de la siguiente fecha prevista.',description:'Comparte la actualización de esta tarea.',error:'Revisa esta opción.',required:'Selecciona esta opción.',save:'Guardar aviso',reset:'Restablecer aviso',draft:'Borrador',saved:'Guardado'}}; +export const renderExample:NonNullable['render']>=(controls,context)=>{ + const copy=localized[catalogSettings(context.globals).locale]; + return catalogExample(controls,(args,setArgs)=>html`
{event.preventDefault();setArgs({...args,submitted:JSON.stringify([...new FormData(event.currentTarget as HTMLFormElement)])});}}> + {const detail=checkboxChangeDetail(event.detail);if(args.cancel)event.preventDefault();else setArgs({...args,checked:detail.checked,indeterminate:false,error:false,submitted:null});}}> +
+
${args.submitted===null?copy.draft+': '+String(args.checked):copy.saved+': '+args.submitted}
+
`); +}; diff --git a/stories/checkbox.stories.ts b/stories/checkbox.stories.ts new file mode 100644 index 0000000..3752565 --- /dev/null +++ b/stories/checkbox.stories.ts @@ -0,0 +1,18 @@ +import type {Meta,StoryObj} from '@storybook/web-components-vite'; +import {expect,waitFor} from 'storybook/test'; +import {renderExample,type Args} from './checkbox.example.js'; +import type {HaCheckbox} from '@vypdev/ha-ui/checkbox'; +import type {HaButton} from '@vypdev/ha-ui/button'; +const meta={title:'Forms/Checkbox',component:'vyp-ha-checkbox',tags:['autodocs'],args:{checked:false,defaultChecked:false,indeterminate:false,required:false,disabled:false,error:false,cancel:false,longLabel:false,value:'on',submitted:null},argTypes:{checked:{control:'boolean'},defaultChecked:{control:'boolean'},indeterminate:{control:'boolean'},required:{control:'boolean'},disabled:{control:'boolean'},error:{control:'boolean'},cancel:{control:'boolean'},longLabel:{control:'boolean'},value:{control:'text'},submitted:{table:{disable:true}}},parameters:{docs:{description:{component:'One controlled boolean checkbox with independent mixed presentation, native form validation and reset. All four framework adapters reuse this renderer. The application derives mixed state from child selections.'}}},render:renderExample} satisfies Meta; +export default meta;type Story=StoryObj; +export const Default:Story={play:async({canvasElement})=>{const host=canvasElement.querySelector('vyp-ha-checkbox')!;await host.updateComplete;host.click();await waitFor(()=>expect(host.checked).toBe(true));canvasElement.querySelector('vyp-ha-button[type=submit]')!.click();await waitFor(()=>expect(canvasElement.querySelector('[role=status]')!.textContent).toContain('[["notify","on"]]'));canvasElement.querySelector('form')!.reset();await waitFor(()=>expect(host.checked).toBe(false));}}; +export const Checked:Story={args:{checked:true}}; +export const Partial:Story={args:{indeterminate:true}}; +export const CheckedPartial:Story={args:{checked:true,indeterminate:true}}; +export const Required:Story={args:{required:true},play:async({canvasElement})=>{const host=canvasElement.querySelector('vyp-ha-checkbox')!;await host.updateComplete;host.addEventListener('invalid',event=>event.preventDefault());expect(host.reportValidity()).toBe(false);await host.updateComplete;expect(host.shadowRoot!.querySelector('input')!.getAttribute('aria-invalid')).toBe('true');}}; +export const Disabled:Story={args:{disabled:true,checked:true}}; +export const Error:Story={args:{error:true}}; +export const Canceled:Story={args:{cancel:true},play:async({canvasElement})=>{const host=canvasElement.querySelector('vyp-ha-checkbox')!;await host.updateComplete;host.click();await waitFor(()=>expect(host.shadowRoot!.querySelector('input')!.checked).toBe(false));expect(host.checked).toBe(false);}}; +export const CustomPayload:Story={args:{checked:true,value:'confirmed'}}; +export const LongLabel:Story={args:{longLabel:true}}; +export const SpanishDarkNarrow:Story={globals:{locale:'es',theme:'dark',width:'narrow',motion:'reduced'}}; diff --git a/stories/dialog.example.ts b/stories/dialog.example.ts new file mode 100644 index 0000000..a302206 --- /dev/null +++ b/stories/dialog.example.ts @@ -0,0 +1,27 @@ +import {html,nothing} from 'lit'; +import type {Meta} from '@storybook/web-components-vite'; +import {buttonState} from '@vypdev/ha-ui/button-contracts'; +import {dialogRequestDetail,dialogState,type DialogAction,type DialogKind,type DialogWidth} from '@vypdev/ha-ui/dialog-contracts'; +import type {DialogRequestEvent} from '@vypdev/ha-ui/dialog'; +import {catalogExample} from './catalog-example.js'; +import {catalogSettings} from './catalog-state.js'; + +export interface Args{ + open:boolean;kind:DialogKind;width:DialogWidth;pending:boolean;guardDismiss:boolean; + confirmDisabled:boolean;long:boolean;reject:boolean;lastAction:DialogAction|null; +} +const labels={ + en:{open:'Review task deletion',title:'Delete task?',description:'Remove the reminder to check the kitchen supplies?',subtitle:'Household tasks',confirm:'Delete',cancel:'Cancel',close:'Close',pending:'Deleting task…',ready:'Ready',accepted:'Last action'}, + es:{open:'Revisar eliminación',title:'¿Eliminar la tarea?',description:'¿Quitar el recordatorio de revisar los suministros de la cocina?',subtitle:'Tareas del hogar',confirm:'Eliminar',cancel:'Cancelar',close:'Cerrar',pending:'Eliminando tarea…',ready:'Listo',accepted:'Última acción'}, +}; +export const renderExample:NonNullable['render']>=(controls,context)=>{ + const copy=labels[catalogSettings(context.globals).locale]; + return catalogExample(controls,(args,setArgs)=>{ + const state=dialogState({title:copy.title,description:copy.description,subtitle:args.long?copy.subtitle:'',closeLabel:copy.close,cancelLabel:copy.cancel,confirmLabel:copy.confirm,confirmTone:'danger',kind:args.kind,width:args.width,pending:args.pending,pendingLabel:copy.pending,guardDismiss:args.guardDismiss,confirmDisabled:args.confirmDisabled}); + return html`setArgs({...args,open:true,lastAction:null})}> + { + const detail=dialogRequestDetail(event.detail);if(args.reject){event.preventDefault();return;}setArgs({...args,open:false,lastAction:detail.action}); + }}>${args.long?Array.from({length:16},()=>html`

${copy.description}

`):nothing} +
${args.lastAction===null?copy.ready:copy.accepted+': '+args.lastAction}
`; + }); +}; diff --git a/stories/dialog.stories.ts b/stories/dialog.stories.ts new file mode 100644 index 0000000..97d72fd --- /dev/null +++ b/stories/dialog.stories.ts @@ -0,0 +1,35 @@ +import type {Meta,StoryObj} from '@storybook/web-components-vite'; +import {expect,userEvent,waitFor} from 'storybook/test'; +import type {HaDialog} from '@vypdev/ha-ui/dialog'; +import {renderExample,type Args} from './dialog.example.js'; + +const meta={title:'Overlays/Dialog',component:'vyp-ha-dialog',tags:['autodocs'], + args:{open:false,kind:'standard',width:'medium',pending:false,guardDismiss:false,confirmDisabled:false,long:false,reject:false,lastAction:null}, + argTypes:{open:{control:'boolean'},kind:{control:'select',options:['standard','alert']},width:{control:'select',options:['small','medium','large','full']},pending:{control:'boolean'},guardDismiss:{control:'boolean'},confirmDisabled:{control:'boolean'},long:{control:'boolean'},reject:{control:'boolean'},lastAction:{table:{disable:true}}}, + parameters:{docs:{description:{component:'A native modal with a responsive Home Assistant surface, controlled open state and typed actions. Use the default slot for content and the footer slot to replace the default actions.'}}}, + render:renderExample} satisfies Meta; +export default meta; +type Story=StoryObj; + +async function openDialog(canvas:HTMLElement){ + const opener=canvas.querySelector('#open-task-dialog')!,host=canvas.querySelector('vyp-ha-dialog')!; + await userEvent.click(opener.shadowRoot!.querySelector('button')!);await host.updateComplete; + const modal=host.shadowRoot!.querySelector('dialog')!;await waitFor(()=>expect(modal.open).toBe(true)); + return {host,modal}; +} +export const Default:Story={play:async({canvasElement})=>{ + const {host,modal}=await openDialog(canvasElement);await userEvent.click(host.shadowRoot!.querySelector('[data-action=confirm]')!.shadowRoot!.querySelector('button')!); + await waitFor(()=>expect(modal.open).toBe(false)); + await waitFor(()=>expect(canvasElement.querySelector('[role=status]')!.textContent).toContain('confirm')); +}}; +export const Alert:Story={args:{kind:'alert',width:'small'},play:async({canvasElement})=>{await openDialog(canvasElement);}}; +export const Busy:Story={args:{pending:true,guardDismiss:true},play:async({canvasElement})=>{ + const {host}=await openDialog(canvasElement);const button=host.shadowRoot!.querySelector('[data-action=confirm]')!.shadowRoot!.querySelector('button')!; + await expect(button).toHaveAttribute('aria-busy','true'); +}}; +export const LongContent:Story={args:{long:true,width:'large'},play:async({canvasElement})=>{await openDialog(canvasElement);}}; +export const Canceled:Story={args:{reject:true},play:async({canvasElement})=>{ + const {host,modal}=await openDialog(canvasElement);await userEvent.click(host.shadowRoot!.querySelector('[data-action=cancel]')!.shadowRoot!.querySelector('button')!); + await expect(modal.open).toBe(true); +}}; +export const SpanishDarkNarrow:Story={args:{confirmDisabled:true},globals:{locale:'es',theme:'dark',width:'narrow',motion:'reduced'},play:async({canvasElement})=>{await openDialog(canvasElement);}}; diff --git a/stories/feedback.example.ts b/stories/feedback.example.ts new file mode 100644 index 0000000..d3f4725 --- /dev/null +++ b/stories/feedback.example.ts @@ -0,0 +1,31 @@ +import {html,nothing} from 'lit'; +import type {Meta} from '@storybook/web-components-vite'; +import {buttonState} from '@vypdev/ha-ui/button-contracts'; +import {feedbackState,type FeedbackKind,type FeedbackTone} from '@vypdev/ha-ui/feedback-contracts'; +import {catalogExample} from './catalog-example.js'; +import {catalogSettings} from './catalog-state.js'; + +export interface FeedbackArgs{kind:FeedbackKind;tone:FeedbackTone;titled:boolean;icon:boolean;action:boolean;narrow:boolean;rtl:boolean;reviewed:boolean;} +const copy={ + en:{info:['Household status','The shopping list is up to date.'],success:['Task saved','The household can now see the task.'], + warning:['Review the reminder','One household reminder needs attention.'],error:['Unable to save the task','Try saving again.'], + empty:['No household tasks','Add a task to share it with your household.'],loading:'Loading household tasks…',retry:'Retry',add:'Add task',done:'Request received.',result:'Example action'}, + es:{info:['Estado del hogar','La lista de la compra está al día.'],success:['Tarea guardada','El hogar ya puede ver la tarea.'], + warning:['Revisa el recordatorio','Un recordatorio del hogar necesita atención.'],error:['No se pudo guardar la tarea','Intenta guardarla de nuevo.'], + empty:['No hay tareas del hogar','Añade una tarea para compartirla con tu hogar.'],loading:'Cargando las tareas del hogar…',retry:'Reintentar',add:'Añadir tarea',done:'Solicitud recibida.',result:'Acción de ejemplo'}, + ar:{info:['حالة المنزل','قائمة التسوق محدثة.'],success:['تم حفظ المهمة','يمكن لأفراد المنزل رؤية المهمة.'], + warning:['راجع التذكير','أحد تذكيرات المنزل يحتاج إلى مراجعة.'],error:['تعذر حفظ المهمة','حاول الحفظ مرة أخرى.'], + empty:['لا توجد مهام منزلية','أضف مهمة لمشاركتها مع أسرتك.'],loading:'جارٍ تحميل مهام المنزل…',retry:'حاول مجددا',add:'أضف مهمة',done:'تم استلام الطلب.',result:'إجراء تجريبي'}, +}; +export const renderExample:NonNullable['render']>=(controls,context)=>catalogExample(controls,(args,setArgs)=>{ + const locale=args.rtl?'ar':catalogSettings(context.globals).locale; + const text=copy[locale]; + const [title,message]=text[args.kind==='empty'?'empty':args.tone]; + const state=feedbackState(args.kind==='loading'?{kind:'loading',message:text.loading}: + args.kind==='empty'?{kind:'empty',title,message:args.titled?message:'',icon:args.icon}: + {kind:'notice',tone:args.tone,title:args.titled?title:'',message,icon:args.icon,narrow:args.narrow}); + return html` + ${args.action?html`setArgs({...args,reviewed:true})}>`:nothing} + ${args.reviewed?text.done:''}`; +}); diff --git a/stories/feedback.stories.ts b/stories/feedback.stories.ts new file mode 100644 index 0000000..0a921e8 --- /dev/null +++ b/stories/feedback.stories.ts @@ -0,0 +1,27 @@ +import type {Meta,StoryObj} from '@storybook/web-components-vite'; +import {expect,userEvent,waitFor} from 'storybook/test'; +import {renderExample,type FeedbackArgs} from './feedback.example.js'; + +const meta={title:'Feedback/Status',component:'vyp-ha-feedback',tags:['autodocs'], + args:{kind:'notice',tone:'info',titled:true,icon:true,action:false,narrow:false,rtl:false,reviewed:false}, + argTypes:{kind:{control:'select',options:['notice','empty','loading']},tone:{control:'select',options:['info','success','warning','error']}, + titled:{control:'boolean'},icon:{control:'boolean'},action:{control:'boolean'},narrow:{control:'boolean'},rtl:{control:'boolean'},reviewed:{table:{disable:true}}}, + parameters:{docs:{description:{component:'Application-owned notices, errors, empty states and reduced-motion loading with optional native actions.'}}}, + render:renderExample} satisfies Meta; +export default meta;type Story=StoryObj; +export const Default:Story={}; +export const Success:Story={args:{tone:'success'}}; +export const Warning:Story={args:{tone:'warning',action:true,narrow:true},globals:{width:'narrow'}}; +export const ErrorNotice:Story={args:{tone:'error',action:true},play:async({canvasElement})=>{ + const command=canvasElement.querySelector('#feedback-command')!.shadowRoot!.querySelector('button')!; + await userEvent.click(command);await waitFor(()=>expect(canvasElement.querySelector('#feedback-action-result')!.textContent).not.toBe('')); +}}; +export const Untitled:Story={args:{titled:false}}; +export const Empty:Story={args:{kind:'empty',action:true}}; +export const HeadingOnly:Story={args:{kind:'empty',titled:false,icon:false}}; +export const Loading:Story={args:{kind:'loading'}}; +export const RightToLeft:Story={args:{rtl:true,tone:'warning'},play:async({canvasElement})=>{ + await expect(canvasElement.querySelector('vyp-ha-feedback')!).toHaveAttribute('dir','rtl'); + await expect(canvasElement.querySelector('vyp-ha-feedback')!).toHaveAttribute('lang','ar'); + await expect(canvasElement.querySelector('#feedback-action-result')!).toHaveAttribute('lang','ar'); +}}; diff --git a/stories/field.example.ts b/stories/field.example.ts new file mode 100644 index 0000000..0648237 --- /dev/null +++ b/stories/field.example.ts @@ -0,0 +1,20 @@ +import {html} from 'lit'; +import type {Meta} from '@storybook/web-components-vite'; +import {catalogExample} from './catalog-example.js'; +import {buttonState} from '@vypdev/ha-ui/button-contracts'; +import {textFieldState,textFieldValue,fieldValueDetail} from '@vypdev/ha-ui/field-contracts'; +import type {FieldValueEvent} from '@vypdev/ha-ui/field'; +import {catalogSettings,catalogCopy} from './catalog-state.js'; +export interface Args {value:string;defaultValue:string;disabled:boolean;readOnly:boolean;required:boolean;error:boolean;submitted:string|null;placeholder?:string;description?:string;} +export const renderExample:NonNullable['render']>=(controls,context)=>{ + const copy=catalogCopy[catalogSettings(context.globals).locale]; + return catalogExample(controls,(args,setArgs)=>{ + const state=textFieldState({label:copy.fieldLabel,description:args.description===undefined?copy.description:args.description,placeholder:args.placeholder===undefined?copy.placeholder:args.placeholder,required:args.required,readOnly:args.readOnly,error:args.error?copy.error:'',requiredMessage:copy.required}); + return html`
{event.preventDefault();const value=textFieldValue(new FormData(event.currentTarget as HTMLFormElement).get('task'));setArgs({...args,submitted:value});}}> + {const detail=fieldValueDetail(event.detail);setArgs({...args,value:detail.value,error:false,submitted:null});}}> +
+
${args.submitted===null?copy.draft:copy.submitted+': '+args.submitted}
+
`; + }); + }; diff --git a/stories/field.stories.ts b/stories/field.stories.ts new file mode 100644 index 0000000..4b0e9fd --- /dev/null +++ b/stories/field.stories.ts @@ -0,0 +1,31 @@ +import type {Meta,StoryObj} from '@storybook/web-components-vite'; +import {renderExample,type Args} from './field.example.js'; +import {expect,waitFor} from 'storybook/test'; +import type {HaButton} from '@vypdev/ha-ui/button'; +import type {HaTextField} from '@vypdev/ha-ui/field'; +const meta={title:'Forms/Text field',component:'vyp-ha-field',tags:['autodocs'], + args:{value:'Kitchen',defaultValue:'Kitchen',disabled:false,readOnly:false,required:true,error:false,submitted:null}, + argTypes:{value:{control:'text'},defaultValue:{control:'text'},disabled:{control:'boolean'},readOnly:{control:'boolean'},required:{control:'boolean'},error:{control:'boolean'},placeholder:{control:'text'},description:{control:'text'},submitted:{table:{disable:true}}}, + parameters:{docs:{description:{component:'A real form-associated @vypdev/ha-ui/field. Values are controlled, never serialized into HTML. The form actions use the same shared button family. Each framework bridge delegates to this element.'}}}, + render:renderExample, +} satisfies Meta; +export default meta; +type Story=StoryObj; +export const Default:Story={play:async({canvasElement})=>{ + const host=canvasElement.querySelector('vyp-ha-field')!;await host.updateComplete;const control=host.shadowRoot!.querySelector('input')!; + control.value='Laundry';control.dispatchEvent(new InputEvent('input',{bubbles:true,composed:true})); + await waitFor(()=>expect(host.value).toBe('Laundry')); + const form=canvasElement.querySelector('form')!;form.reset();await waitFor(()=>expect(host.value).toBe('Kitchen')); + form.querySelector('vyp-ha-button[type=submit]')!.click();await waitFor(()=>expect(form.querySelector('[role=status]')!.textContent).toContain('Kitchen')); +}}; +export const EmptyRequired:Story={args:{value:''},play:async({canvasElement})=>{ + const host=canvasElement.querySelector('vyp-ha-field')!;await host.updateComplete;host.addEventListener('invalid',event=>event.preventDefault(),{once:true}); + await expect(host.reportValidity()).toBe(false);await host.updateComplete;await expect(host.shadowRoot!.querySelector('input')!.getAttribute('aria-invalid')).toBe('true'); +}}; +export const Disabled:Story={args:{disabled:true}}; +export const ReadOnly:Story={args:{readOnly:true}}; +export const EmptyOptional:Story={args:{value:'',required:false,placeholder:'',description:''}}; +export const FocusedOptional:Story={args:{value:'',required:false,placeholder:'',description:''},play:async({canvasElement})=>{const field=canvasElement.querySelector('vyp-ha-field')!;await field.updateComplete;field.focus();}}; +export const Error:Story={args:{error:true}}; +export const SpanishDarkNarrow:Story={globals:{locale:'es',theme:'dark',width:'narrow',motion:'reduced'}}; +export const EnglishFallback:Story={globals:{locale:'fr'}}; diff --git a/stories/foundation.example.ts b/stories/foundation.example.ts new file mode 100644 index 0000000..62ea3fd --- /dev/null +++ b/stories/foundation.example.ts @@ -0,0 +1,17 @@ +import {navigationItemIcon,type NavigationIconPresentation} from './navigation-icons.js'; +import {html,nothing} from 'lit'; +import {catalogExample} from './catalog-example.js'; +import {navigationState} from '@vypdev/ha-ui/contracts'; +import type {HaTabs,NavigationSelectionEvent} from '@vypdev/ha-ui/tabs'; +import {catalogSettings,catalogCopy} from './catalog-state.js'; +export interface Args {selected:string;disabled:boolean;empty:boolean;longLabels:boolean;icons?:NavigationIconPresentation;overflow?:boolean;} +const sections=['overview','tasks','inventory','family','settings'] as const; +export const renderExample=(controls:Args,context:{globals:unknown})=>{ + const copy=catalogCopy[catalogSettings(context.globals).locale]; + return catalogExample(controls,(args,setArgs)=>{ + const items=args.empty?[]:(args.overflow?[...sections,'calendar','shopping','rewards'] as const:sections).map((id,index)=>({...(index{event.preventDefault();const next=navigationState({...state,selected:event.detail.id});setArgs({...args,selected:next.selected!});}}> +

${items.find(item=>item.id===state.selected)?.label??copy.household}

${args.empty?copy.empty:args.disabled?copy.disabled:copy.navigationHelp}

`; + }); + }; diff --git a/stories/foundation.stories.ts b/stories/foundation.stories.ts new file mode 100644 index 0000000..4da55f0 --- /dev/null +++ b/stories/foundation.stories.ts @@ -0,0 +1,28 @@ +import type {Meta,StoryObj} from '@storybook/web-components-vite'; +import {renderExample,type Args} from './foundation.example.js'; +import {expect} from 'storybook/test'; +import type {HaTabs,NavigationSelectionEvent} from '@vypdev/ha-ui/tabs'; +const sections=['overview','tasks','inventory','family','settings'] as const; +const meta={title:'Navigation/Household sections',component:'vyp-ha-tabs',tags:['autodocs'], + args:{selected:'overview',icons:'none',disabled:false,empty:false,longLabels:false}, + argTypes:{icons:{control:'select',options:['none','icon-only','icon-and-title','mixed']},selected:{control:'select',options:sections},disabled:{control:'boolean'},empty:{control:'boolean'},longLabels:{control:'boolean'}}, + parameters:{docs:{description:{component:'Real app-section links from @vypdev/ha-ui/tabs, with current-location semantics. The example owns selection and intercepts navigation; the component never invents a route. React, Vue, Angular and Svelte use this same renderer.'}}}, + render:renderExample, +} satisfies Meta; +export default meta; +type Story=StoryObj; +export const Default:Story={play:async({canvasElement})=>{ + const host=canvasElement.querySelector('vyp-ha-tabs')!;await host.updateComplete; + const received:NavigationSelectionEvent[]=[];host.addEventListener('ha-selection-request',event=>received.push(event),{once:true}); + host.shadowRoot!.querySelectorAll('a')[1].click();await expect(received).toHaveLength(1);await expect(received[0].defaultPrevented).toBe(true); +}}; +export const Disabled:Story={args:{disabled:true}}; +export const Empty:Story={args:{empty:true}}; +export const LongLabels:Story={args:{longLabels:true}}; +export const SpanishDarkNarrow:Story={globals:{locale:'es',theme:'dark',width:'narrow',motion:'reduced'}}; + +export const IconOnly:Story={args:{icons:'icon-only'}}; +export const IconAndTitle:Story={args:{icons:'icon-and-title'}}; +export const Mixed:Story={args:{icons:'mixed'}}; + +export const Overflow:Story={args:{overflow:true},globals:{width:'narrow',motion:'reduced'}}; diff --git a/stories/grid.example.ts b/stories/grid.example.ts new file mode 100644 index 0000000..8930b60 --- /dev/null +++ b/stories/grid.example.ts @@ -0,0 +1,21 @@ +import {html} from 'lit'; +import type {Meta} from '@storybook/web-components-vite'; +import {cardState} from '@vypdev/ha-ui/card-contracts'; +import {gridState} from '@vypdev/ha-ui/layout-contracts'; +import {catalogExample} from './catalog-example.js'; +import {catalogSettings} from './catalog-state.js'; + +export interface GridArgs{columns:number;responsive:boolean;square:boolean;rtl:boolean;} +const copy={ + en:{label:'Household tasks',cards:[['Shopping','Review supplies.'],['Cleaning','Check the hallway.'],['Plants','Water the plants.']]}, + es:{label:'Tareas del hogar',cards:[['Compra','Revisa los suministros.'],['Limpieza','Revisa el pasillo.'],['Plantas','Riega las plantas.']]}, + ar:{label:'مهام المنزل',cards:[['التسوق','راجع اللوازم.'],['التنظيف','راجع الردهة.'],['النباتات','اسق النباتات.']]}, +}; +export const renderExample:NonNullable['render']>=(controls,context)=>catalogExample(controls,args=>{ + const locale=args.rtl?'ar':catalogSettings(context.globals).locale; + const text=copy[locale]; + const state=gridState({columns:args.columns,minColumnWidth:args.responsive?170:0,square:args.square,label:text.label}); + return html` + ${text.cards.map(([title,description])=>html`
${description}
`)} + `; +}); diff --git a/stories/grid.stories.ts b/stories/grid.stories.ts new file mode 100644 index 0000000..e7becbc --- /dev/null +++ b/stories/grid.stories.ts @@ -0,0 +1,17 @@ +import type {Meta,StoryObj} from '@storybook/web-components-vite'; +import {expect} from 'storybook/test'; +import {renderExample,type GridArgs} from './grid.example.js'; + +const meta={title:'Layout/Grid',component:'vyp-ha-grid',tags:['autodocs'], + args:{columns:3,responsive:true,square:false,rtl:false}, + argTypes:{columns:{control:{type:'range',min:1,max:6,step:1}},responsive:{control:'boolean'},square:{control:'boolean'},rtl:{control:'boolean'}}, + parameters:{docs:{description:{component:'Home Assistant grid tracks with optional responsive columns and square child boxes.'}}}, + render:renderExample} satisfies Meta; +export default meta;type Story=StoryObj; +export const Default:Story={}; +export const Narrow:Story={globals:{width:'narrow'}}; +export const Square:Story={args:{square:true}}; +export const RightToLeft:Story={args:{rtl:true,columns:2,responsive:false},play:async({canvasElement})=>{ + await expect(canvasElement.querySelector('vyp-ha-grid')!).toHaveAttribute('dir','rtl'); + await expect(canvasElement.querySelector('vyp-ha-grid')!).toHaveAttribute('lang','ar'); +}}; diff --git a/stories/navigation-icons.ts b/stories/navigation-icons.ts new file mode 100644 index 0000000..7f4056f --- /dev/null +++ b/stories/navigation-icons.ts @@ -0,0 +1,16 @@ +/** Original 24-unit fixture glyphs; consumers provide their own reviewed local SVG path data. */ +export const navigationIconPaths=Object.freeze({ + overview:'M3 11L12 3L21 11V21H15V14H9V21H3Z', + tasks:'M4 3H20V21H4ZM7 6V9H10V6ZM12 6V8H17V6ZM7 12V15H10V12ZM12 12V14H17V12Z', + family:'M8 3A3 3 0 1 1 8 9A3 3 0 1 1 8 3ZM16 5A2 2 0 1 1 16 9A2 2 0 1 1 16 5ZM3 12H13V21H3ZM15 12H21V21H15Z', + settings:'M8 2H16L22 8V16L16 22H8L2 16V8ZM8 8V16H16V8Z', + inventory:'M3 4H21V9H3ZM5 10H19V21H5ZM9 12V14H15V12Z', +}); + +export type NavigationIconPresentation='none'|'icon-only'|'icon-and-title'|'mixed'; +/** Fixture composition is application-owned, independent of the renderer and framework. */ +export function navigationItemIcon(presentation:NavigationIconPresentation|undefined,id:keyof typeof navigationIconPaths,index:number) { + const mode=presentation??'none'; + const withIcon=mode!=='none'&&(mode!=='mixed'||index%3!==1); + return {iconPath:withIcon?navigationIconPaths[id]:null,showLabel:mode!=='icon-only'&&!(mode==='mixed'&&index%3===0)}; +} diff --git a/stories/panels.example.ts b/stories/panels.example.ts new file mode 100644 index 0000000..e079e56 --- /dev/null +++ b/stories/panels.example.ts @@ -0,0 +1,18 @@ +import {navigationItemIcon,type NavigationIconPresentation} from './navigation-icons.js'; +import {html,nothing} from 'lit'; +import {catalogExample} from './catalog-example.js'; +import {navigationState} from '@vypdev/ha-ui/contracts'; +import type {HaTabs,NavigationSelectionEvent} from '@vypdev/ha-ui/tabs'; +import {catalogSettings,catalogCopy} from './catalog-state.js'; +export interface Args {selected:string|null;disabled:boolean;icons?:NavigationIconPresentation;overflow?:boolean;} +export const renderExample=(controls:Args,context:{globals:unknown})=>{ + const copy=catalogCopy[catalogSettings(context.globals).locale]; + return catalogExample(controls,(args,setArgs)=>{ + const state=navigationState({kind:'panels',label:copy.panels,scrollStartLabel:copy.scrollStart,scrollEndLabel:copy.scrollEnd,selected:args.disabled?null:args.selected,items:[{...navigationItemIcon(args.icons,'overview',0),id:'overview',label:copy.overview,disabled:args.disabled},{...navigationItemIcon(args.icons,'tasks',1),id:'tasks',label:copy.tasks,disabled:args.disabled},...(args.overflow?(['inventory','family','settings','calendar','shopping','rewards'] as const).map(id=>({id,label:copy[id],disabled:args.disabled})):[])]}); + return html`{event.preventDefault();const next=navigationState({...state,selected:event.detail.id});setArgs({...args,selected:next.selected});}}> +

${copy.overview}

${copy.panelOverview}

+

${copy.tasks}

${copy.panelTasks}

+ ${state.items.slice(2).map(item=>html`

${item.label}

${copy.panelOverview}

`)} + `; + }); + }; diff --git a/stories/panels.stories.ts b/stories/panels.stories.ts new file mode 100644 index 0000000..9650833 --- /dev/null +++ b/stories/panels.stories.ts @@ -0,0 +1,25 @@ +import type {Meta,StoryObj} from '@storybook/web-components-vite'; +import {renderExample,type Args} from './panels.example.js'; +import {expect} from 'storybook/test'; +import type {HaTabs,NavigationSelectionEvent} from '@vypdev/ha-ui/tabs'; +const meta={title:'Tabs/Local panels',component:'vyp-ha-tabs',tags:['autodocs'],args:{selected:'overview',icons:'none',disabled:false}, + argTypes:{icons:{control:'select',options:['none','icon-only','icon-and-title','mixed']},selected:{control:'select',options:['overview','tasks',null]},disabled:{control:'boolean'}}, + parameters:{docs:{description:{component:'The same core element with tab/tabpanel semantics and real named slots. Arrow/Home/End move focus; Enter/Space activate. App sections use the separate navigation mode.'}}}, + render:renderExample, +} satisfies Meta; +export default meta; +type Story=StoryObj; +export const Default:Story={play:async({canvasElement})=>{ + const host=canvasElement.querySelector('vyp-ha-tabs')!;await host.updateComplete; + const received:NavigationSelectionEvent[]=[];host.addEventListener('ha-selection-request',event=>received.push(event),{once:true});host.shadowRoot!.querySelectorAll('[part=item]')[1].click(); + await expect(received).toHaveLength(1);await expect(received[0].detail.id).toBe('tasks'); +}}; +export const Disabled:Story={args:{disabled:true}}; +export const Unselected:Story={args:{selected:null}}; +export const SpanishDarkNarrow:Story={globals:{locale:'es',theme:'dark',width:'narrow',motion:'reduced'}}; + +export const IconOnly:Story={args:{icons:'icon-only'}}; +export const IconAndTitle:Story={args:{icons:'icon-and-title'}}; +export const Mixed:Story={args:{icons:'mixed'}}; + +export const Overflow:Story={args:{overflow:true},globals:{width:'narrow',motion:'reduced'}}; diff --git a/stories/row.example.ts b/stories/row.example.ts new file mode 100644 index 0000000..fc556b6 --- /dev/null +++ b/stories/row.example.ts @@ -0,0 +1,24 @@ +import {html,nothing} from 'lit'; +import type {Meta} from '@storybook/web-components-vite'; +import {buttonState} from '@vypdev/ha-ui/button-contracts'; +import {rowState} from '@vypdev/ha-ui/layout-contracts'; +import {catalogExample} from './catalog-example.js'; +import {catalogSettings} from './catalog-state.js'; + +export interface RowArgs{description:boolean;actions:boolean;long:boolean;rtl:boolean;reviewed:boolean;} +const copy={ + en:{list:'Household tasks',label:'Review kitchen supplies',description:'Check the shared shopping list.',long:'Review the kitchen, laundry and maintenance supplies for the shared household',action:'Review task',done:'Task reviewed.'}, + es:{list:'Tareas del hogar',label:'Revisar suministros',description:'Consulta la lista de la compra compartida.',long:'Revisar los suministros de cocina, lavandería y mantenimiento del hogar',action:'Revisar tarea',done:'Tarea revisada.'}, + ar:{list:'مهام المنزل',label:'راجع لوازم المطبخ',description:'راجع قائمة التسوق المشتركة.',long:'راجع لوازم المطبخ والغسيل والصيانة للمنزل المشترك',action:'راجع المهمة',done:'تمت مراجعة المهمة.'}, +}; +export const renderExample:NonNullable['render']>=(controls,context)=>catalogExample(controls,(args,setArgs)=>{ + const locale=args.rtl?'ar':catalogSettings(context.globals).locale; + const text=copy[locale]; + const state=rowState({label:args.long?text.long:text.label,description:args.description?text.description:''}); + return html`
+ + ${args.actions?html`setArgs({...args,reviewed:true})}>`:nothing} + +
${args.reviewed?text.done:''}
`; +}); diff --git a/stories/row.stories.ts b/stories/row.stories.ts new file mode 100644 index 0000000..82a2fb5 --- /dev/null +++ b/stories/row.stories.ts @@ -0,0 +1,22 @@ +import type {Meta,StoryObj} from '@storybook/web-components-vite'; +import {expect,userEvent,waitFor} from 'storybook/test'; +import {renderExample,type RowArgs} from './row.example.js'; + +const meta={title:'Layout/Row',component:'vyp-ha-row',tags:['autodocs'], + args:{description:true,actions:false,long:false,rtl:false,reviewed:false}, + argTypes:{description:{control:'boolean'},actions:{control:'boolean'},long:{control:'boolean'},rtl:{control:'boolean'},reviewed:{table:{disable:true}}}, + parameters:{docs:{description:{component:'A passive Home Assistant list row with inert text and optional leading and trailing content.'}}}, + render:renderExample} satisfies Meta; +export default meta;type Story=StoryObj; +export const Default:Story={}; +export const SingleLine:Story={args:{description:false}}; +export const NarrowRightToLeft:Story={args:{long:true,rtl:true},globals:{width:'narrow'},play:async({canvasElement})=>{ + await expect(canvasElement.querySelector('[role=list]')!).toHaveAttribute('dir','rtl'); + await expect(canvasElement.querySelector('[role=list]')!).toHaveAttribute('lang','ar'); + await expect(canvasElement.querySelector('[role=status]')!).toHaveAttribute('lang','ar'); +}}; +export const WithAction:Story={args:{actions:true},play:async({canvasElement})=>{ + const button=canvasElement.querySelector('vyp-ha-row vyp-ha-button')!.shadowRoot!.querySelector('button')!; + await userEvent.click(button); + await waitFor(()=>expect(canvasElement.querySelector('[role=status]')!.textContent).not.toBe('')); +}}; diff --git a/stories/select.example.ts b/stories/select.example.ts new file mode 100644 index 0000000..a901229 --- /dev/null +++ b/stories/select.example.ts @@ -0,0 +1,20 @@ +import {html} from 'lit'; +import type {Meta} from '@storybook/web-components-vite'; +import {catalogExample} from './catalog-example.js'; +import {catalogSettings} from './catalog-state.js'; +import {buttonState} from '@vypdev/ha-ui/button-contracts'; +import {selectState,selectValueDetail,type SelectSelection,type SelectMode} from '@vypdev/ha-ui/select-contracts'; +import type {SelectValueEvent} from '@vypdev/ha-ui/select'; +export interface Args {value:SelectSelection;defaultValue:SelectSelection;multiple:boolean;mode:SelectMode;required:boolean;disabled:boolean;error:boolean;empty:boolean;cancel:boolean;submitted:string|null;} +const localized={en:{label:'Category',clear:'Clear selection',search:'Search categories',searchPlaceholder:'Search',notFound:'No matching categories.',remove:'Remove',description:'Choose a category for the household task.',placeholder:'Select a category',empty:'No categories available.',error:'Review this category.',required:'Select a category.',unavailable:'Select an available category.',labels:['Maintenance','Shopping','Other','No category','Archived'],save:'Save category',reset:'Reset category',draft:'Draft',saved:'Saved'},es:{label:'Categoría',clear:'Borrar selección',search:'Buscar categorías',searchPlaceholder:'Buscar',notFound:'No hay categorías coincidentes.',remove:'Eliminar',description:'Elige una categoría para la tarea del hogar.',placeholder:'Selecciona una categoría',empty:'No hay categorías disponibles.',error:'Revisa esta categoría.',required:'Selecciona una categoría.',unavailable:'Selecciona una categoría disponible.',labels:['Mantenimiento','Compra','Otra','Sin categoría','Archivada'],save:'Guardar categoría',reset:'Restablecer categoría',draft:'Borrador',saved:'Guardado'}}; +export const renderExample:NonNullable['render']>=(controls,context)=>{ + const copy=localized[catalogSettings(context.globals).locale]; + return catalogExample(controls,(args,setArgs)=>{ + const state=selectState({label:copy.label,clearLabel:copy.clear,mode:args.mode,searchLabel:copy.search,searchPlaceholder:copy.searchPlaceholder,notFoundMessage:copy.notFound,removeLabel:copy.remove,description:copy.description,placeholder:copy.placeholder,emptyMessage:copy.empty,required:args.required,multiple:args.multiple,error:args.error?copy.error:'',requiredMessage:copy.required,unavailableMessage:copy.unavailable,options:args.empty?[]:[{value:1,label:copy.labels[0]},{value:'1',label:copy.labels[1]},{value:false,label:copy.labels[2]},{value:'',label:copy.labels[3]},{value:'archived',label:copy.labels[4],disabled:true}]}); + return html`
{event.preventDefault();setArgs({...args,submitted:JSON.stringify([...new FormData(event.currentTarget as HTMLFormElement)])});}}> + {const detail=selectValueDetail(event.detail);if(args.cancel)event.preventDefault();else setArgs({...args,value:detail.value,error:false,submitted:null});}}> +
+
${args.submitted===null?copy.draft+': '+JSON.stringify(args.value):copy.saved+': '+args.submitted}
+
`; + }); +}; diff --git a/stories/select.stories.ts b/stories/select.stories.ts new file mode 100644 index 0000000..2e632f4 --- /dev/null +++ b/stories/select.stories.ts @@ -0,0 +1,34 @@ +import type {Meta,StoryObj} from '@storybook/web-components-vite'; +import {expect,waitFor,userEvent} from 'storybook/test'; +import {renderExample,type Args} from './select.example.js'; +import type {HaSelect} from '@vypdev/ha-ui/select'; +import type {HaButton} from '@vypdev/ha-ui/button'; +const meta={title:'Forms/Select',component:'vyp-ha-select',tags:['autodocs'],args:{value:1,defaultValue:false,multiple:false,mode:'auto',required:false,disabled:false,error:false,empty:false,cancel:false,submitted:null},argTypes:{value:{control:'object'},defaultValue:{control:'object'},multiple:{control:'boolean'},mode:{control:'select',options:['auto','dropdown','list']},required:{control:'boolean'},disabled:{control:'boolean'},error:{control:'boolean'},empty:{control:'boolean'},cancel:{control:'boolean'},submitted:{table:{disable:true}}},parameters:{docs:{description:{component:'A typed select with a filled picker, a multiple dropdown with chips and search, and explicit radio and checkbox lists. Automatic mode retains its size-based behavior. The app owns its model; all framework bindings reuse this renderer. ElementInternals serializes successful primitives as strings in FormData.'}}},render:renderExample} satisfies Meta; +export default meta;type Story=StoryObj; +export const Default:Story={play:async({canvasElement})=>{ + const host=canvasElement.querySelector('vyp-ha-select')!;await host.updateComplete;await userEvent.click(host.shadowRoot!.querySelector('#control')!);await host.updateComplete;await userEvent.click(host.shadowRoot!.querySelector('#option-3')!);await waitFor(()=>expect(host.value).toBe('')); + canvasElement.querySelector('form')!.reset();await waitFor(()=>expect(host.value).toBe(false));canvasElement.querySelector('vyp-ha-button[type=submit]')!.click();await waitFor(()=>expect(canvasElement.querySelector('[role=status]')!.textContent).toContain('[["category","false"]]')); +}}; +export const Multiple:Story={args:{multiple:true,mode:'dropdown',value:[1,false],defaultValue:[1]},play:async({canvasElement})=>{const host=canvasElement.querySelector('vyp-ha-select')!;await host.updateComplete;await userEvent.click(host.shadowRoot!.querySelector('#multi-remove-1')!);await waitFor(()=>expect(host.value).toEqual([1]));await userEvent.click(host.shadowRoot!.querySelector('#control')!);await host.updateComplete;await userEvent.type(host.shadowRoot!.querySelector('#multi-search')!,host.state.options[1].label);await host.updateComplete;await userEvent.click(host.shadowRoot!.querySelector('#multi-option-1')!);await waitFor(()=>expect(host.value).toEqual([1,'1']));}}; +export const SingleList:Story={args:{mode:'list',required:true},play:async({canvasElement})=>{ + const host=canvasElement.querySelector('vyp-ha-select')!;await host.updateComplete; + const choice=host.shadowRoot!.querySelector('#list-option-1')!;await userEvent.click(choice); + await waitFor(()=>{expect(host.value).toBe('1');expect(choice).toBeChecked();}); + canvasElement.querySelector('form')!.reset();await waitFor(()=>expect(host.value).toBe(false)); +}}; +export const MultipleList:Story={args:{mode:'list',multiple:true,value:[1,false],defaultValue:[1]},play:async({canvasElement})=>{ + const host=canvasElement.querySelector('vyp-ha-select')!;await host.updateComplete; + const choice=host.shadowRoot!.querySelector('#list-option-1')!;await userEvent.click(choice); + await waitFor(()=>{expect(host.value).toEqual([1,false,'1']);expect(choice).toBeChecked();}); + canvasElement.querySelector('vyp-ha-button[type=submit]')!.click(); + await waitFor(()=>expect(canvasElement.querySelector('[role=status]')!.textContent).toContain('[["category","1"],["category","1"],["category","false"]]')); +}}; +export const Required:Story={args:{required:true,value:null},play:async({canvasElement})=>{const host=canvasElement.querySelector('vyp-ha-select')!;await host.updateComplete;host.addEventListener('invalid',event=>event.preventDefault());expect(host.reportValidity()).toBe(false);await host.updateComplete;expect(host.shadowRoot!.querySelector('#control')!.getAttribute('aria-invalid')).toBe('true');}}; +export const Disabled:Story={args:{disabled:true}}; +export const Error:Story={args:{error:true}}; +export const Unavailable:Story={args:{value:'missing'}}; +export const DisabledOption:Story={args:{value:'archived'}}; +export const Empty:Story={args:{value:null,empty:true}}; +export const EmptyMultiple:Story={args:{value:[],multiple:true,mode:'dropdown',empty:true}}; +export const Canceled:Story={args:{cancel:true},play:async({canvasElement})=>{const host=canvasElement.querySelector('vyp-ha-select')!;await host.updateComplete;await userEvent.click(host.shadowRoot!.querySelector('#control')!);await host.updateComplete;await userEvent.click(host.shadowRoot!.querySelector('#option-2')!);expect(host.value).toBe(1);expect((host.shadowRoot!.querySelector('#control') as HTMLButtonElement).value).toBe('0');}}; +export const SpanishDarkNarrow:Story={globals:{locale:'es',theme:'dark',width:'narrow',motion:'reduced'}}; diff --git a/tests/architecture.test.mjs b/tests/architecture.test.mjs new file mode 100644 index 0000000..28df65f --- /dev/null +++ b/tests/architecture.test.mjs @@ -0,0 +1,162 @@ +import {test, expect} from 'vitest'; +import {readFileSync, globSync} from 'node:fs'; +import {resolve, relative, dirname} from 'node:path'; +import ts from 'typescript'; +import {parse} from 'yaml'; + +function imports(code) { + const source = ts.createSourceFile('source.ts', code, ts.ScriptTarget.Latest, true); + const results = []; + const dependency = expression => results.push(expression && ts.isStringLiteral(expression) ? expression.text : ''); + const commonJS = expression => ts.isIdentifier(expression) && expression.text === 'require' + || ts.isPropertyAccessExpression(expression) && ts.isIdentifier(expression.expression) + && expression.expression.text === 'module' && expression.name.text === 'require' + || ts.isElementAccessExpression(expression) && ts.isIdentifier(expression.expression) + && expression.expression.text === 'module' && ts.isStringLiteral(expression.argumentExpression) + && expression.argumentExpression.text === 'require'; + function visit(node) { + if ((ts.isImportDeclaration(node) || ts.isExportDeclaration(node)) && node.moduleSpecifier) + results.push(node.moduleSpecifier.text); + if (ts.isCallExpression(node) && (node.expression.kind === ts.SyntaxKind.ImportKeyword || commonJS(node.expression))) + dependency(node.arguments[0]); + if (ts.isImportEqualsDeclaration(node) && ts.isExternalModuleReference(node.moduleReference)) + dependency(node.moduleReference.expression); + ts.forEachChild(node, visit); + } + visit(source); return results; +} +function allowed(specifier) { + return (specifier.startsWith('.')||specifier==='lit'||specifier.startsWith('lit/')) + && !specifier.includes('domus') && !specifier.includes('gateway'); +} +test('the pure contract does not acquire framework or application imports', () => { + const code = readFileSync('packages/core/src/contracts.ts', 'utf8'); + expect(imports(code)).toEqual(['./presentation-text.js']); + expect(imports(readFileSync('packages/core/src/checkbox-contracts.ts','utf8'))).toEqual(['./presentation-text.js']); + expect(imports(readFileSync('packages/core/src/select-contracts.ts','utf8'))).toEqual(['./presentation-text.js']); + expect(imports(readFileSync('packages/core/src/field-contracts.ts','utf8'))).toEqual(['./presentation-text.js']); + expect(imports(readFileSync('packages/core/src/button-contracts.ts','utf8'))).toEqual(['./presentation-text.js']); + expect(imports(readFileSync('packages/core/src/dialog-contracts.ts','utf8'))).toEqual(['./presentation-text.js']); + expect(imports(readFileSync('packages/core/src/card-contracts.ts','utf8'))).toEqual(['./presentation-text.js']); + expect(imports(readFileSync('packages/core/src/feedback-contracts.ts','utf8'))).toEqual(['./presentation-text.js']); + expect(imports(readFileSync('packages/core/src/presentation-text.ts','utf8'))).toEqual([]); + expect(imports(readFileSync('packages/core/src/select-navigation.ts','utf8'))).toEqual(['./select-contracts.js']); + expect(imports(readFileSync('packages/core/src/select-multiple.ts','utf8'))).toEqual(['./select-contracts.js']); +}); +test('architecture policy rejects direct, re-exported, dynamic and CommonJS dependencies', () => { + for (const code of ['import x from "react";', 'export * from "@angular/core";', 'await import("vue");', 'await import(target);', + 'require("react");', 'require("node:fs");', 'require("fs");', 'require("fs/promises");', 'require("http");', 'require("express");', 'require(target);', 'require();', + 'module.require("vue");', 'module["require"]("svelte");', 'module.require(target);', + 'import framework = require("@angular/core");']) + expect(imports(code).some(specifier => !allowed(specifier))).toBe(true); + expect(imports('require("./local.js"); module.require("lit"); import local = require("./local.js");')).toEqual(['./local.js','lit','./local.js']); + expect(imports('// require("react")\nconst text = "require(react)"; unrelated.require("react");')).toEqual([]); +}); +test('every actual core module respects the dependency boundary', () => { + for (const file of globSync('packages/core/src/**/*.ts')) for (const dependency of imports(readFileSync(file, 'utf8'))) { + expect(allowed(dependency), `${file}: ${dependency}`).toBe(true); + if (dependency.startsWith('.')) expect(relative(resolve('packages/core/src'), resolve(dirname(file), dependency)).startsWith('..')).toBe(false); + } +}); +test('CI Check runs for every PR update with frozen tools and all implemented quality gates', () => { + const workflow = parse(readFileSync('.github/workflows/ci_check.yml', 'utf8')); + expect(workflow.name).toBe('CI Check'); + expect(workflow.on.pull_request.types).toEqual(expect.arrayContaining(['opened','reopened','synchronize','ready_for_review','converted_to_draft'])); + expect(workflow.on.pull_request.paths).toBeUndefined(); + const job = workflow.jobs.quality; + expect(job.name).toBe('CI Check'); expect(job.if).toBeUndefined(); + expect(job['continue-on-error']).toBeUndefined(); + expect(job.steps.every(step => step['continue-on-error'] === undefined)).toBe(true); + const commands = job.steps.flatMap(step => step.run ? [step.run] : []); + for (const command of ['pnpm install --frozen-lockfile --ignore-scripts', 'pnpm check', 'pnpm exec playwright install --with-deps chromium --only-shell','pnpm exec playwright install --with-deps firefox webkit', 'pnpm test', 'pnpm build', 'pnpm test:package','pnpm test:ssr','pnpm storybook:build','pnpm test:storybook','pnpm test:engines']) expect(commands).toContain(command); + const sdk = job.steps.find(step => step.with?.repository === 'vypdev/copilot'); + expect(sdk.with.ref).toBe('3e7ceea08e6131360e026937d1c0cc1b120472e0'); + expect(sdk.with['persist-credentials']).toBe(false); + expect(commands.some(command => command.includes('specification_catalog_validator.cjs') && command.includes('main([], process.cwd())'))).toBe(true); + const artifact = job.steps.find(step => step.uses?.startsWith('actions/upload-artifact@')); + expect(artifact.if).toBe('${{ always() }}'); +}); +test('test configuration covers every package and authored tool per file without hiding runtime modules', () => { + const source = readFileSync('vitest.config.ts', 'utf8'); + expect(source).toContain("completeCoverage(['packages/*/src', 'tooling', 'stories', '.storybook'], 'coverage')"); + expect(source).toContain("exclude:['stories/**/*.stories.ts']"); + const manifest = JSON.parse(readFileSync('package.json', 'utf8')); + expect(manifest.scripts.test).toBe('vitest run --coverage && node --test tests/coverage-evidence.test.mjs'); +}); + +const adapterFrameworks={react:'react',vue:'vue',angular:'@angular/core',svelte:'svelte'}; +function adapterImport(framework,specifier) { + if (specifier==='@vypdev/ha-ui' || specifier.startsWith('@vypdev/ha-ui/')) return true; + if (specifier.startsWith('.')) return true; + if (framework==='angular' && specifier==='@angular/forms') return true; + const own=adapterFrameworks[framework]; + return specifier===own || specifier.startsWith(own+'/'); +} +test('each adapter imports only its own framework, local bindings and the shared core',()=>{ + for (const framework of Object.keys(adapterFrameworks)) for (const file of globSync('packages/'+framework+'/src/**/*.{ts,svelte}')) { + const original=readFileSync(file,'utf8'); + const code=file.endsWith('.svelte')?original.match(/]*>([\s\S]*?)<\/script>/u)[1]:original; + for (const dependency of imports(code)) { + expect(adapterImport(framework,dependency),file+': '+dependency).toBe(true); + if (dependency.startsWith('.')) expect(relative(resolve('packages',framework,'src'),resolve(dirname(file),dependency)).startsWith('..')).toBe(false); + } + expect(original).not.toMatch(/]|]/u); + } +}); +test('adapter direction rejects other frameworks, adapters, application code and server I/O',()=>{ + for (const [framework,dependency] of [['react','vue'],['vue','@vypdev/ha-ui-react'],['angular','lit'],['svelte','@angular/core'],['react','domus'],['vue','node:fs'],['angular','homeassistant-gateway']]) + expect(adapterImport(framework,dependency)).toBe(false); +}); +test('framework entrypoints never import the core DOM renderer at runtime or register tags',()=>{ + for (const framework of Object.keys(adapterFrameworks)) for (const file of globSync('packages/'+framework+'/src/**/*.{ts,svelte}')) { + const original=readFileSync(file,'utf8'); + const code=file.endsWith('.svelte')?original.match(/]*>([\s\S]*?)<\/script>/u)[1]:original; + const parsed=ts.createSourceFile('source.ts',code,ts.ScriptTarget.Latest,true); + for (const node of parsed.statements) if (ts.isImportDeclaration(node) && node.moduleSpecifier.text.startsWith('@vypdev/ha-ui')) + expect(node.importClause.isTypeOnly||['@vypdev/ha-ui/field-contracts','@vypdev/ha-ui/button-contracts','@vypdev/ha-ui/select-contracts','@vypdev/ha-ui/checkbox-contracts','@vypdev/ha-ui/dialog-contracts'].includes(node.moduleSpecifier.text),file).toBe(true); + expect(code).not.toMatch(/customElements|registerTabs/u); + } +}); +test('adapter manifests keep other frameworks out and retain the exact shared cohort',()=>{ + for (const [framework,peer] of Object.entries(adapterFrameworks)) { + const manifest=JSON.parse(readFileSync('packages/'+framework+'/package.json','utf8')); + expect(Object.keys(manifest.peerDependencies)).toEqual(framework==='angular'?[peer,'@angular/forms']:[peer]); + expect(manifest.dependencies['@vypdev/ha-ui']).toBe(framework==='angular'?'0.1.0-next.1':'workspace:*'); + expect(Object.keys(manifest.dependencies).sort()).toEqual(framework==='angular'?['@vypdev/ha-ui','tslib']:['@vypdev/ha-ui']); + expect(manifest.version).toBe(JSON.parse(readFileSync('packages/core/package.json','utf8')).version); + } +}); + +test('strict checks cover the source, Node consumer tooling and every Svelte fixture',()=>{ + const manifest=JSON.parse(readFileSync('package.json','utf8')); + for (const command of ['tsc --noEmit -p tsconfig.json','tsc --noEmit -p tsconfig.consumers.json','svelte-check --tsconfig tsconfig.svelte-source.json','svelte-check --tsconfig tsconfig.svelte-tests.json'])expect(manifest.scripts.check).toContain(command); + const source=JSON.parse(readFileSync('tsconfig.json','utf8')); + expect(source.compilerOptions.strict).toBe(true);expect(source.compilerOptions.skipLibCheck).toBe(false); + for (const framework of Object.keys(adapterFrameworks)) { + const fixture=JSON.parse(readFileSync('tests/consumers/fixtures/'+framework+'/tsconfig.json','utf8')); + expect(fixture.compilerOptions.strict).toBe(true);expect(fixture.compilerOptions.skipLibCheck).toBe(false); + } +}); + +test('CSF test definitions delegate all rendering to independently covered examples',()=>{ + for(const file of globSync('stories/**/*.stories.ts')) { + const code=readFileSync(file,'utf8'); + expect(code).toContain('render:renderExample'); + expect(imports(code).some(path=>path.endsWith('.example.js'))).toBe(true); + expect(code).not.toMatch(/html`|catalogExample\(|customElements\.define|attachShadow|')); +} diff --git a/tests/consumers/framework-buttons.ts b/tests/consumers/framework-buttons.ts new file mode 100644 index 0000000..894c1b6 --- /dev/null +++ b/tests/consumers/framework-buttons.ts @@ -0,0 +1,52 @@ +import assert from 'node:assert/strict'; +import {join} from 'node:path'; +import type {Page} from 'playwright'; +import type {HaButton} from '@vypdev/ha-ui/button'; + +/** Exercise installed framework bindings through their app handlers and actual browser defaults. */ +export async function exerciseFrameworkButton(page:Page,root:string,framework:string){ + const action=page.locator('#bound-submit'),button=action.getByRole('button',{name:'Save task',exact:true}); + const count=async(label:string)=>Number(await page.getByLabel(label,{exact:true}).textContent()); + const waitCount=async(label:string,expected:number)=>page.waitForFunction(({label,expected})=>document.querySelector('output[aria-label="'+label+'"]')!.textContent===String(expected),{label,expected}); + const geometry=await action.evaluate(host=>{const button=host.shadowRoot!.querySelector('button')!,surface=host.shadowRoot!.querySelector('[part=surface]')!;return{hit:button.getBoundingClientRect().height,paint:surface.getBoundingClientRect().height,line:getComputedStyle(surface).lineHeight};}); + assert.equal(geometry.paint,40);assert.ok(geometry.hit>=44);assert.equal(geometry.line,'14px'); + const start=await count('Press events'),accepted=await count('Accepted presses'),submitted=await count('Submit events'); + assert.equal(start,2,'The field Enter and invalid save must reach the real button binding');assert.equal(accepted,2);assert.equal(submitted,1); + const nestedRequest=await action.evaluate(async host=>{ + const nested=document.createElement('vyp-ha-button');let bubbled=0; + const observe=(event:Event)=>{if(event.composedPath()[0]===nested)bubbled++;}; + host.addEventListener('ha-press-request',observe); + try{host.append(nested);await nested.updateComplete;nested.click();return bubbled;} + finally{host.removeEventListener('ha-press-request',observe);nested.remove();} + }); + assert.equal(nestedRequest,1);assert.equal(await count('Press events'),start);assert.equal(await count('Accepted presses'),accepted); + const proxy=await action.evaluateHandle(host=>(host as HaButton).submitter); + assert.equal(await action.getAttribute('state'),null);assert.equal(await action.locator('[slot="leading"]').count(),1); + await page.getByRole('button',{name:'Cancel button request',exact:true}).click();await button.click();await waitCount('Press events',start+1); + assert.equal(await count('Accepted presses'),accepted);assert.equal(await count('Submit events'),submitted); + await page.getByRole('button',{name:'Cancel button request',exact:true}).click(); + const textbox=page.getByRole('textbox',{name:'Task name',exact:true});await textbox.fill('Button journey');await button.focus();await page.keyboard.press('Space'); + await waitCount('Submit events',submitted+1);assert.equal(await count('Press events'),start+2);assert.equal(await count('Accepted presses'),accepted+1);assert.equal(await page.getByLabel('Button metadata').textContent(),'true'); + assert.deepEqual(JSON.parse((await page.getByLabel('Saved task').textContent())!),[['task','Button journey'],['action','save']]); + await page.getByRole('button',{name:'Toggle button icons',exact:true}).click();await page.waitForFunction(()=>document.querySelector('#bound-submit [slot="leading"]')===null); + assert.equal(await proxy.evaluate((native)=>native!.parentElement===document.querySelector('#bound-submit')),true); + await page.getByRole('button',{name:'Toggle button icons',exact:true}).click();await action.locator('[slot="leading"]').waitFor(); + await page.getByRole('button',{name:'Toggle button busy',exact:true}).click();await page.waitForFunction(()=>document.querySelector('#bound-submit')!.shadowRoot!.querySelector('button')!.getAttribute('aria-busy')==='true'); + await action.evaluate(host=>(host as HaButton).click());assert.equal(await count('Press events'),start+2);assert.equal(await button.isDisabled(),true); + await page.getByRole('button',{name:'Toggle button busy',exact:true}).click();await page.getByRole('button',{name:'Toggle button disabled',exact:true}).click();await page.waitForFunction(()=>document.querySelector('#bound-submit')!.shadowRoot!.querySelector('button')!.disabled); + await action.evaluate(host=>(host as HaButton).click());assert.equal(await count('Press events'),start+2);await page.getByRole('button',{name:'Toggle button disabled',exact:true}).click(); + await textbox.fill('');await button.click();await waitCount('Press events',start+3);assert.equal(await textbox.getAttribute('aria-invalid'),'true');assert.equal(await count('Submit events'),submitted+1); + await page.getByRole('button',{name:'Reset task',exact:true}).click();await page.waitForFunction(()=>document.querySelector('output[aria-label="Field model"]')!.textContent==='Kitchen');assert.equal(await textbox.inputValue(),'Kitchen'); + const retained=await action.elementHandle();assert.ok(retained);await page.getByRole('button',{name:'Toggle action button',exact:true}).click();await action.waitFor({state:'detached'}); + await retained.evaluate(host=>host.dispatchEvent(new CustomEvent('ha-press-request',{detail:{type:'submit'},cancelable:true})));assert.equal(await count('Press events'),start+3); + const form=page.getByRole('form',{name:'Task form',exact:true}); + await form.evaluate(element=>element.addEventListener('submit',event=>{(element as HTMLElement).dataset.nativeSubmitter=String((event as SubmitEvent).submitter);},{once:true})); + await textbox.press('Enter');await waitCount('Submit events',submitted+2); + assert.deepEqual(JSON.parse((await page.getByLabel('Saved task').textContent())!),[['task','Kitchen']]); + assert.equal(await form.getAttribute('data-native-submitter'),'null'); + assert.equal(await page.getByLabel('Button metadata').textContent(),'false'); + + await page.getByRole('button',{name:'Toggle action button',exact:true}).click();await button.click();await waitCount('Submit events',submitted+3);assert.equal(await count('Press events'),start+4);assert.equal(await count('Accepted presses'),accepted+3); + await action.screenshot({path:join(root,'test-results','packed-'+framework+'-button-light.png')}); + return {sharedRenderer:true,nestedRequestIsolated:true,originalCancelableRequest:true,validatedAcceptedSnapshot:true,keyboardActivation:true,nativeValidation:true,nativeSubmitter:true,frameworkReset:true,disabledAndBusy:true,projectionPreservesSubmitter:true,submitWithoutButton:true,teardownAndRemount:true}; +} diff --git a/tests/consumers/frameworks.ts b/tests/consumers/frameworks.ts new file mode 100644 index 0000000..998e084 --- /dev/null +++ b/tests/consumers/frameworks.ts @@ -0,0 +1,167 @@ +import {exerciseFrameworkFeedback} from './feedback.ts'; +import {exerciseFrameworkLayout} from './layouts.ts'; +import {exerciseFrameworkCard} from './cards.ts'; +import {assertBoundNavigationIcons} from './navigation-icons.ts'; +import {fixtureFonts} from './fonts.ts'; +import {exerciseFrameworkCheckbox} from './checkboxes.ts'; +import {exerciseFrameworkSelect} from './selects.ts'; +import {exerciseFrameworkDialog} from './dialogs.ts'; +import {exerciseFrameworkButton} from './framework-buttons.ts'; +import {exerciseField} from './fields.ts'; +import assert from 'node:assert/strict'; +import {readFile,writeFile,readdir,cp,mkdir} from 'node:fs/promises'; +import {resolve,join,dirname,relative} from 'node:path'; +import {promisify} from 'node:util'; +import {globSync} from 'node:fs'; +import {execFile} from 'node:child_process'; +import {createHash} from 'node:crypto'; +import {parse,stringify} from 'yaml'; +import {createServer,type Plugin} from 'vite'; +import {svelte} from '@sveltejs/vite-plugin-svelte'; +import {transformAsync} from '@babel/core'; +import linker from '@angular/compiler-cli/linker/babel'; +import {needsLinking} from '@angular/compiler-cli/linker'; +import type {Browser} from 'playwright'; +import type {HaTabs} from '@vypdev/ha-ui/tabs'; + +const execute=promisify(execFile); +export async function exerciseFrameworks(root:string,scratch:string,browser:Browser) { + const sourceLock=parse(await readFile(join(root,'pnpm-lock.yaml'),'utf8')); + const results=[]; + for (const framework of ['react','vue','angular','svelte']) { + const folder=join(scratch,'consumer-'+framework); + await cp(join(root,'tests/consumers/fixtures',framework),folder,{recursive:true}); + await fixtureFonts(root,folder); + const lock=parse(await readFile(join(folder,'pnpm-lock.yaml'),'utf8')); + const candidateArchives=[]; + for (const [key,description] of Object.entries(lock.packages) as [string,{resolution:{tarball?:string;integrity:string}}][]) { + if (description.resolution.tarball) { + assert.ok(key.startsWith('@vypdev/ha-ui')); + const archive=resolve(folder,description.resolution.tarball.slice('file:'.length)); + assert.equal(dirname(archive),join(scratch,'pack-1')); + const bytes=await readFile(archive); + description.resolution.integrity='sha512-'+createHash('sha512').update(bytes).digest('base64'); + candidateArchives.push({file:description.resolution.tarball,sha256:createHash('sha256').update(bytes).digest('hex')}); + } else assert.deepEqual(description,sourceLock.packages[key],'Registry resolution must match the reviewed source lock: '+key); + } + const frozen=stringify(lock);await writeFile(join(folder,'pnpm-lock.yaml'),frozen); + const config=parse(await readFile(join(folder,'pnpm-workspace.yaml'),'utf8')); + config.cacheDir=join(folder,'empty-metadata-cache');await writeFile(join(folder,'pnpm-workspace.yaml'),stringify(config)); + await execute('pnpm',['install','--frozen-lockfile','--offline','--ignore-scripts'],{cwd:folder}); + assert.equal(await readFile(join(folder,'pnpm-lock.yaml'),'utf8'),frozen); + const installedRoot=join(folder,'node_modules/@vypdev/ha-ui-'+framework); + const published=JSON.parse(await readFile(join(installedRoot,'package.json'),'utf8')); + assert.equal(published.version,'0.1.0-next.1'); + assert.equal(published.dependencies['@vypdev/ha-ui'],'0.1.0-next.1'); + assert.doesNotMatch(JSON.stringify(published),/workspace:|file:/u,'Published metadata cannot retain fixture or workspace references'); + for (const source of globSync('packages/'+framework+'/src/**/*.{ts,svelte}',{cwd:root})) + assert.deepEqual(await readFile(join(installedRoot,relative(join(root,'packages',framework),join(root,source)))),await readFile(join(root,source)),'Installed authored source must match '+source); + const installed=await readdir(join(folder,'node_modules/.pnpm')); + const identities={react:/^(react@|react-dom@)/u,vue:/^vue@/u,angular:/^@angular\+/u,svelte:/^svelte@/u}; + for (const [other,pattern] of Object.entries(identities)) if (other!==framework) + assert.equal(installed.some(name=>pattern.test(name)),false,'A selected adapter must not install '+other); + const compiler=framework==='svelte'?join(root,'node_modules/svelte-check/bin/svelte-check'):framework==='angular'?join(root,'node_modules/@angular/compiler-cli/bundles/src/bin/ngc.js'):join(folder,'node_modules/typescript/bin/tsc'); + const args=framework==='svelte'?['--tsconfig','tsconfig.json']:['-p','tsconfig.json']; + await execute(process.execPath,[compiler,...args],{cwd:folder}); + const plugins:Plugin[]=framework==='angular'?[{ + name:'official-angular-linker',enforce:'pre', + async transform(code,id) { + if (!needsLinking(id.split('?')[0],code)) return; + const output=await transformAsync(code,{filename:id,configFile:false,babelrc:false,plugins:[linker],sourceMaps:true}); + assert.ok(output?.code);return {code:output.code,map:output.map?JSON.stringify(output.map):null}; + }, + }]:framework==='svelte'?svelte({configFile:false,compilerOptions:{dev:false}}):[]; + const server=await createServer({root:folder,configFile:false,plugins,logLevel:'error',optimizeDeps:framework==='angular'?{noDiscovery:true}:{},server:{host:'127.0.0.1',port:0}}); + const page=await browser.newPage({viewport:{width:360,height:640},reducedMotion:'reduce'}); + const errors:string[]=[];page.on('pageerror',error=>errors.push(error.message)); + try { + await server.listen();const address=server.httpServer!.address();assert.ok(address&&typeof address==='object'); + await page.goto('http://127.0.0.1:'+address.port); + await page.evaluate(()=>document.fonts.ready); + let nativeHostAttributes; + if(framework==='vue'){ + nativeHostAttributes=await page.evaluate(()=>[...document.querySelectorAll('vyp-ha-tabs,vyp-ha-field,vyp-ha-button,vyp-ha-select,vyp-ha-checkbox')].map(element=>{ + const host=element as HTMLElement&{form?:HTMLFormElement|null},owner=host.form; + const entries=()=>owner?[...new FormData(owner)]:null,before=entries();host.hidden=true; + const hidden=getComputedStyle(host).display,whileHidden=entries();host.hidden=false; + return{tag:host.localName,title:host.title,description:host.getAttribute('aria-description'),proof:host.getAttribute('data-host-attributes'),hidden,visibleHeight:host.getBoundingClientRect().height,before,whileHidden}; + })); + assert.deepEqual([...new Set(nativeHostAttributes.map(row=>row.tag))].sort(),['vyp-ha-tabs','vyp-ha-field','vyp-ha-button','vyp-ha-select','vyp-ha-checkbox'].sort()); + for(const row of nativeHostAttributes){assert.equal(row.title,'Vue host attributes');assert.equal(row.description,'Installed Vue host attributes');assert.equal(row.proof,'forwarded');assert.equal(row.hidden,'none');assert.ok(row.visibleHeight>0);assert.deepEqual(row.whileHidden,row.before);} + } + const textField=await exerciseField(page); + const button=await exerciseFrameworkButton(page,root,framework); + const select=await exerciseFrameworkSelect(page,root,framework); + const checkbox=await exerciseFrameworkCheckbox(page,root,framework); + const dialog=await exerciseFrameworkDialog(page,root,framework); + const card=await exerciseFrameworkCard(page,root,framework); + const layout=await exerciseFrameworkLayout(page,root,framework); + const feedback=await exerciseFrameworkFeedback(page,root,framework); + const navigationIcons=await assertBoundNavigationIcons(page); + const nestedSelection=await page.locator('vyp-ha-tabs').evaluate(async host=>{ + const nested=document.createElement('vyp-ha-tabs');let bubbled=0; + nested.slot=(host as HaTabs).state.selected!; + nested.state={kind:'panels',label:'Nested package sections',selected:'start',items:[{id:'start',label:'Nested start',disabled:false,href:null},{id:'end',label:'Nested end',disabled:false,href:null}]}; + const observe=(event:Event)=>{if(event.composedPath()[0]===nested)bubbled++;}; + host.addEventListener('ha-selection-request',observe); + try{host.append(nested);await nested.updateComplete;nested.shadowRoot!.querySelector('#tab-end')!.click();return bubbled;} + finally{host.removeEventListener('ha-selection-request',observe);nested.remove();} + }); + assert.equal(nestedSelection,1);assert.equal(await page.getByLabel('Selection events').textContent(),'0'); + await page.getByRole('tab',{name:'Tasks',exact:true}).click(); + await page.getByRole('button',{name:'Add task',exact:true}).waitFor({state:'visible'}); + assert.equal(await page.getByLabel('Selection events').textContent(),'1'); + assert.equal(await page.locator('vyp-ha-tabs').getAttribute('state'),null); + await page.getByRole('button',{name:'Switch language',exact:true}).click(); + await page.getByRole('tab',{name:'Tareas',exact:true}).waitFor({state:'visible'}); + await assertBoundNavigationIcons(page,true); + assert.equal(await page.getByRole('tab',{name:'Tareas',exact:true}).getAttribute('aria-selected'),'true'); + await page.getByRole('button',{name:'Toggle theme',exact:true}).click(); + await page.waitForFunction(()=>getComputedStyle(document.querySelector('vyp-ha-tabs')!.shadowRoot!.querySelector('.frame')!).backgroundColor==='rgb(20, 20, 20)'); + await page.getByRole('button',{name:'Toggle disabled',exact:true}).click(); + await page.waitForFunction(()=>document.querySelector('vyp-ha-tabs')!.shadowRoot!.querySelector('#tab-tasks')!.disabled); + assert.equal(await page.getByRole('tab',{name:'Tareas',exact:true}).isDisabled(),true); + assert.equal(await page.getByLabel('Selection events').textContent(),'1'); + await page.getByRole('button',{name:'Toggle disabled',exact:true}).click(); + await page.getByRole('tab',{name:'Resumen',exact:true}).focus();await page.keyboard.press('End');await page.keyboard.press('Enter'); + await page.waitForFunction(()=>document.querySelector('output')!.textContent==='2'); + const retained=await page.locator('vyp-ha-tabs').elementHandle();assert.ok(retained); + await page.getByRole('button',{name:'Toggle component',exact:true}).click(); + await page.locator('vyp-ha-tabs').waitFor({state:'detached'}); + await retained.evaluate(element=>element.shadowRoot!.querySelector('#tab-tasks')!.click()); + assert.equal(await page.getByLabel('Selection events').textContent(),'2','Unmounted adapter must not invoke a retained callback'); + await page.getByRole('button',{name:'Toggle component',exact:true}).click(); + await page.getByRole('tab',{name:'Resumen',exact:true}).click(); + await page.waitForFunction(()=>document.querySelector('output')!.textContent==='3'); + await page.getByRole('tab',{name:'Tareas',exact:true}).click(); + await page.waitForFunction(()=>document.querySelector('output')!.textContent==='4'); + await page.getByRole('button',{name:'Add task',exact:true}).waitFor({state:'visible'}); + await mkdir(join(root,'test-results'),{recursive:true}); + await page.locator('vyp-ha-tabs').screenshot({path:join(root,'test-results','packed-'+framework+'-dark-es.png')}); + const textbox=page.getByRole('textbox',{name:'Nombre de la tarea',exact:true}); + assert.equal(await textbox.inputValue(),'Kitchen'); + assert.equal(await textbox.evaluate(control=>getComputedStyle(control).color),'rgb(235, 235, 235)'); + await page.locator('vyp-ha-field').screenshot({path:join(root,'test-results','packed-'+framework+'-field-dark-es.png')}); + await page.locator('#bound-submit').getByRole('button',{name:'Guardar tarea',exact:true}).waitFor(); + await page.locator('#bound-submit').screenshot({path:join(root,'test-results','packed-'+framework+'-button-dark-es.png')}); + await page.getByRole('combobox',{name:'Categoría',exact:true}).waitFor(); + await page.locator('#bound-category').screenshot({path:join(root,'test-results','packed-'+framework+'-select-dark-es.png')}); + await page.getByRole('button',{name:'Toggle category mode',exact:true}).click();await page.getByRole('button',{name:'Eliminar Mantenimiento',exact:true}).waitFor(); + await page.locator('#bound-category').screenshot({path:join(root,'test-results','packed-'+framework+'-select-multiple-dark-es.png')}); + await page.getByRole('button',{name:'Categoría',exact:true}).click();await page.getByRole('combobox',{name:'Buscar categorías',exact:true}).fill('comp');await page.getByRole('option',{name:'Compra',exact:true}).waitFor();await page.screenshot({path:join(root,'test-results','packed-'+framework+'-select-search-dark-es.png')});await page.keyboard.press('Escape'); + await page.getByRole('checkbox',{name:'Avisar al hogar',exact:true}).waitFor(); + await page.locator('#bound-checkbox').screenshot({path:join(root,'test-results','packed-'+framework+'-checkbox-dark-es.png')}); + await page.getByRole('button',{name:'Toggle partial',exact:true}).click(); + await page.waitForFunction(()=>Boolean((document.querySelector('#bound-checkbox') as HTMLElement).shadowRoot!.querySelector('input')!.indeterminate)); + await page.locator('#bound-checkbox').screenshot({path:join(root,'test-results','packed-'+framework+'-checkbox-partial-dark-es.png')}); + await textbox.fill('');await page.getByRole('button',{name:'Guardar tarea',exact:true}).click(); + assert.equal(await page.getByText('Introduce un valor.',{exact:true}).isVisible(),true); + assert.equal(await page.locator('vyp-ha-field #error').evaluate(element=>getComputedStyle(element).color),'rgb(242, 139, 130)'); + await page.locator('vyp-ha-field').screenshot({path:join(root,'test-results','packed-'+framework+'-field-error-dark-es.png')}); + assert.deepEqual(errors,[]); + results.push({framework,compiled:true,frozenOfflineInstall:true,noForeignFramework:true,candidateArchives,props:true,events:true,slots:true,disabled:true,runtimeSpanishAndTheme:true,keyboard:true,teardownAndRemount:true,nativeHostAttributes,navigationIcons,nestedSelectionIsolated:true,textField,button,select,checkbox,dialog,card,layout,feedback,browser:browser.version(),errors}); + console.log('Packed '+framework+' compiler, bindings and real Chromium lifecycle passed'); + } finally {await page.close();await server.close();} + } + return results; +} diff --git a/tests/consumers/implicit-submit.ts b/tests/consumers/implicit-submit.ts new file mode 100644 index 0000000..f1a8944 --- /dev/null +++ b/tests/consumers/implicit-submit.ts @@ -0,0 +1,39 @@ +import assert from 'node:assert/strict'; +import type {Page} from 'playwright'; +import type {HaTextField} from '@vypdev/ha-ui/field'; + +/** Compare real Enter on the installed custom element and native inputs in the same browser. */ +export async function exerciseInstalledImplicitSubmit(page:Page){ + const cases=[['single',1],['enabled-native',0],['enabled-shared',0],['disabled-native',0],['disabled-shared',0],['fieldset-native',0],['fieldset-shared',0],['readonly-native',0],['readonly-shared',0],['hidden-native',0],['hidden-shared',0],['hidden-type',1],['external-disabled',0]] as const; + const results=[]; + for(const [mode,expected] of cases)for(const shared of [false,true]){ + await page.evaluate(async({mode,shared})=>{ + const fixture=document.createElement('div');fixture.id='implicit-proof'; + const form=document.createElement('form');form.id='implicit-proof-owner';form.dataset.submissions='0'; + form.addEventListener('submit',event=>{event.preventDefault();form.dataset.submissions=String(Number(form.dataset.submissions)+1);}); + const first=document.createElement(shared?'vyp-ha-field':'input');first.id='implicit-first';first.setAttribute('name','first'); + (first as HTMLInputElement|HaTextField).value='Kitchen';form.append(first);fixture.append(form);document.body.append(fixture); + if(shared)await (first as HaTextField).updateComplete; + if(mode!=='single'){ + const other=document.createElement(mode.endsWith('-shared')?'vyp-ha-field':'input'); + if(mode==='hidden-type')(other as HTMLInputElement).type='hidden'; + if(mode.startsWith('disabled')||mode==='external-disabled')(other as HTMLInputElement).disabled=true; + if(mode.startsWith('readonly'))(other as HTMLInputElement).readOnly=true; + if(mode.startsWith('hidden-')&&mode!=='hidden-type')other.hidden=true; + if(mode.startsWith('fieldset')){const fieldset=document.createElement('fieldset');fieldset.disabled=true;fieldset.append(other);form.append(fieldset);} + else if(mode==='external-disabled'){other.setAttribute('form',form.id);fixture.append(other);} + else form.append(other); + if(other.localName==='vyp-ha-field')await (other as HaTextField).updateComplete; + } + },{mode,shared}); + try{ + const first=shared?page.locator('#implicit-first').getByRole('textbox'):page.locator('#implicit-first');await first.press('Enter'); + // Drain the component's deferred native action; this is a task barrier, not a timed visual delay. + await page.evaluate(()=>new Promise(resolve=>setTimeout(resolve))); + const actual=await page.locator('#implicit-proof-owner').evaluate(form=>({submissions:Number((form as HTMLElement).dataset.submissions),entries:[...new FormData(form as HTMLFormElement)]})); + assert.equal(actual.submissions,expected,`${mode}/${shared?'shared':'native'} Enter`);assert.deepEqual(actual.entries,[['first','Kitchen']]); + results.push({mode,first:shared?'shared':'native',expected,...actual}); + }finally{await page.locator('#implicit-proof').evaluate(fixture=>fixture.remove());} + } + return {nativeDifferential:true,realKeyboard:true,proxyAddsNoFormData:true,cases:results}; +} diff --git a/tests/consumers/layouts.ts b/tests/consumers/layouts.ts new file mode 100644 index 0000000..648d904 --- /dev/null +++ b/tests/consumers/layouts.ts @@ -0,0 +1,53 @@ +import assert from 'node:assert/strict'; +import {join} from 'node:path'; +import type {Page} from 'playwright'; +import type {HaGrid,HaRow} from '@vypdev/ha-ui/layout'; + +export async function exerciseFrameworkLayout(page:Page,root:string,framework:string){ + const host=page.locator('#bound-layout'),row=host.locator('vyp-ha-row'); + const action=row.getByRole('button',{name:'Review list row',exact:true}); + await host.getByRole('region',{name:'Household layout',exact:true}).waitFor(); + await row.getByRole('listitem').getByText('Inspect supplies',{exact:true}).waitFor(); + await row.getByText('Shopping list',{exact:true}).waitFor(); + assert.equal(await host.getAttribute('state'),null);assert.equal(await row.getAttribute('state'),null); + await host.screenshot({path:join(root,'test-results','packed-'+framework+'-layout.png')}); + await action.press('Enter'); + await host.getByRole('region',{name:'Reviewed layout',exact:true}).waitFor(); + await row.getByText('Reviewed supplies',{exact:true}).waitFor(); + assert.equal(await action.evaluate(button=>button===document.activeElement),true); + const surface=host.locator('[part=grid]'); + assert.equal(await surface.evaluate(element=>getComputedStyle(element).gridTemplateColumns.split(' ').length),2); + await host.evaluate(element=>{(element as HTMLElement).style.width='300px';}); + assert.equal(await surface.evaluate(element=>getComputedStyle(element).gridTemplateColumns),'300px'); + assert.equal(await action.evaluate(button=>button===document.activeElement),true); + return{namedRegion:true,listItem:true,projection:true,keyboardAction:true,controlledResize:true,focusRetained:true}; +} + +export async function exerciseInstalledLayout(page:Page){ + const id='packed-layout-fixture'; + await page.evaluate(async id=>{ + const grid=document.createElement('vyp-ha-grid') as HaGrid,list=document.createElement('div'),row=document.createElement('vyp-ha-row') as HaRow; + const first=document.createElement('button'),trailing=document.createElement('button'); + grid.id=id;grid.style.width='480px';grid.state={columns:3,minColumnWidth:150,label:'Installed layout',square:false}; + list.setAttribute('role','list');row.state={label:'Check kitchen supplies',description:'Review shopping.'}; + first.textContent='First grid item';trailing.textContent='Review installed row';trailing.slot='trailing'; + trailing.addEventListener('click',()=>{row.state={label:'Reviewed kitchen supplies',description:''};}); + row.append(trailing);list.append(row);grid.append(first,list);document.body.append(grid); + await Promise.all([grid.updateComplete,row.updateComplete]); + },id); + const grid=page.locator('#'+id),row=grid.locator('vyp-ha-row'),surface=grid.locator('[part=grid]'); + const first=grid.getByRole('button',{name:'First grid item',exact:true}),action=grid.getByRole('button',{name:'Review installed row',exact:true}); + try{ + await grid.getByRole('region',{name:'Installed layout',exact:true}).waitFor(); + assert.equal(await surface.evaluate(element=>getComputedStyle(element).gridTemplateColumns.split(' ').length),3); + await first.focus();await page.keyboard.press('Tab'); + assert.equal(await action.evaluate(button=>button===document.activeElement),true); + await grid.evaluate(element=>{(element as HTMLElement).style.width='300px';}); + assert.equal(await surface.evaluate(element=>getComputedStyle(element).gridTemplateColumns),'300px'); + assert.equal(await action.evaluate(button=>button===document.activeElement),true); + await page.keyboard.press('Enter');await row.getByText('Reviewed kitchen supplies',{exact:true}).waitFor(); + assert.equal(await action.evaluate(button=>button===document.activeElement),true); + assert.equal(await row.getByRole('listitem').count(),1);assert.equal(await row.locator('[part=description]').count(),0); + return{semanticRow:true,nativeKeyboard:true,responsiveColumns:true,focusRetained:true,liveRowState:true}; + }finally{await grid.evaluate(element=>element.remove());} +} diff --git a/tests/consumers/navigation-icons.ts b/tests/consumers/navigation-icons.ts new file mode 100644 index 0000000..a0c43c6 --- /dev/null +++ b/tests/consumers/navigation-icons.ts @@ -0,0 +1,51 @@ +import assert from 'node:assert/strict'; +import {navigationIconPaths} from '../../stories/navigation-icons.ts'; +import type {Page} from 'playwright'; +import type {HaTabs} from '@vypdev/ha-ui/tabs'; + +/** Read the core actually installed by the selected framework's independent compiled consumer. */ +export async function assertBoundNavigationIcons(page:Page,spanish=false){ + const actual=await page.locator('vyp-ha-tabs').evaluate(element=>[...element.shadowRoot!.querySelectorAll('[role=tab]')].map(tab=>({name:tab.getAttribute('aria-label'),path:tab.querySelector('path')!.getAttribute('d'),hidden:tab.querySelector('[part=label]')!.hidden,iconSize:tab.querySelector('svg')!.getBoundingClientRect().width,decorative:tab.querySelector('svg')!.getAttribute('aria-hidden')}))); + assert.deepEqual(actual,[{name:spanish?'Resumen':'Overview',path:navigationIconPaths.overview,hidden:true,iconSize:24,decorative:'true'},{name:spanish?'Tareas':'Tasks',path:navigationIconPaths.tasks,hidden:false,iconSize:24,decorative:'true'}]); + await assertBoundNavigationOverflow(page,spanish); + return {complexIconData:true,iconOnlyAccessibleName:true,visibleLabel:true,decorative:true}; +} +/** Compiled direct DOM/Lit consumer: both semantics and all three local icon presentations. */ +export async function exerciseInstalledNavigationIcons(page:Page){ + const results=[]; + for(const kind of ['navigation','panels'] as const)for(const presentation of ['icon-only','icon-and-title','mixed']){ + await page.evaluate(async({kind,presentation,paths})=>{ + const host=document.createElement('vyp-ha-tabs');host.id='installed-icon-proof'; + host.state={kind,label:'Icon sections',selected:'overview',items:['Overview','Tasks','Inventory'].map((label,n)=>({id:['overview','tasks','inventory'][n],label,href:kind==='navigation'?'#icon-'+n:null,disabled:false,iconPath:presentation==='mixed'&&n===1?null:[paths.overview,paths.tasks,paths.inventory][n],showLabel:presentation!=='icon-only'&&!(presentation==='mixed'&&n===0)}))}; + host.addEventListener('ha-selection-request',event=>{event.preventDefault();host.dataset.requests=String(Number(host.dataset.requests??0)+1);host.state={...host.state,selected:event.detail.id};});document.body.append(host);await host.updateComplete; + },{kind,presentation,paths:navigationIconPaths}); + try{ + const host=page.locator('#installed-icon-proof'),role=kind==='navigation'?'link':'tab'; + await host.getByRole(role,{name:'Inventory',exact:true}).click();assert.equal(await host.getAttribute('data-requests'),'1'); + assert.equal(await host.getByRole(role,{name:'Inventory',exact:true}).getAttribute(kind==='navigation'?'aria-current':'aria-selected'),kind==='navigation'?'page':'true'); + await host.getByRole(role,{name:'Overview',exact:true}).focus();await page.keyboard.press(kind==='navigation'?'Tab':'End'); + const expected=kind==='navigation'?'Tasks':'Inventory';assert.equal(await host.getByRole(role,{name:expected,exact:true}).evaluate(el=>el===(el.getRootNode() as ShadowRoot).activeElement),true); + await host.evaluate(async element=>{const h=element as HaTabs;h.state={...h.state,items:h.state.items.map((item,n)=>({...item,label:['Resumen','Tareas','Inventario'][n]}))};await h.updateComplete;}); + await host.getByRole(role,{name:'Inventario',exact:true}).click();assert.equal(await host.getAttribute('data-requests'),'2'); + const icons=await host.locator('[part=icon]').evaluateAll(elements=>elements.map(el=>({hidden:el.getAttribute('aria-hidden'),viewBox:el.getAttribute('viewBox'),namespace:el.namespaceURI}))); + assert.equal(icons.length,presentation==='mixed'?2:3);for(const icon of icons)assert.deepEqual(icon,{hidden:'true',viewBox:'0 0 24 24',namespace:'http://www.w3.org/2000/svg'}); + results.push({kind,presentation,nativeKeyboard:true,exactlyOneRequest:true,spanishNames:true,decorativeLocalSvg:true}); + }finally{await page.locator('#installed-icon-proof').evaluate(el=>el.remove());} + } + return results; +} + +/** Narrow the real compiled binding without changing its state or emitting a selection. */ +async function assertBoundNavigationOverflow(page:Page,spanish:boolean){ + const host=page.locator('vyp-ha-tabs'),before=await page.getByLabel('Selection events').textContent(); + const original=await host.getAttribute('style'); + try{ + await host.evaluate(element=>{(element as HTMLElement).style.width='120px';}); + const end=host.getByRole('button',{name:spanish?'Desplazar al final':'Scroll to end',exact:true}); + const start=host.getByRole('button',{name:spanish?'Desplazar al inicio':'Scroll to start',exact:true}); + // The controlled selection may already reveal the final item after a language change. + await host.evaluate(element=>{element.shadowRoot!.querySelector('.bar')!.scrollLeft=0;}); + await end.click();await start.waitFor({state:'visible'});await start.click(); + assert.equal(await page.getByLabel('Selection events').textContent(),before); + }finally{await host.evaluate((element,style)=>{if(style===null)element.removeAttribute('style');else element.setAttribute('style',style);},original);} +} diff --git a/tests/consumers/navigation-overflow.ts b/tests/consumers/navigation-overflow.ts new file mode 100644 index 0000000..b6d7de9 --- /dev/null +++ b/tests/consumers/navigation-overflow.ts @@ -0,0 +1,31 @@ +import assert from 'node:assert/strict'; +import type {Page} from 'playwright'; +import type {HaTabs} from '@vypdev/ha-ui/tabs'; +/** Real mouse/keyboard input against the installed archive, independent of source-browser events. */ +export async function exerciseInstalledNavigationOverflow(page:Page){ + const results=[]; + for(const kind of ['navigation','panels'] as const)for(const rtl of [false,true]){ + await page.evaluate(async({kind,rtl})=>{ + const host=document.createElement('vyp-ha-tabs');host.id='installed-overflow';host.dir=rtl?'rtl':'ltr';host.style.cssText='position:fixed;left:0;top:0;width:240px;z-index:9999;--vyp-ha-motion-duration:0ms'; + host.state={kind,label:'Sections',selected:'item-0',items:['Overview','Tasks','Inventory','Family','Settings','Calendar','Shopping','Rewards'].map((label,n)=>({id:'item-'+n,label,disabled:false,href:kind==='navigation'?'#'+n:null}))}; + host.addEventListener('ha-selection-request',event=>{event.preventDefault();host.dataset.requests=String(Number(host.dataset.requests??0)+1);});document.body.append(host);await host.updateComplete; + },{kind,rtl}); + const host=page.locator('#installed-overflow'),bar=host.locator('.bar'),role=kind==='navigation'?'link':'tab'; + try{ + await host.getByRole('button',{name:'Scroll to end',exact:true}).waitFor(); + await page.mouse.move(rtl?170:70,28);await page.mouse.down();await page.mouse.move(rtl?220:20,28,{steps:5});await page.mouse.up(); + assert.ok(Math.abs(await bar.evaluate(el=>(el as HTMLElement).scrollLeft))>=49,'Real mouse panning must cross the measured threshold');assert.equal(await host.getAttribute('data-requests'),null,'The native drag click must be suppressed'); + await host.getByRole(role,{name:'Overview',exact:true}).click();assert.equal(await host.getAttribute('data-requests'),'1'); + await host.getByRole(role,{name:'Overview',exact:true}).focus();await page.keyboard.press('Enter');assert.equal(await host.getAttribute('data-requests'),'2'); + await host.evaluate(element=>{element.setAttribute('data-requests','0');element.shadowRoot!.querySelector('.bar')!.scrollLeft=0;}); + await page.mouse.move(rtl?170:70,28);await page.mouse.down();await page.mouse.move(rtl?220:20,28,{steps:5});await page.mouse.move(rtl?220:20,120,{steps:3});await page.mouse.up(); + assert.equal(await host.getAttribute('data-requests'),'0','Outside drag release must not activate a destination'); + await host.getByRole(role,{name:'Overview',exact:true}).click();assert.equal(await host.getAttribute('data-requests'),'1','A new native mousedown starts a fresh activation after an outside release'); + await host.getByRole(role,{name:'Overview',exact:true}).focus(); + await page.keyboard.press('Enter');assert.equal(await host.getAttribute('data-requests'),'2'); + assert.equal(await host.evaluate(el=>(el as HaTabs).state.selected),'item-0'); + results.push({kind,rtl,realMousePan:true,nativeDragClickSuppressed:true,nextPointerAndKeyboardActivate:true,outsideReleaseThenPointerAndKeyboardActivate:true,selectionControlled:true}); + }finally{await host.evaluate(el=>el.remove());} + } + return results; +} diff --git a/tests/consumers/packed.test.ts b/tests/consumers/packed.test.ts new file mode 100644 index 0000000..d8c24d1 --- /dev/null +++ b/tests/consumers/packed.test.ts @@ -0,0 +1,290 @@ +import {inspectToolchain} from '../../tooling/compatibility.mjs'; +import {canonicalPackageArchive,captureCandidate,verifyCandidate} from '../../tooling/packaging.mjs'; +import {exerciseInstalledFeedback} from './feedback.ts'; +import {exerciseInstalledLayout} from './layouts.ts'; +import {exerciseInstalledCard} from './cards.ts'; +import {exerciseInstalledNavigationOverflow} from './navigation-overflow.ts'; +import {exerciseInstalledNavigationIcons} from './navigation-icons.ts'; +import {fixtureFonts} from './fonts.ts'; +import test from 'node:test'; +import assert from 'node:assert/strict'; +import {promisify} from 'node:util'; +import {execFile} from 'node:child_process'; +import {mkdtemp, mkdir, readFile, writeFile, readdir, rm} from 'node:fs/promises'; +import {tmpdir} from 'node:os'; +import {resolve, join, relative} from 'node:path'; +import {fileURLToPath} from 'node:url'; +import {createHash} from 'node:crypto'; +import {createServer} from 'vite'; +import {chromium} from 'playwright'; +import {parse, stringify} from 'yaml'; +import type {HaTextField} from '../../packages/core/src/components/field.js'; +import {exerciseInstalledCheckbox} from './checkboxes.ts'; +import {exerciseInstalledSelect} from './selects.ts'; +import {exerciseReadonlyField} from './fields.ts'; +import {exerciseCoreButton} from './buttons.ts'; +import {exerciseInstalledImplicitSubmit} from './implicit-submit.ts'; +import {exerciseInstalledDialog} from './dialogs.ts'; +import {exerciseFrameworks} from './frameworks.ts'; + +const execute = promisify(execFile); +const root = fileURLToPath(new URL('../../', import.meta.url)); +const digest = (bytes: Uint8Array) => createHash('sha256').update(bytes).digest('hex'); + +async function pristineRevision(){ + try { + const status=await execute('git',['status','--porcelain=v1','--untracked-files=all'],{cwd:root}); + if(status.stdout!=='')return null; + const {stdout}=await execute('git',['rev-parse','--verify','HEAD'],{cwd:root}); + return stdout.trim(); + }catch{return null;} +} + +test('the actual packed package is reproducible and passes clean DOM-free and real-browser consumers', {timeout: 180_000}, async () => { + const sourceRevision=await pristineRevision(); + const sourceLockBytes=await readFile(resolve(root,'pnpm-lock.yaml')); + const sourceLock=parse(sourceLockBytes.toString('utf8')); + const workspace=JSON.parse(await readFile(resolve(root,'package.json'),'utf8')); + const {stdout:pnpmVersion}=await execute('pnpm',['--version'],{cwd:root}); + const toolchain=inspectToolchain({node:process.versions.node,pnpm:pnpmVersion.trim(),manifest:workspace,lock:sourceLock}); + const scratch = await mkdtemp(join(tmpdir(), 'ha-ui-packed-contract-')); + let passed = false; + let server: Awaited> | undefined; + let browser: Awaited> | undefined; + try { + const archives = []; + for (const index of [1, 2]) { + const destination = join(scratch, 'pack-' + index); await mkdir(destination); + await execute('pnpm', ['build'], {cwd: root}); + for (const framework of ['core','react','vue','angular','svelte']) { + const directory=framework==='angular'?'packages/angular/dist':'packages/'+framework; + await execute('pnpm',['--dir',directory,'pack','--pack-destination',destination],{cwd:root}); + } + const names = (await readdir(destination)).filter(name => name.endsWith('.tgz')); + assert.equal(names.length, 5); + for(const name of names){ + const path=join(destination,name); + await writeFile(path,canonicalPackageArchive(await readFile(path))); + } + archives.push(join(destination, 'vypdev-ha-ui-0.1.0-next.1.tgz')); + if(index===2)for(const file of names)assert.deepEqual(await readFile(join(scratch,'pack-1',file)),await readFile(join(destination,file)),'Every cohort coordinate must reproduce: '+file); + } + const cohort=[]; + const artifacts:{coordinate:string;version:string;bytes:Buffer}[]=[]; + for (const file of (await readdir(join(scratch,'pack-1'))).filter(name=>name.endsWith('.tgz')).sort()) { + const bytes=await readFile(join(scratch,'pack-1',file)); + const packedMetadata=await execute('tar',['-xOf',join(scratch,'pack-1',file),'package/package.json']); + const manifest=JSON.parse(packedMetadata.stdout); + assert.equal(manifest.version,'0.1.0-next.1');assert.doesNotMatch(packedMetadata.stdout,/workspace:|file:/u); + cohort.push({coordinate:manifest.name,version:manifest.version,sha256:digest(bytes),bytes:bytes.byteLength}); + artifacts.push({coordinate:manifest.name,version:manifest.version,bytes}); + } + const first = await readFile(archives[0]), second = await readFile(archives[1]); + assert.deepEqual(first, second, 'Repeated independent builds must produce the same packed bytes'); + const consumer = join(scratch, 'consumer'); await mkdir(consumer); + await writeFile(join(consumer, 'package.json'), JSON.stringify({name:'packed-contract-fixture', private:true, type:'module', packageManager:'pnpm@10.34.0', dependencies:{'@vypdev/ha-ui':'file:'+archives[0]}})); + const cache=join(scratch,'empty-metadata-cache'); + const configuration=stringify({packages:[],autoInstallPeers:false,cacheDir:cache}); + await writeFile(join(consumer,'pnpm-workspace.yaml'),configuration); + // A separate negative fixture reproduces the exact hosted failure with no ambient metadata. + const negative=join(scratch,'without-lock'); await mkdir(negative); + await writeFile(join(negative,'package.json'),await readFile(join(consumer,'package.json'))); + await writeFile(join(negative,'pnpm-workspace.yaml'),configuration); + await assert.rejects(execute('pnpm',['install','--offline','--ignore-scripts'],{cwd:negative}),error=>{ + assert.ok(error instanceof Error && 'stdout' in error); + assert.match(String(error.stdout),/ERR_PNPM_NO_OFFLINE_META/u); return true; + }); + const manifest=JSON.parse(await readFile(resolve(root,'packages/core/package.json'),'utf8')); + const direct=sourceLock.importers['packages/core'].dependencies as Record; + const runtime: Record={}; + for (const [name,pin] of Object.entries(direct)) { + assert.equal(pin.specifier,manifest.dependencies[name]); runtime[name]=pin.version; + } + const packages: Record={}, snapshots: Record={}; + const pending=Object.entries(runtime).map(([name,version])=>name+'@'+version); + for (const key of pending) { + if (Object.hasOwn(snapshots,key)) continue; + assert.ok(Object.hasOwn(sourceLock.packages,key) && Object.hasOwn(sourceLock.snapshots,key),'Every runtime node must have a reviewed exact source lock entry: '+key); + packages[key]=sourceLock.packages[key]; snapshots[key]=sourceLock.snapshots[key]; + for (const [name,version] of Object.entries(sourceLock.snapshots[key].dependencies ?? {})) pending.push(name+'@'+String(version)); + } + const fileVersion='file:'+relative(consumer,archives[0]).replaceAll('\\','/'); + const archiveKey=manifest.name+'@'+fileVersion; + packages[archiveKey]={resolution:{integrity:'sha512-'+createHash('sha512').update(first).digest('base64'),tarball:fileVersion},version:manifest.version}; + snapshots[archiveKey]={dependencies:runtime}; + const frozenLock=stringify({lockfileVersion:sourceLock.lockfileVersion,settings:sourceLock.settings,importers:{'.':{dependencies:{[manifest.name]:{specifier:'file:'+archives[0],version:fileVersion}}}},packages,snapshots}); + await writeFile(join(consumer,'pnpm-lock.yaml'),frozenLock); + const cacheConfiguration=await execute('pnpm',['config','get','cache-dir'],{cwd:consumer}); assert.equal(cacheConfiguration.stdout.trim(),cache); + await execute('pnpm', ['install', '--frozen-lockfile', '--offline', '--ignore-scripts'], {cwd: consumer}); + assert.equal(await readFile(join(consumer,'pnpm-lock.yaml'),'utf8'),frozenLock); + await assert.rejects(readFile(join(cache,'metadata-v1.3/registry.npmjs.org/lit.json')),{code:'ENOENT'}); + await writeFile(join(consumer, 'contract.ts'), `import {navigationState, type NavigationKind} from '@vypdev/ha-ui/contracts'; +import {textFieldState,textFieldValidity,fieldValueDetail} from '@vypdev/ha-ui/field-contracts'; +import {buttonState,buttonPressDetail,type ButtonType} from '@vypdev/ha-ui/button-contracts'; +import {dialogState,dialogRequestDetail,type DialogAction} from '@vypdev/ha-ui/dialog-contracts'; +import {cardState,type CardHeadingLevel} from '@vypdev/ha-ui/card-contracts'; +import {gridState,rowState,type GridState} from '@vypdev/ha-ui/layout-contracts'; +import {feedbackState,type FeedbackState} from '@vypdev/ha-ui/feedback-contracts'; +const feedback:FeedbackState=feedbackState({kind:'empty',title:'No tasks'});if(feedback.kind!=='empty')throw Error('Expected pure feedback contract'); +const layout:GridState=gridState({columns:3,minColumnWidth:150});if(layout.columns!==3||rowState({label:'Inspect'}).description!=='')throw Error('Expected pure layout contract'); +const heading:CardHeadingLevel=3;if(cardState({title:'Household tasks',headingLevel:heading}).headingLevel!==heading)throw Error('Expected pure card contract'); +const dialogAction:DialogAction='cancel';if(dialogState({title:'Review'}).kind!=='standard'||dialogRequestDetail({action:dialogAction}).action!=='cancel')throw Error('Expected pure dialog contract'); +import {checkboxState,checkboxChecked,checkboxValidity,checkboxRestoreState,checkboxRestoreValue} from '@vypdev/ha-ui/checkbox-contracts'; +if(checkboxChecked(false)||!checkboxValidity(false,checkboxState({label:'Notify',required:true})).flags.valueMissing||checkboxRestoreValue(checkboxRestoreState(true))!==true)throw Error('Expected pure boolean checkbox policy'); +import {selectState,selectSelection,selectEntries,selectRestoreState,selectRestoreValue,type SelectSelection} from '@vypdev/ha-ui/select-contracts'; +const choice:SelectSelection=selectSelection([1,'1',false]);const choices=selectState({label:'Category',multiple:true,options:[{value:1,label:'Number'},{value:'1',label:'Text'},{value:false,label:'Other'}]});if(selectEntries(choice,choices).length!==3||!Array.isArray(selectRestoreValue(selectRestoreState(choice))))throw Error('Expected typed pure select policy'); +const action:ButtonType='submit';if(buttonState({label:'Save'}).loading||buttonPressDetail({type:action}).type!=='submit')throw Error('Expected pure button policy'); +const field=textFieldState({label:'Name',required:true}); +if(!textFieldValidity('',field).flags.valueMissing)throw Error('Expected pure field validation'); +const request=fieldValueDetail({value:'Kitchen',reason:'input'});if(request.reason!=='input')throw Error('Expected typed request'); +const kind: NavigationKind = 'panels'; +const selected: string | null = navigationState({kind, label:'Sections', selected:null, items:[]}).selected; +void selected;`); + await writeFile(join(consumer, 'tsconfig.json'), JSON.stringify({compilerOptions:{target:'ES2024',module:'NodeNext',moduleResolution:'NodeNext',strict:true,noEmit:true,lib:['ES2024'],types:[]},include:['contract.ts']})); + await execute(process.execPath, [resolve(root, 'node_modules/typescript/bin/tsc'), '-p', 'tsconfig.json'], {cwd: consumer}); + const probe = await execute(process.execPath, ['--input-type=module', '-e', `import {navigationState} from '@vypdev/ha-ui/contracts'; +import {fieldValueDetail} from '@vypdev/ha-ui/field-contracts'; +import {checkboxState,checkboxChecked} from '@vypdev/ha-ui/checkbox-contracts'; +if(!Object.isFrozen(checkboxState({label:'Notify'}))||checkboxChecked(true)!==true)throw Error('Expected DOM-free checkbox policy'); +import {selectSelection,selectRestoreValue,selectRestoreState} from '@vypdev/ha-ui/select-contracts'; +if(!Object.isFrozen(selectSelection([1,'1',false]))||selectRestoreValue(selectRestoreState(false))!==false)throw Error('Expected DOM-free select policy'); +import {buttonState,buttonPressDetail} from '@vypdev/ha-ui/button-contracts'; +if(!Object.isFrozen(buttonState({label:'Save'}))||buttonPressDetail({type:'button'}).type!=='button')throw Error('Expected DOM-free button policy'); +import {dialogState,dialogRequestDetail} from '@vypdev/ha-ui/dialog-contracts'; +import {cardState} from '@vypdev/ha-ui/card-contracts'; +import {gridState,rowState} from '@vypdev/ha-ui/layout-contracts'; +import {feedbackState} from '@vypdev/ha-ui/feedback-contracts'; +if(!Object.isFrozen(feedbackState({kind:'loading',message:'Loading'})))throw Error('Expected DOM-free feedback contract'); +if(!Object.isFrozen(gridState({}))||!Object.isFrozen(rowState({label:'Inspect'})))throw Error('Expected DOM-free layout contract'); +if(!Object.isFrozen(cardState({title:'Household tasks'}))||cardState({}).headingLevel!==2)throw Error('Expected DOM-free card contract'); +if(!Object.isFrozen(dialogState({title:'Review'}))||dialogRequestDetail({action:'close'}).action!=='close')throw Error('Expected pure dialog policy'); +if(!Object.isFrozen(fieldValueDetail({value:'Kitchen',reason:'input'})))throw Error('Expected immutable DOM-free request contract'); +if(typeof document!=='undefined'||typeof customElements!=='undefined') throw Error('Expected a server-only consumer'); +const value=navigationState({kind:'navigation',label:'Sections',selected:'tasks',items:[{id:'tasks',label:'Tareas 🧹',href:'#tasks'}]}); +if(value.selected!=='tasks'||!Object.isFrozen(value.items))throw Error('Packed contract did not preserve controlled state'); +console.log('Packed contract imported without DOM globals');`], {cwd: consumer}); + assert.match(probe.stdout, /Packed contract imported without DOM globals/u); + const installed = join(consumer, 'node_modules/@vypdev/ha-ui'); + const packageFiles=['LICENSE','NOTICE','LICENSES/Home-Assistant-Apache-2.0.txt','LICENSES/Font-Awesome-Free-7.0.0.txt','LICENSES/Web-Awesome-3.14.0-ha.2-MIT.txt']; + for (const module of ['contracts','index','presentation-text','field-contracts','components/tabs','components/field','button-contracts','components/button','select-contracts','components/select','components/select-list','checkbox-contracts','checkbox-mark','components/checkbox','components/implicit-submit','dialog-contracts','components/dialog','card-contracts','components/card','layout-contracts','components/layout','feedback-contracts','components/feedback']) { + packageFiles.push('src/'+module+'.ts'); + for (const suffix of ['.js','.js.map','.d.ts','.d.ts.map']) packageFiles.push('dist/'+module+suffix); + } + for (const file of packageFiles) + assert.deepEqual(await readFile(join(installed,file)),await readFile(resolve(root,'packages/core',file))); + await writeFile(join(consumer,'index.html'), 'Packed navigation consumer
'); + await fixtureFonts(root,consumer); + await writeFile(join(consumer,'client.ts'), `import {registerTabs} from '@vypdev/ha-ui/tabs'; +import {registerField} from '@vypdev/ha-ui/field'; +import {registerButton} from '@vypdev/ha-ui/button'; +import {registerSelect} from '@vypdev/ha-ui/select'; +import {registerCheckbox} from '@vypdev/ha-ui/checkbox'; +import {registerDialog} from '@vypdev/ha-ui/dialog'; +import {registerCard} from '@vypdev/ha-ui/card'; +import {registerGrid,registerRow} from '@vypdev/ha-ui/layout'; +import {registerFeedback} from '@vypdev/ha-ui/feedback'; +import {buttonState} from '@vypdev/ha-ui/button-contracts'; +import {textFieldState} from '@vypdev/ha-ui/field-contracts'; +import {navigationState} from '@vypdev/ha-ui/contracts'; +registerTabs(); +const element=document.createElement('vyp-ha-tabs'); +element.state=navigationState({kind:'navigation',label:'Household sections',selected:'overview',items:[{id:'overview',label:'Overview',href:'#overview'},{id:'tasks',label:'Tasks',href:'#tasks'}]}); +element.addEventListener('ha-selection-request',event=>{event.preventDefault();element.state=navigationState({...element.state,selected:event.detail.id});}); +document.querySelector('main')!.append(element); +registerField();registerButton();registerSelect();registerCheckbox();registerDialog();registerCard();registerGrid();registerRow();registerFeedback(); +const form=document.createElement('form'),field=document.createElement('vyp-ha-field'); +field.state=textFieldState({label:'Task name',description:'A name for this task.',required:true});field.name='task';field.defaultValue='Kitchen'; +field.addEventListener('ha-value-request',event=>{if(!event.defaultPrevented)field.value=event.detail.value;}); +const save=document.createElement('vyp-ha-button');save.type='submit';save.name='action';save.value='save';save.state=buttonState({label:'Save task'}); +const reset=document.createElement('vyp-ha-button');reset.type='reset';reset.state=buttonState({label:'Reset task'});form.append(field,save,reset); +form.addEventListener('submit',event=>{event.preventDefault();form.dataset.submitted=JSON.stringify([...new FormData(form,(event as SubmitEvent).submitter as HTMLButtonElement)]);}); +document.querySelector('main')!.append(form);`); + await writeFile(join(consumer,'client.tsconfig.json'),JSON.stringify({compilerOptions:{target:'ES2024',module:'NodeNext',moduleResolution:'NodeNext',strict:true,noEmit:true,lib:['ES2024','DOM'],types:[]},include:['client.ts']})); + await execute(process.execPath,[resolve(root,'node_modules/typescript/bin/tsc'),'-p','client.tsconfig.json'],{cwd:consumer}); + server=await createServer({configFile:false,root:consumer,logLevel:'error',server:{host:'127.0.0.1',port:0}}); + await server.listen(); const address=server.httpServer!.address(); assert.ok(address && typeof address==='object'); + browser=await chromium.launch(); const browserPage=await browser.newPage({viewport:{width:360,height:640},reducedMotion:'reduce'}); + const errors: string[]=[]; browserPage.on('pageerror',error=>errors.push(error.message)); + await browserPage.goto('http://127.0.0.1:'+address.port); + assert.equal(await browserPage.getByRole('navigation',{name:'Household sections'}).isVisible(),true); + await browserPage.getByRole('link',{name:'Tasks',exact:true}).click(); + await browserPage.waitForFunction(()=>document.querySelector('vyp-ha-tabs')!.state.selected==='tasks'); + assert.equal(await browserPage.getByRole('link',{name:'Tasks',exact:true}).getAttribute('aria-current'),'page'); + assert.equal(new URL(browserPage.url()).hash,'','Canceled native link must not change location'); + await mkdir(resolve(root,'test-results'),{recursive:true}); + await browserPage.locator('vyp-ha-tabs').screenshot({path:resolve(root,'test-results/packed-navigation-light.png')}); + await browserPage.evaluate(async()=>{ + const element=document.querySelector('vyp-ha-tabs')!; + element.state={kind:'panels',label:'Secciones del hogar',selected:'overview',items:[{id:'overview',label:'Resumen',disabled:false,href:null},{id:'tasks',label:'Tareas',disabled:false,href:null}]}; + const content=document.createElement('button'); content.slot='tasks'; content.textContent='Nueva tarea'; element.append(content); + document.documentElement.lang='es'; + element.style.cssText='--primary-text-color:rgb(235,235,235);--secondary-text-color:rgb(189,189,189);--card-background-color:rgb(20,20,20);--divider-color:rgb(66,66,66);--primary-color:rgb(3,169,244);--error-color:#f28b82'; + await element.updateComplete; + }); + await browserPage.getByRole('tab',{name:'Resumen',exact:true}).focus(); + await browserPage.keyboard.press('End'); + assert.equal(await browserPage.getByRole('tab',{name:'Tareas',exact:true}).evaluate(element=>element.matches(':focus-visible')),true); + await browserPage.keyboard.press('Enter'); + assert.equal(await browserPage.getByRole('tabpanel',{name:'Tareas',exact:true}).isVisible(),true); + assert.equal(await browserPage.getByRole('button',{name:'Nueva tarea',exact:true}).isVisible(),true); + await browserPage.locator('vyp-ha-tabs').screenshot({path:resolve(root,'test-results/packed-panels-dark-es.png')}); + const textbox=browserPage.getByRole('textbox',{name:'Task name',exact:true}); + assert.equal(await textbox.inputValue(),'Kitchen');await textbox.fill('');await browserPage.getByRole('button',{name:'Save task',exact:true}).click(); + assert.equal(await textbox.getAttribute('aria-invalid'),'true');assert.equal(await browserPage.getByText('Enter a value.',{exact:true}).isVisible(),true); + assert.equal(await browserPage.locator('form').getAttribute('data-submitted'),null); + await textbox.fill('Wash dishes');await textbox.press('Enter'); + await browserPage.waitForFunction(()=>document.querySelector('form')!.dataset.submitted!==undefined); + assert.deepEqual(JSON.parse((await browserPage.locator('form').getAttribute('data-submitted'))!),[['task','Wash dishes'],['action','save']]); + await browserPage.getByRole('button',{name:'Reset task',exact:true}).click();await browserPage.waitForFunction(()=>document.querySelector('vyp-ha-field')!.value==='Kitchen');assert.equal(await textbox.inputValue(),'Kitchen'); + await browserPage.evaluate(async()=>{ + const field=document.querySelector('vyp-ha-field')!; + document.body.style.backgroundColor='rgb(20,20,20)'; + field.state={...field.state,label:'Nombre de la tarea',description:'Un nombre para esta tarea.',requiredMessage:'Introduce un valor.'}; + field.style.cssText='--primary-text-color:rgb(235,235,235);--secondary-text-color:rgb(189,189,189);--card-background-color:rgb(20,20,20);--divider-color:rgb(66,66,66);--primary-color:rgb(3,169,244);--error-color:#f28b82'; + await field.updateComplete;field.disabled=true; + if([...new FormData(field.form!)].length!==0)throw Error('Disabled field must be absent from submission');field.disabled=false; + }); + assert.equal(await browserPage.getByRole('textbox',{name:'Nombre de la tarea',exact:true}).inputValue(),'Kitchen'); + await browserPage.locator('vyp-ha-field').screenshot({path:resolve(root,'test-results/packed-field-dark-es.png')}); + assert.deepEqual(errors,[]); + const packedBrowser={engine:'chromium',version:browser.version(),compiledClient:true,navigation:true,panels:true,textField:{controlledInput:true,nativeSubmitter:true,requiredValidation:true,reset:true,disabledSubmission:true},runtimeSpanishAndTheme:true,reducedMotion:true,consoleErrors:errors}; + await mkdir(resolve(root, 'test-results'), {recursive:true}); + await writeFile(resolve(root, 'test-results/packed-contract.json'), JSON.stringify({scope:'Core data, navigation, text field and button; four field and button framework bindings are verified separately; broader controls and application adoption remain required',sha256:digest(first),bytes:first.byteLength,reproducible:true,cleanOfflineInstall:true,frozenRuntimeLock:true,isolatedMetadataCache:true,negativeWithoutLockRejected:true,compiledWithoutDomTypes:true,serverImport:true,packedBrowser},null,2)+'\n'); + const navigationIcons=await exerciseInstalledNavigationIcons(browserPage); + const navigationOverflow=await exerciseInstalledNavigationOverflow(browserPage); + await writeFile(resolve(root,'test-results/packed-navigation-overflow.json'),JSON.stringify(navigationOverflow,null,2)+'\n'); + await writeFile(resolve(root,'test-results/packed-navigation-icons.json'),JSON.stringify(navigationIcons,null,2)+'\n'); + const checkbox=await exerciseInstalledCheckbox(browserPage); + await writeFile(resolve(root,'test-results/packed-checkbox.json'),JSON.stringify(checkbox,null,2)+'\n'); + const select=await exerciseInstalledSelect(browserPage); + await writeFile(resolve(root,'test-results/packed-select.json'),JSON.stringify(select,null,2)+'\n'); + const dialog=await exerciseInstalledDialog(browserPage); + await writeFile(resolve(root,'test-results/packed-dialog.json'),JSON.stringify(dialog,null,2)+'\n'); + const card=await exerciseInstalledCard(browserPage); + await writeFile(resolve(root,'test-results/packed-card.json'),JSON.stringify(card,null,2)+'\n'); + const layout=await exerciseInstalledLayout(browserPage); + await writeFile(resolve(root,'test-results/packed-layout.json'),JSON.stringify(layout,null,2)+'\n'); + const feedback=await exerciseInstalledFeedback(browserPage); + await writeFile(resolve(root,'test-results/packed-feedback.json'),JSON.stringify(feedback,null,2)+'\n'); + const readonlyField=await exerciseReadonlyField(browserPage); + await writeFile(resolve(root,'test-results/packed-readonly-field.json'),JSON.stringify(readonlyField,null,2)+'\n'); + const implicitSubmit=await exerciseInstalledImplicitSubmit(browserPage); + await writeFile(resolve(root,'test-results/packed-implicit-submit.json'),JSON.stringify(implicitSubmit,null,2)+'\n'); + const coreButton=await exerciseCoreButton(browserPage,root); + await writeFile(resolve(root,'test-results/packed-button.json'),JSON.stringify(coreButton,null,2)+'\n'); + await browserPage.close();await server.close();server=undefined; + const frameworks=await exerciseFrameworks(root,scratch,browser); + await writeFile(resolve(root,'test-results/packed-frameworks.json'),JSON.stringify({scope:'Navigation, text fields, buttons, checkboxes, typed selects, native dialogs, cards, layout and feedback with four framework bindings; framework SSR and application adoption remain required',frameworks},null,2)+'\n'); + const sourceLockSha256=digest(sourceLockBytes); + const candidate=sourceRevision!==null&&sourceRevision===await pristineRevision()?captureCandidate({sourceRevision,lockSha256:sourceLockSha256,artifacts}):null; + if(candidate)verifyCandidate(candidate,{sourceRevision:candidate.sourceRevision,lockSha256:sourceLockSha256},coordinate=>artifacts.find(artifact=>artifact.coordinate===coordinate)?.bytes); + await writeFile(resolve(root,'test-results/packed-cohort.json'),JSON.stringify({scope:'Unpublished navigation, fields, buttons, checkboxes, typed selects, dialogs, cards, layout and feedback with four framework bindings; no registry publication or full capability acceptance',cohort,reproducible:true,toolchain,sourceLockSha256,candidate},null,2)+'\n'); + await mkdir(resolve(root,'test-results/packages'),{recursive:true}); + for(const file of (await readdir(join(scratch,'pack-1'))).filter(name=>name.endsWith('.tgz')))await writeFile(resolve(root,'test-results/packages',file),await readFile(join(scratch,'pack-1',file))); + passed = true; + } finally { + await browser?.close(); await server?.close(); + if (passed) await rm(scratch, {recursive:true}); + else console.error('Failed packed-consumer fixture retained at '+scratch); + } +}); diff --git a/tests/consumers/selects.ts b/tests/consumers/selects.ts new file mode 100644 index 0000000..1e47078 --- /dev/null +++ b/tests/consumers/selects.ts @@ -0,0 +1,136 @@ +import assert from 'node:assert/strict'; +import {join} from 'node:path'; +import type {Page} from 'playwright'; +import type {HaSelect} from '@vypdev/ha-ui/select'; + +/** Real installed framework models and browser form actions, with no source aliases. */ +export async function exerciseFrameworkSelect(page:Page,root:string,framework:string){ + const host=page.locator('#bound-category'),form=page.getByRole('form',{name:'Category form'}),single=page.getByRole('combobox',{name:'Category',exact:true}); + const waitModel=(value:unknown)=>page.waitForFunction(expected=>document.querySelector('output[aria-label="Category model"]')!.textContent===expected,JSON.stringify(value)); + const waitEvents=(value:number)=>page.waitForFunction(expected=>document.querySelector('output[aria-label="Category events"]')!.textContent===String(expected),value); + const count=async(label:string)=>Number(await page.getByLabel(label,{exact:true}).textContent()); + const saved=async()=>JSON.parse((await page.getByLabel('Saved categories').textContent())!); + await waitModel(1);assert.equal(await form.evaluate(element=>(element as HTMLFormElement).noValidate),false,'The real consumer explicitly enables native constraint validation');assert.equal(await host.getAttribute('state'),null);assert.equal(await host.getAttribute('value'),null); + await single.click();await host.getByRole('option',{name:'Shopping',exact:true}).click();await waitModel('1');await waitEvents(1);assert.equal(await single.getAttribute('value'),'1'); + await page.getByRole('button',{name:'Save category',exact:true}).click();await page.waitForFunction(()=>document.querySelector('output[aria-label="Category submits"]')!.textContent==='1');assert.deepEqual(await saved(),[['category','1']]); + await single.focus();await page.keyboard.press('o');await page.keyboard.press('Tab');await waitModel(false);await waitEvents(2); + await page.getByRole('button',{name:'Reject category changes',exact:true}).click();await single.click();await host.getByRole('option',{name:'Maintenance',exact:true}).click();await waitEvents(3);await waitModel(false);assert.equal(await single.getAttribute('value'),'2');await page.getByRole('button',{name:'Reject category changes',exact:true}).click(); + await page.getByRole('button',{name:'Set category value',exact:true}).click();await waitModel(false);assert.equal(await count('Category events'),3); + await page.getByRole('button',{name:'Toggle category options',exact:true}).click();await page.waitForFunction(()=>(document.querySelector('#bound-category') as HaSelect).validity.customError);await waitModel(false);assert.equal(await single.getAttribute('value'),''); + await page.getByRole('button',{name:'Toggle category options',exact:true}).click();await page.waitForFunction(()=>(document.querySelector('#bound-category') as HaSelect).validity.valid);await waitModel(false);assert.equal(await single.getAttribute('value'),'2');assert.equal(await count('Category events'),3); + await page.getByRole('button',{name:'Clear category',exact:true}).click();await waitModel(null);await form.evaluate(element=>{const form=element as HTMLFormElement;form.dataset.nativeInvalid='0';form.addEventListener('invalid',()=>{form.dataset.nativeInvalid='1';},{capture:true,once:true});});await page.getByRole('button',{name:'Save category',exact:true}).click();await page.waitForFunction(()=>document.querySelector('form[aria-label="Category form"]')!.dataset.nativeInvalid==='1');assert.equal(await single.getAttribute('aria-invalid'),'true');assert.equal(await count('Category submits'),1);assert.equal(await page.getByText('Choose a category.',{exact:true}).isVisible(),true); + await page.getByRole('button',{name:'Reset category',exact:true}).click();await waitModel(1);await waitEvents(4); + await page.getByRole('button',{name:'Toggle category disabled',exact:true}).click();assert.equal(await single.isDisabled(),true);assert.deepEqual(await form.evaluate(element=>[...new FormData(element as HTMLFormElement)]),[]);await page.getByRole('button',{name:'Toggle category disabled',exact:true}).click();assert.equal(await single.isDisabled(),false); + await single.click();assert.equal(await host.getByRole('option',{name:'Archived',exact:true}).isDisabled(),true);await page.keyboard.press('Escape'); + await page.getByRole('button',{name:'Toggle category mode',exact:true}).click();const multiple=page.getByRole('listbox',{name:'Category',exact:true});await waitModel([1,false]);assert.equal(await count('Category events'),4);await multiple.selectOption(['1']);await waitModel(['1']);await waitEvents(5); + await multiple.selectOption(['0','2']);await waitModel([1,false]);await waitEvents(6);await page.getByRole('button',{name:'Save category',exact:true}).click();await page.waitForFunction(()=>document.querySelector('output[aria-label="Category submits"]')!.textContent==='2');assert.deepEqual(await saved(),[['category','1'],['category','false']]); + await multiple.selectOption(['1']);await waitModel(['1']);await waitEvents(7);await page.getByRole('button',{name:'Reset category',exact:true}).click();await waitModel([1,false]);await waitEvents(8); + const retained=await host.elementHandle();assert.ok(retained);await page.getByRole('button',{name:'Toggle category',exact:true}).click();await host.waitFor({state:'detached'});await retained.evaluate(element=>element.dispatchEvent(new CustomEvent('ha-select-request',{detail:{value:[1],reason:'change'},cancelable:true})));assert.equal(await count('Category events'),8);await waitModel([1,false]); + await page.getByRole('button',{name:'Toggle category',exact:true}).click();await multiple.selectOption(['2']);await waitModel([false]);await waitEvents(9); + await host.screenshot({path:join(root,'test-results','packed-'+framework+'-select-multiple-light.png')});await page.getByRole('button',{name:'Toggle category mode',exact:true}).click();await waitModel(1);await host.screenshot({path:join(root,'test-results','packed-'+framework+'-select-light.png')}); + await page.getByRole('button',{name:'Toggle category mode',exact:true}).click();await waitModel([1,false]);await page.getByRole('button',{name:'Use category dropdown',exact:true}).click(); + const add=host.getByRole('button',{name:'Category',exact:true});await add.click();await host.getByRole('combobox',{name:'Search options',exact:true}).fill('shop');await page.keyboard.press('ArrowDown');await page.keyboard.press('Enter');await waitModel([1,false,'1']);await waitEvents(10); + assert.deepEqual(await form.evaluate(element=>[...new FormData(element as HTMLFormElement)]),[['category','1'],['category','1'],['category','false']]); + await page.getByRole('button',{name:'Reject category changes',exact:true}).click();await host.getByRole('button',{name:'Remove Maintenance',exact:true}).click();await waitEvents(11);await waitModel([1,false,'1']);await page.getByRole('button',{name:'Reject category changes',exact:true}).click(); + await host.getByRole('button',{name:'Remove Maintenance',exact:true}).click();await waitEvents(12);await waitModel([false,'1']);await page.getByRole('button',{name:'Reset category',exact:true}).click();await waitEvents(13);await waitModel([1,false]); + await page.getByRole('button',{name:'Toggle category disabled',exact:true}).click();assert.equal(await add.isDisabled(),true);assert.equal(await host.getByRole('button',{name:'Remove Maintenance',exact:true}).isDisabled(),true);assert.deepEqual(await form.evaluate(element=>[...new FormData(element as HTMLFormElement)]),[]);await page.getByRole('button',{name:'Toggle category disabled',exact:true}).click(); + await page.getByRole('button',{name:'Toggle category',exact:true}).click();await host.waitFor({state:'detached'});await page.getByRole('button',{name:'Toggle category',exact:true}).click();await add.click();await host.getByRole('option',{name:'Shopping',exact:true}).click();await waitEvents(14);await waitModel([1,false,'1']);await host.screenshot({path:join(root,'test-results','packed-'+framework+'-select-chips-light.png')}); + await page.getByRole('button',{name:'Toggle category mode',exact:true}).click();await waitModel(1); + await page.getByRole('button',{name:'Use category list',exact:true}).click(); + await host.getByRole('radiogroup',{name:'Category',exact:true}).waitFor();assert.equal(await count('Category events'),14); + const radio=host.getByRole('radio',{name:'Shopping',exact:true}); + await page.getByRole('button',{name:'Reject category changes',exact:true}).click();await radio.click();await waitEvents(15);await waitModel(1);assert.equal(await radio.isChecked(),false); + await page.getByRole('button',{name:'Reject category changes',exact:true}).click();await radio.click();await waitEvents(16);await waitModel('1');await page.keyboard.press('ArrowDown');await waitEvents(17);await waitModel(false); + await page.getByRole('button',{name:'Reset category',exact:true}).click();await waitEvents(18);await waitModel(1);await host.screenshot({path:join(root,'test-results','packed-'+framework+'-select-single-list.png')}); + await page.getByRole('button',{name:'Toggle category mode',exact:true}).click();await waitModel([1,false]);await host.getByRole('group',{name:'Category',exact:true}).waitFor(); + const shopping=host.getByRole('checkbox',{name:'Shopping',exact:true}),archived=host.getByRole('checkbox',{name:'Archived',exact:true}); + assert.equal(await archived.isDisabled(),true);await shopping.focus();await page.keyboard.press('Space');await waitEvents(19);await waitModel([1,false,'1']);assert.equal(await shopping.isChecked(),true); + await page.getByRole('button',{name:'Save category',exact:true}).click();await page.waitForFunction(()=>document.querySelector('output[aria-label="Category submits"]')!.textContent==='3');assert.deepEqual(await saved(),[['category','1'],['category','1'],['category','false']]); + await host.screenshot({path:join(root,'test-results','packed-'+framework+'-select-multiple-list.png')}); + await page.getByRole('button',{name:'Toggle category disabled',exact:true}).click();assert.equal(await shopping.isDisabled(),true);assert.deepEqual(await form.evaluate(element=>[...new FormData(element as HTMLFormElement)]),[]); + await page.getByRole('button',{name:'Toggle category disabled',exact:true}).click();await page.getByRole('button',{name:'Reset category',exact:true}).click();await waitEvents(20);await waitModel([1,false]);assert.equal(await shopping.isChecked(),false); + await page.getByRole('button',{name:'Toggle category mode',exact:true}).click();await waitModel(1);await page.getByRole('button',{name:'Use category dropdown',exact:true}).click(); + return {typedNumberStringBoolean:true,pickerTypeahead:true,originalRequestExactlyOnce:true,cancellation:true,programmaticWritesEmitNoIntent:true,asyncOptionsPreserveModel:true,requiredValidation:true,disabledSubmission:true,nativeFormData:true,multipleTypedValues:true,frameworkReset:true,teardownAndRemount:true,chipsDropdown:{typedSearchAndAddition:true,cancelableRemoval:true,controlledReset:true,disabledSubmission:true,teardownAndRemount:true},visibleLists:{typedRadioKeyboardAndCancellation:true,typedCheckboxKeyboard:true,repeatedNativeEntries:true,disabledOptionAndField:true,controlledReset:true}}; +} + +export async function exerciseInstalledSelect(page:Page){ + await page.evaluate(async()=>{ + const form=document.createElement('form');form.id='packed-select-proof';const host=document.createElement('vyp-ha-select');host.id='packed-core-select';host.state={...host.state,label:'Packed category',options:[{value:1,label:'Maintenance',disabled:false},{value:'1',label:'Shopping',disabled:false},{value:false,label:'Other',disabled:false}],required:true};host.name='category';host.defaultValue=1; + host.addEventListener('ha-select-request',event=>{host.value=event.detail.value;});const button=document.createElement('button');button.type='submit';button.textContent='Save packed category';form.append(host,button);form.addEventListener('submit',event=>{event.preventDefault();form.dataset.saved=JSON.stringify([...new FormData(form)]);});document.body.append(form);await host.updateComplete; + }); + const control=page.getByRole('combobox',{name:'Packed category',exact:true});await control.click();await page.locator('#packed-core-select').getByRole('option',{name:'Shopping',exact:true}).click();assert.equal(await page.locator('#packed-core-select').evaluate(host=>(host as HaSelect).value),'1');await page.getByRole('button',{name:'Save packed category',exact:true}).click();assert.deepEqual(JSON.parse((await page.locator('#packed-select-proof').getAttribute('data-saved'))!),[['category','1']]); + await control.focus();await page.keyboard.press('o');await page.keyboard.press('Tab');assert.equal(await page.locator('#packed-core-select').evaluate(host=>(host as HaSelect).value),false); + await page.locator('#packed-core-select').evaluate(async element=>{const host=element as HaSelect;host.state={...host.state,multiple:true,size:4};host.value=[false,1];await host.updateComplete;}); + const multiple=page.getByRole('listbox',{name:'Packed category',exact:true});await multiple.selectOption(['0','1']);assert.deepEqual(await page.locator('#packed-core-select').evaluate(host=>(host as HaSelect).value),[1,'1']);await page.getByRole('button',{name:'Save packed category',exact:true}).click();assert.deepEqual(JSON.parse((await page.locator('#packed-select-proof').getAttribute('data-saved'))!),[['category','1'],['category','1']]); + const result=await page.locator('#packed-core-select').evaluate(async element=>{const host=element as HaSelect;host.state={...host.state,multiple:false,size:1};host.formStateRestoreCallback('false','restore');await host.updateComplete;const restored=host.value;host.form!.reset();await host.updateComplete;return {restored,reset:host.value,entries:[...new FormData(host.form!)]};});assert.deepEqual(result,{restored:false,reset:1,entries:[['category','1']]});await page.locator('#packed-select-proof').evaluate(element=>element.remove()); + const ancestorScroll=await exerciseInstalledSelectScroll(page); + const chipsDropdown=await exerciseInstalledSelectChips(page); + const visibleLists=await exerciseInstalledSelectLists(page); + return {typedSingleSelection:true,typedMultipleSelection:true,pickerTypeahead:true,nativeFormData:true,explicitTypedRestorationAndReset:result,ancestorScroll,chipsDropdown,visibleLists}; +} + +/** Native radio and checkbox input from the installed renderer, with real pointer and keyboard actions. */ +export async function exerciseInstalledSelectLists(page:Page){ + await page.evaluate(async()=>{ + const form=document.createElement('form'),fieldset=document.createElement('fieldset'),host=document.createElement('vyp-ha-select'); + form.id='packed-list-proof';host.style.width='240px';host.name='category';host.defaultValue=1;host.dataset.requests='0'; + host.state={...host.state,label:'Packed visible categories',mode:'list',required:true,options:[{value:1,label:'Maintenance',disabled:false},{value:'1',label:'Shopping',disabled:false},{value:false,label:'Other',disabled:false},{value:'archived',label:'Archived',disabled:true}]}; + host.addEventListener('ha-select-request',event=>{host.dataset.requests=String(Number(host.dataset.requests)+1);if(host.dataset.reject==='true')event.preventDefault();else host.value=event.detail.value;}); + const save=document.createElement('button');save.textContent='Save visible categories';form.addEventListener('submit',event=>{event.preventDefault();form.dataset.saved=JSON.stringify([...new FormData(form)]);}); + fieldset.append(host);form.append(fieldset,save);document.body.append(form);await host.updateComplete; + }); + const form=page.locator('#packed-list-proof'),host=form.locator('vyp-ha-select'); + const model=()=>host.evaluate(element=>({value:(element as HaSelect).value,requests:Number((element as HTMLElement).dataset.requests),entries:[...new FormData((element as HaSelect).form!)]})); + const radios=host.getByRole('radiogroup',{name:'Packed visible categories',exact:true}),shopping=radios.getByRole('radio',{name:'Shopping',exact:true}); + await host.evaluate(element=>(element as HTMLElement).dataset.reject='true');await shopping.click();assert.equal(await shopping.isChecked(),false);assert.deepEqual(await model(),{value:1,requests:1,entries:[['category','1']]}); + await host.evaluate(element=>delete(element as HTMLElement).dataset.reject);await shopping.click();assert.deepEqual(await model(),{value:'1',requests:2,entries:[['category','1']]}); + await shopping.focus();await page.keyboard.press('ArrowDown');assert.deepEqual(await model(),{value:false,requests:3,entries:[['category','false']]}); + await host.evaluate(async element=>{const host=element as HaSelect;host.state={...host.state,multiple:true};host.defaultValue=[1,false];host.value=[1,false];await host.updateComplete;}); + const checks=host.getByRole('group',{name:'Packed visible categories',exact:true}),check=checks.getByRole('checkbox',{name:'Shopping',exact:true}); + assert.equal(await checks.getByRole('checkbox',{name:'Archived',exact:true}).isDisabled(),true);await check.focus();await page.keyboard.press('Space'); + assert.deepEqual(await model(),{value:[1,false,'1'],requests:4,entries:[['category','1'],['category','1'],['category','false']]}); + await form.getByRole('button',{name:'Save visible categories'}).click();assert.deepEqual(JSON.parse((await form.getAttribute('data-saved'))!),[['category','1'],['category','1'],['category','false']]); + await form.locator('fieldset').evaluate(element=>(element as HTMLFieldSetElement).disabled=true);assert.equal(await check.isDisabled(),true);assert.deepEqual((await model()).entries,[]); + await form.evaluate(async element=>{const form=element as HTMLFormElement;form.querySelector('fieldset')!.disabled=false;form.reset();await form.querySelector('vyp-ha-select')!.updateComplete;}); + assert.deepEqual(await model(),{value:[1,false],requests:5,entries:[['category','1'],['category','false']]});assert.equal(await check.isChecked(),false); + await form.evaluate(element=>element.remove()); + return{typedRadioCancellationAndKeyboard:true,typedCheckboxKeyboard:true,repeatedNativeSubmission:true,disabledOptionAndFieldset:true,controlledReset:true}; +} + +/** Real installed core modal, typed controlled acknowledgements and native form lifecycle. */ +export async function exerciseInstalledSelectChips(page:Page){ + await page.evaluate(async()=>{ + const form=document.createElement('form'),host=document.createElement('vyp-ha-select'),outside=document.createElement('button');form.id='packed-chips-proof';host.id='packed-chips';host.style.width='280px';host.name='category';host.state={...host.state,multiple:true,mode:'dropdown',label:'Packed chips',required:true,options:[{value:1,label:'Maintenance',disabled:false},{value:'1',label:'Shopping',disabled:false},{value:false,label:'Other',disabled:false}]};host.defaultValue=[1,false];host.dataset.requests='0';host.addEventListener('ha-select-request',event=>{host.dataset.requests=String(Number(host.dataset.requests)+1);if(host.dataset.reject==='true')event.preventDefault();else host.value=event.detail.value;});outside.id='packed-chips-outside';outside.type='button';outside.textContent='After chips';form.append(host,outside);document.body.append(form);await host.updateComplete; + }); + const host=page.locator('#packed-chips'),add=host.getByRole('button',{name:'Packed chips',exact:true}),search=host.getByRole('combobox',{name:'Search options',exact:true}),model=()=>host.evaluate(element=>({value:(element as HaSelect).value,entries:[...new FormData((element as HaSelect).form!)],requests:Number((element as HTMLElement).dataset.requests)})); + await add.click();await search.fill('unmatched');await host.getByRole('status').waitFor();await host.getByRole('button',{name:'Clear selection',exact:true}).click();assert.equal(await search.inputValue(),'');await search.fill('shop');await page.keyboard.press('ArrowDown');await page.keyboard.press('Enter');assert.deepEqual(await model(),{value:[1,false,'1'],entries:[['category','1'],['category','1'],['category','false']],requests:1}); + await host.evaluate(element=>(element as HTMLElement).dataset.reject='true');await host.getByRole('button',{name:'Remove Maintenance',exact:true}).click();assert.equal((await model()).requests,2);assert.deepEqual((await model()).value,[1,false,'1']);await host.evaluate(element=>delete(element as HTMLElement).dataset.reject);await host.getByRole('button',{name:'Remove Maintenance',exact:true}).click();assert.deepEqual((await model()).value,[false,'1']); + await add.click();await page.keyboard.press('Tab');assert.equal(await search.evaluate(element=>(element.getRootNode() as ShadowRoot).activeElement===element),true);await page.keyboard.press('Escape');assert.equal(await add.getAttribute('aria-expanded'),'false');assert.equal((await model()).requests,3); + await host.evaluate(async element=>{const host=element as HaSelect;host.form!.reset();await host.updateComplete;});assert.deepEqual(await model(),{value:[1,false],entries:[['category','1'],['category','false']],requests:4}); + await add.click();await host.evaluate(async element=>{const host=element as HaSelect,fieldset=document.createElement('fieldset');fieldset.disabled=true;host.form!.append(fieldset);fieldset.append(host);await host.updateComplete;});assert.equal(await add.isDisabled(),true);assert.equal(await add.getAttribute('aria-expanded'),'false');assert.deepEqual((await model()).entries,[]);await host.evaluate(async element=>{const host=element as HaSelect,fieldset=host.parentElement!;fieldset.parentElement!.append(host);fieldset.remove();await host.updateComplete;}); + await add.click();await host.evaluate(async element=>{const parent=element.parentElement!;element.remove();parent.append(element);await(element as HaSelect).updateComplete;});assert.equal(await add.getAttribute('aria-expanded'),'false');await add.click();await host.getByRole('option',{name:'Shopping',exact:true}).click();assert.deepEqual((await model()).value,[1,false,'1']);assert.equal((await model()).requests,5);await page.locator('#packed-chips-proof').evaluate(element=>element.remove()); + const ancestorScroll=await exerciseInstalledSelectScroll(page,true);return{typedSearchAndAddition:true,cancelableRemoval:true,queryClear:true,modalFocusAndEscape:true,controlledReset:true,fieldsetDisabledSubmission:true,reconnect:true,ancestorScroll}; +} + +/** Actual compiled core in ordinary, shadow and slotted application scroll containers. */ +export async function exerciseInstalledSelectScroll(page:Page,multiple=false){ + const results=[]; + for(const mode of ['light','shadow','slotted']){ + await page.evaluate(async({mode,multiple})=>{ + const wrapper=document.createElement('div');wrapper.id='packed-scroller-proof';wrapper.style.cssText='position:fixed;left:8px;top:8px;width:320px;z-index:100'; + const root=mode==='light'?wrapper:wrapper.attachShadow({mode:'open'}),panel=document.createElement('div'),content=document.createElement('div'),spacer=document.createElement('div'); + panel.id='packed-scroller-panel';panel.style.cssText='height:240px;width:320px;overflow:auto;scroll-behavior:auto';content.style.height='800px';spacer.style.height='80px';content.append(spacer); + const form=document.createElement('form'),host=document.createElement('vyp-ha-select');host.id='packed-scrolling-select';host.style.width='280px';host.name='category';host.state={...host.state,label:'Scrolling category',multiple,mode:'dropdown',required:true,options:[{value:1,label:'Maintenance',disabled:false},{value:'1',label:'Shopping',disabled:false}]};host.defaultValue=multiple?[1]:1;host.dataset.requests='0';host.addEventListener('ha-select-request',()=>{host.dataset.requests=String(Number(host.dataset.requests)+1);});form.append(host); + if(mode==='slotted'){content.append(document.createElement('slot'));wrapper.append(form);}else content.append(form); + panel.append(content);root.append(panel);document.body.append(wrapper);const after=document.createElement('button');after.id='packed-scroll-parking';after.textContent='Pointer parking';after.style.cssText='position:fixed;right:8px;bottom:8px;z-index:101';document.body.append(after);await host.updateComplete; + },{mode,multiple}); + const host=page.locator('#packed-scrolling-select'),control=host.getByRole(multiple?'button':'combobox',{name:'Scrolling category',exact:true});await control.click();if(!multiple)await page.locator('#packed-scroll-parking').hover();else await page.mouse.move(1100,850); + const before=await host.evaluate(async(element,multiple)=>{await(element as HaSelect).updateComplete;await new Promise(resolve=>requestAnimationFrame(()=>requestAnimationFrame(()=>resolve())));return element.shadowRoot!.querySelector(multiple?'.multi-popup':'#options')!.getBoundingClientRect().top;},multiple); + const panel=page.locator('#packed-scroller-panel'),initialScroll=await panel.evaluate(element=>element.scrollTop); + await panel.evaluate(element=>{element.addEventListener('scroll',event=>{(element as HTMLElement).dataset.event=JSON.stringify({trusted:event.isTrusted,bubbles:event.bubbles,composed:event.composed});},{once:true});element.scrollTop+=40;});await page.locator('#packed-scroller-panel[data-event]').waitFor(); + const actual=await host.evaluate((element,multiple)=>{const host=element as HaSelect;return{top:host.shadowRoot!.querySelector(multiple?'.multi-popup':'#options')!.getBoundingClientRect().top,anchorBottom:host.shadowRoot!.querySelector(multiple?'.multi-add-wrap':'#control')!.getBoundingClientRect().bottom,requests:Number(host.dataset.requests),value:host.value,entries:[...new FormData(host.form!)]};},multiple); + assert.equal(await panel.evaluate(element=>element.scrollTop),initialScroll+40);assert.equal(actual.top,before-40);assert.equal(actual.top,actual.anchorBottom);assert.equal(actual.requests,0);assert.deepEqual(actual.value,multiple?[1]:1);assert.deepEqual(actual.entries,[['category','1']]);const event=JSON.parse((await panel.getAttribute('data-event'))!);assert.deepEqual(event,{trusted:true,bubbles:false,composed:false});results.push({mode,initialScroll,before,...actual,event}); + await page.locator('#packed-scroller-proof').evaluate(element=>element.remove());await page.locator('#packed-scroll-parking').evaluate(element=>element.remove()); + } + return results; +} diff --git a/tests/consumers/ssr.test.mjs b/tests/consumers/ssr.test.mjs new file mode 100644 index 0000000..e60b081 --- /dev/null +++ b/tests/consumers/ssr.test.mjs @@ -0,0 +1,124 @@ +import assert from 'node:assert/strict'; +import {createHash} from 'node:crypto'; +import {execFile,spawn} from 'node:child_process'; +import {once} from 'node:events'; +import {cp,mkdir,mkdtemp,readFile,rm,writeFile} from 'node:fs/promises'; +import {createServer} from 'node:net'; +import {tmpdir} from 'node:os'; +import {join,resolve} from 'node:path'; +import test from 'node:test'; +import {setTimeout as delay} from 'node:timers/promises'; +import {promisify} from 'node:util'; +import {chromium} from 'playwright'; +import {parse,stringify} from 'yaml'; +import {exerciseSsrBoundary} from './ssr/journey.mjs'; + +const execute=promisify(execFile); +const digest=(bytes,algorithm='sha256',encoding='hex')=>createHash(algorithm).update(bytes).digest(encoding); +const fixtures=[ + {name:'next',label:'Next.js',adapter:'react',versionKey:'next',server:'node_modules/next/dist/bin/next'}, + {name:'nuxt',label:'Nuxt',adapter:'vue',versionKey:'nuxt',server:'.output/server/index.mjs'}, + {name:'sveltekit',label:'SvelteKit',adapter:'svelte',versionKey:'@sveltejs/kit',server:'build/index.js'}, +]; + +async function freeLocalPort(){ + const probe=createServer(); + const ready=once(probe,'listening'); + probe.listen(0,'127.0.0.1'); + await ready; + const port=probe.address().port; + const closed=once(probe,'close');probe.close();await closed; + return port; +} + +async function installFixture(root,scratch,fixture,cohort,env){ + const directory=join(scratch,fixture.name); + await cp(join(root,'tests/consumers/ssr/fixtures',fixture.name),directory,{recursive:true}); + const metadata=JSON.parse(await readFile(join(directory,'package.json'),'utf8')); + const locked=await readFile(join(directory,'pnpm-lock.yaml'),'utf8'),lock=parse(locked); + const coordinates=['@vypdev/ha-ui','@vypdev/ha-ui-'+fixture.adapter]; + const identities=new Map(); + for(const coordinate of coordinates){ + const matches=cohort.filter(candidate=>candidate.coordinate===coordinate); + assert.equal(matches.length,1,'One packed candidate is required: '+coordinate); + const [candidate]=matches; + assert.match(candidate.version,/^\d+\.\d+\.\d+(?:-[\w.]+)?$/u); + const basename=coordinate.replace('@','').replace('/','-')+'-'+candidate.version+'.tgz'; + const archive='file:../pack-1/'+basename; + assert.equal(metadata.dependencies[coordinate],archive); + const bytes=await readFile(join(root,'test-results/packages',basename)); + assert.equal(bytes.length,candidate.bytes); + assert.equal(digest(bytes),candidate.sha256,'SSR must use the same bytes as the packed consumer check'); + const destination=join(scratch,'pack-1',basename); + await writeFile(destination,bytes); + identities.set(archive,{coordinate,integrity:'sha512-'+digest(bytes,'sha512','base64')}); + } + const seen=new Set(); + for(const [key,pkg] of Object.entries(lock.packages)){ + const file=pkg.resolution.tarball; + if(!file)continue; + const identity=identities.get(file); + assert.ok(identity,'Only exact reviewed local candidate archives are allowed'); + assert.equal(key,identity.coordinate+'@'+file); + assert.equal(seen.has(file),false);seen.add(file); + pkg.resolution.integrity=identity.integrity; + } + assert.equal(seen.size,coordinates.length); + const frozen=stringify(lock);await writeFile(join(directory,'pnpm-lock.yaml'),frozen); + await execute('pnpm',['install','--frozen-lockfile','--prefer-offline','--ignore-scripts','--registry','https://registry.npmjs.org'],{cwd:directory,env,timeout:120_000}); + assert.equal(await readFile(join(directory,'pnpm-lock.yaml'),'utf8'),frozen); + const pin=metadata.dependencies[fixture.versionKey]; + const installed=JSON.parse(await readFile(join(directory,'node_modules',fixture.versionKey,'package.json'),'utf8')); + assert.equal(installed.version,pin); + await execute('pnpm',['build'],{cwd:directory,env,timeout:120_000}); + return{directory,pin,referenceLockSha256:digest(locked),testedLockSha256:digest(frozen)}; +} + +async function checkServer(browser,directory,fixture,env){ + const port=await freeLocalPort(),origin='http://127.0.0.1:'+port; + const args=fixture.name==='next'?[fixture.server,'start','--hostname','127.0.0.1','--port',String(port)]:[fixture.server]; + const server=spawn(process.execPath,args,{cwd:directory,env:{...env,HOST:'127.0.0.1',HOSTNAME:'127.0.0.1',PORT:String(port)},stdio:['ignore','ignore','pipe']}); + const stopped=once(server,'close');let stderr=''; + server.stderr.on('data',bytes=>{stderr=(stderr+String(bytes)).slice(-4000);}); + try{ + const deadline=Date.now()+15_000; + for(;;){ + try{ + const response=await fetch(origin,{signal:AbortSignal.timeout(2000)});await response.body?.cancel();break; + }catch(error){ + if(server.exitCode!==null||Date.now()>=deadline)throw Error(fixture.label+' failed to start: '+stderr,{cause:error}); + await delay(100); + } + } + return await exerciseSsrBoundary(browser,origin,fixture.label); + }finally{ + if(server.exitCode===null)server.kill(); + await stopped; + } +} + +test('actual Next.js, Nuxt and SvelteKit production shells mount one installed client adapter',{timeout:360_000},async t=>{ + const root=process.cwd(),scratch=await mkdtemp(join(tmpdir(),'ha-ui-packed-ssr-')); + const {cohort,reproducible}=JSON.parse(await readFile(resolve('test-results/packed-cohort.json'),'utf8')); + assert.equal(reproducible,true);assert.equal(cohort.length,5); + const env={PATH:process.env.PATH,HOME:process.env.HOME,CI:'true',npm_config_userconfig:'/dev/null', + NEXT_TELEMETRY_DISABLED:'1',NUXT_TELEMETRY_DISABLED:'1',DO_NOT_TRACK:'1'}; + let browser,passed=false; + try{ + await mkdir(join(scratch,'pack-1')); + browser=await chromium.launch(); + const evidence=[]; + for(const fixture of fixtures)await t.test(fixture.label,{timeout:300_000},async()=>{ + const {directory,pin,...locks}=await installFixture(root,scratch,fixture,cohort,env); + const behavior=await checkServer(browser,directory,fixture,env); + evidence.push({framework:fixture.label,pin,browser:browser.version(),...locks,...behavior}); + }); + assert.equal(evidence.length,fixtures.length,'All three SSR boundaries must pass'); + await writeFile(resolve('test-results/packed-ssr.json'),JSON.stringify({cohort,evidence},null,2)+'\n'); + passed=true; + }finally{ + await browser?.close(); + if(passed)await rm(scratch,{recursive:true}); + else console.error('Failed SSR fixture retained at '+scratch); + } +}); diff --git a/tests/consumers/ssr/fixtures/next/app/boundary.jsx b/tests/consumers/ssr/fixtures/next/app/boundary.jsx new file mode 100644 index 0000000..aea7644 --- /dev/null +++ b/tests/consumers/ssr/fixtures/next/app/boundary.jsx @@ -0,0 +1,6 @@ +'use client'; +import dynamic from 'next/dynamic'; + +const ClientTabs=dynamic(()=>import('./client-tabs.jsx'),{ssr:false, + loading:()=>

Loading household controls…

}); +export default function Boundary({initial}) {return ;} diff --git a/tests/consumers/ssr/fixtures/next/app/client-tabs.jsx b/tests/consumers/ssr/fixtures/next/app/client-tabs.jsx new file mode 100644 index 0000000..44ecda1 --- /dev/null +++ b/tests/consumers/ssr/fixtures/next/app/client-tabs.jsx @@ -0,0 +1,20 @@ +'use client'; +import {useState} from 'react'; +import {Tabs} from '@vypdev/ha-ui-react'; +import {registerTabs} from '@vypdev/ha-ui/tabs'; +registerTabs(); + +export default function ClientTabs({initial}) { + const [state,setState]=useState(initial),[count,setCount]=useState(0),[mounted,setMounted]=useState(true); + function select(event) { + setCount(value=>value+1); + setState(value=>({...value,selected:event.detail.id})); + } + return <> + + {count} + {mounted&& + Household overviewHousehold tasks + } + ; +} diff --git a/tests/consumers/ssr/fixtures/next/app/layout.jsx b/tests/consumers/ssr/fixtures/next/app/layout.jsx new file mode 100644 index 0000000..abbb3ff --- /dev/null +++ b/tests/consumers/ssr/fixtures/next/app/layout.jsx @@ -0,0 +1,3 @@ +export default function Layout({children}) { + return {children}; +} diff --git a/tests/consumers/ssr/fixtures/next/app/page.jsx b/tests/consumers/ssr/fixtures/next/app/page.jsx new file mode 100644 index 0000000..e5139fb --- /dev/null +++ b/tests/consumers/ssr/fixtures/next/app/page.jsx @@ -0,0 +1,10 @@ +import {navigationState} from '@vypdev/ha-ui/contracts'; +import {connection} from 'next/server'; +import Boundary from './boundary.jsx'; + +export default async function Page() { + await connection(); + const state=navigationState({kind:'panels',label:'Household sections',selected:'overview', + items:[{id:'overview',label:'Overview'},{id:'tasks',label:'Tasks'}]}); + return

Next.js server shell

; +} diff --git a/tests/consumers/ssr/fixtures/next/package.json b/tests/consumers/ssr/fixtures/next/package.json new file mode 100644 index 0000000..6159a6c --- /dev/null +++ b/tests/consumers/ssr/fixtures/next/package.json @@ -0,0 +1,20 @@ +{ + "name": "ha-ui-next-ssr-fixture", + "private": true, + "type": "module", + "packageManager": "pnpm@10.34.0", + "engines": { + "node": ">=24.20.0 <25" + }, + "scripts": { + "build": "next build", + "start": "next start" + }, + "dependencies": { + "@vypdev/ha-ui": "file:../pack-1/vypdev-ha-ui-0.1.0-next.1.tgz", + "@vypdev/ha-ui-react": "file:../pack-1/vypdev-ha-ui-react-0.1.0-next.1.tgz", + "next": "16.4.5", + "react": "19.3.1", + "react-dom": "19.3.1" + } +} diff --git a/tests/consumers/ssr/fixtures/next/pnpm-lock.yaml b/tests/consumers/ssr/fixtures/next/pnpm-lock.yaml new file mode 100644 index 0000000..a341bd7 --- /dev/null +++ b/tests/consumers/ssr/fixtures/next/pnpm-lock.yaml @@ -0,0 +1,650 @@ +lockfileVersion: '9.0' + +settings: + autoInstallPeers: false + excludeLinksFromLockfile: false + +overrides: + '@vypdev/ha-ui': file:../pack-1/vypdev-ha-ui-0.1.0-next.1.tgz + +importers: + + .: + dependencies: + '@vypdev/ha-ui': + specifier: file:../pack-1/vypdev-ha-ui-0.1.0-next.1.tgz + version: file:../pack-1/vypdev-ha-ui-0.1.0-next.1.tgz + '@vypdev/ha-ui-react': + specifier: file:../pack-1/vypdev-ha-ui-react-0.1.0-next.1.tgz + version: file:../pack-1/vypdev-ha-ui-react-0.1.0-next.1.tgz(react@19.3.1) + next: + specifier: 16.4.5 + version: 16.4.5(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + react: + specifier: 19.3.1 + version: 19.3.1 + react-dom: + specifier: 19.3.1 + version: 19.3.1(react@19.3.1) + +packages: + + '@emnapi/runtime@1.11.3': + resolution: {integrity: sha512-Xz4Tpyki7XyrpbUK1jR1AhdAdaXyhhY4lZ3neLodmhpuWfy2PAQN5B46sAiU4liOXGLkHypn/qU+jvfWSCYYLA==} + + '@img/colour@1.1.0': + resolution: {integrity: sha512-Td76q7j57o/tLVdgS746cYARfSyxk8iEfRxewL9h4OMzYhbW4TAcppl0mT4eyqXddh6L/jwoM75mo7ixa/pCeQ==} + engines: {node: '>=18'} + + '@img/sharp-darwin-arm64@0.35.5': + resolution: {integrity: sha512-QRUlFQ0WxvdWyqqG/WtI3iupfD5rBzmCHXSdPsY91sAtVtTo7Q4cb6zOccZ3gqEqkr0f1As1ehLqmEpDsRf+lg==} + engines: {node: '>=20.9.0'} + cpu: [arm64] + os: [darwin] + + '@img/sharp-darwin-x64@0.35.5': + resolution: {integrity: sha512-+BR255RhDlpygUpOc/Jdt1nT6DQ3XG/ERo5wbcdOf5Q320dKtPCKPLR1LJs9VGXRaMa8l1uUa0tkCNOXiAxZUw==} + engines: {node: '>=20.9.0'} + cpu: [x64] + os: [darwin] + + '@img/sharp-freebsd-wasm32@0.35.5': + resolution: {integrity: sha512-Y/z91nEZ4uIBX5X3nfTovjU9lHNKFYbL2lpHCLVNmXQK03VIZvXBBt0KxbPGp2SdGSF+2mQU4e+hQaWOt86iAw==} + engines: {node: '>=20.9.0'} + os: [freebsd] + + '@img/sharp-libvips-darwin-arm64@1.3.4': + resolution: {integrity: sha512-5R89nBYiRdUlSWJxPhO+GVtaXzXSxKnRu/xqMn3KTA3L9EB9Oy/P+Nn2f2vlhPuUdy/Zusb2DarbyTpGCfEDuw==} + cpu: [arm64] + os: [darwin] + + '@img/sharp-libvips-darwin-x64@1.3.4': + resolution: {integrity: sha512-iR2OKH80yi0U+dUplyh3/xdpFvps6YkCwsXenIJxqxR1v9o+xtKTGbS9H7cps+2Vxjc8B1j96p75NmTGjIhtpQ==} + cpu: [x64] + os: [darwin] + + '@img/sharp-libvips-linux-arm64@1.3.4': + resolution: {integrity: sha512-Y3dgX/6lE2QhQb+Gxy0WZxfg9MEm/JBjamZpS2IklP7xIQoKN4hzAm7KcMVGtaVDt3neE9OKBC7vAfonA/Lr1A==} + cpu: [arm64] + os: [linux] + libc: [glibc] + + '@img/sharp-libvips-linux-arm@1.3.4': + resolution: {integrity: sha512-LmRtTsOHuvM2+wlO2Db37dx5MiZhB0FvSunciw48YjdOkZz9KAiRbm8ujeMOA1INqmei5NapFxYEK1D1ZSidmw==} + cpu: [arm] + os: [linux] + libc: [glibc] + + '@img/sharp-libvips-linux-ppc64@1.3.4': + resolution: {integrity: sha512-Le6boB8Tai0Nis+gIxIpKx68UDVVIqdR8Tin5Yf1z2LJJQLDJvCDRqRu+jC2qCoD+eIomonmOwB4smBRxfVpYQ==} + cpu: [ppc64] + os: [linux] + libc: [glibc] + + '@img/sharp-libvips-linux-riscv64@1.3.4': + resolution: {integrity: sha512-aHkkIEHPRdQEegJN20MLmGtxYD9R2wQr3Cwpddnu5+YKMt6Uzax7S9h5gpZTo8wyrGuZSlfQ63OevL5mTyOC7Q==} + cpu: [riscv64] + os: [linux] + libc: [glibc] + + '@img/sharp-libvips-linux-s390x@1.3.4': + resolution: {integrity: sha512-ra/mB6MikESDUO7Yg+Mi95bFBb9GsObURuhnOv3OqknjGe9sZrG8tCe9q0xSIGrtLgvgw0gKnFWcK4blSgQOuQ==} + cpu: [s390x] + os: [linux] + libc: [glibc] + + '@img/sharp-libvips-linux-x64@1.3.4': + resolution: {integrity: sha512-GJ//SSXbnwSDes02umB3nDJLFcQzw8a18V8fyhqr6tV515tOEMdImjjxj1AoafMRz56F3PHgftnj1QEKSU1zkw==} + cpu: [x64] + os: [linux] + libc: [glibc] + + '@img/sharp-libvips-linuxmusl-arm64@1.3.4': + resolution: {integrity: sha512-hvulFwtjUcagsis6BBxHwGFwWoNZjgYmULGVrZcyfNbjA8hKILbRxGg15/7w5HDyXHXUos/j6baAWqnCyQ2DWA==} + cpu: [arm64] + os: [linux] + libc: [musl] + + '@img/sharp-libvips-linuxmusl-x64@1.3.4': + resolution: {integrity: sha512-6zXKeE/p39I1AmA3cJG35eyBGNqNddLnUXjhwBnsGjFPWqf5VKkDBEqaEkPDoTEtkxwi2vv8Tcr2mDyP4So7Fg==} + cpu: [x64] + os: [linux] + libc: [musl] + + '@img/sharp-linux-arm64@0.35.5': + resolution: {integrity: sha512-LYVx5JTsOM2CBzmxreh+nl64/3H6Xb09iSLknqH47z2T2DFFxDeFLP5y4dJwe6H7uGQlHPyEEtIqyo3DYsRwdQ==} + engines: {node: '>=20.9.0'} + cpu: [arm64] + os: [linux] + libc: [glibc] + + '@img/sharp-linux-arm@0.35.5': + resolution: {integrity: sha512-LEaXK2WdXVK5ykcw0buWyPMsmLLL2vpHLD6yrNSW+JGEL3BZPA4tpKN6iaMc4AxTTAoaX/sU1rOL51lcIz48ZQ==} + engines: {node: '>=20.9.0'} + cpu: [arm] + os: [linux] + libc: [glibc] + + '@img/sharp-linux-ppc64@0.35.5': + resolution: {integrity: sha512-QVxAAq8evVRI9ia2vqgwrmWucn5Dfv+JdWzj75pD8omHLPSP7f8p20O8jxzjCcuCEQEOtYOZUmX1hkiZ0kdevA==} + engines: {node: '>=20.9.0'} + cpu: [ppc64] + os: [linux] + libc: [glibc] + + '@img/sharp-linux-riscv64@0.35.5': + resolution: {integrity: sha512-LtdreXguaavKODPIfzJ4kffx7UNt1omwtK0rch4EBbbSTXPnxWmYSayXdLJw0fJzQ97kHt1gL/yh4tvU+nCyRQ==} + engines: {node: '>=20.9.0'} + cpu: [riscv64] + os: [linux] + libc: [glibc] + + '@img/sharp-linux-s390x@0.35.5': + resolution: {integrity: sha512-UZasTOFiYzotTsGOCu42BfUzP6Tu6Do/947iRm1RsLKvlllxwGcn4RN27LibGWceix4Y+Pmw3jsnTcCQIgWjqA==} + engines: {node: '>=20.9.0'} + cpu: [s390x] + os: [linux] + libc: [glibc] + + '@img/sharp-linux-x64@0.35.5': + resolution: {integrity: sha512-SxFtLTeJInhAA9Q836kux2vZNeOBQEx658qvbboZScr0wIARym3IcGmW7KpVD5sbVg0Ojy+udFQdayYIZyoNog==} + engines: {node: '>=20.9.0'} + cpu: [x64] + os: [linux] + libc: [glibc] + + '@img/sharp-linuxmusl-arm64@0.35.5': + resolution: {integrity: sha512-9HbMclmI1zlNkFRs3z9/eBtDjfD0sGlrX1z6b1qwmiFY5ElDLh4BC0LPBdVp7z1DXFiKlIcznf+ZlsuZzLxQqg==} + engines: {node: '>=20.9.0'} + cpu: [arm64] + os: [linux] + libc: [musl] + + '@img/sharp-linuxmusl-x64@0.35.5': + resolution: {integrity: sha512-4KOphqB035HrVdqLZfCgMzzERrQkkzOwRhl4OAkRO1YCldbaFjySXMaK534Mo0V+LndnlJk+sbUyLeU0ULyD1A==} + engines: {node: '>=20.9.0'} + cpu: [x64] + os: [linux] + libc: [musl] + + '@img/sharp-wasm32@0.35.5': + resolution: {integrity: sha512-Ptsga1su4tQx+LLF1ECS9U6nz5kmrXKo6XVbtR48Ke3ZRxxgaWBu7IDtEe1quo8hiupwm6WFqxVlXaSf7IINGQ==} + engines: {node: '>=20.9.0'} + + '@img/sharp-webcontainers-wasm32@0.35.5': + resolution: {integrity: sha512-hfhF/FmoQyTUkA0bIKFOtw536BQSeBMe6BF6QyWlrPxT754+TFLaZ7sKKTfvvM0yJgKgaYTwnFCIZ/GuDw5SUA==} + engines: {node: '>=20.9.0'} + cpu: [wasm32] + + '@img/sharp-win32-arm64@0.35.5': + resolution: {integrity: sha512-X4t7g+7ZA5DKblCBEXGjUqqemj4vczING/5viFwAL8h4N3qYeyjwdCvRLHi4EdOUI+2Z7UFlp1VM+p/AuEtm6Q==} + engines: {node: '>=20.9.0'} + cpu: [arm64] + os: [win32] + + '@img/sharp-win32-ia32@0.35.5': + resolution: {integrity: sha512-5Zm82LoBc43nhwNybZlG7Y1KO//Zhsn306fQl29ZOuStHLGTo3BWL83q3cznX0poxSAMuYL1On/BHBxkBeKr6A==} + engines: {node: ^20.9.0} + cpu: [ia32] + os: [win32] + + '@img/sharp-win32-x64@0.35.5': + resolution: {integrity: sha512-x76eH0vEiHlcMQu8Y8IenntaACtddpT6W0wmXtWrnKcnKI7ME5DdgqhAD6SEWOEl1v2zDvkZDhFA9KnURwpfqg==} + engines: {node: '>=20.9.0'} + cpu: [x64] + os: [win32] + + '@lit-labs/ssr-dom-shim@1.6.0': + resolution: {integrity: sha512-VHb0ALPMTlgKjM6yIxxoQNnpKyUKLD04VzeQdsiXkMqkvYlAHxq9glGLmgbb889/1GsohSOAjvQYoiBppXFqrQ==} + + '@lit/reactive-element@2.1.2': + resolution: {integrity: sha512-pbCDiVMnne1lYUIaYNN5wrwQXDtHaYtg7YEFPeW+hws6U47WeFvISGUWekPGKWOP1ygrs0ef0o1VJMk1exos5A==} + + '@next/env@16.4.5': + resolution: {integrity: sha512-JwSPwpdkZL5VMl2jA/q+JI8MZdweAL3xmw5/tb9y/TLtmS0YXZnmYDzSihwk8xTj1OL+WM53gTqaj96yuLp6Xw==} + + '@next/swc-darwin-arm64@16.4.5': + resolution: {integrity: sha512-W5TniBzWKASbNNwHZ/S/f1MxQUXU/LdjklVMWA0Ujbfl7SZnUzFls45hO0i/sF7Bx1jJBWp7WWmoQajXtX/O8A==} + engines: {node: '>= 10'} + cpu: [arm64] + os: [darwin] + + '@next/swc-darwin-x64@16.4.5': + resolution: {integrity: sha512-uWq4qkHapBDS1oFltWS4YxTb9pLHAtLNcpbuK6SmRsebLYZqpBML/j/C0op+50JYGTpZgVL/DWNt/6oWlamrrw==} + engines: {node: '>= 10'} + cpu: [x64] + os: [darwin] + + '@next/swc-linux-arm64-gnu@16.4.5': + resolution: {integrity: sha512-FdRcyOx5u5P51mlAqLB9EXdd8jZO5fsdHtk4BAQSkqOywCsbTNN/rmw+jO7pnmjNdAtu2AG46NzbCL2FPDrrgw==} + engines: {node: '>= 10'} + cpu: [arm64] + os: [linux] + libc: [glibc] + + '@next/swc-linux-arm64-musl@16.4.5': + resolution: {integrity: sha512-cyvmmgtRXR8aGVT86wi9Py53IlfyCx7P2fZxuAXAoTummDnhKtUyjrMeXfapqp4qgD+gT5RqyGD/VfA16jEK7Q==} + engines: {node: '>= 10'} + cpu: [arm64] + os: [linux] + libc: [musl] + + '@next/swc-linux-x64-gnu@16.4.5': + resolution: {integrity: sha512-hPc+Fl+N22DAvqZHq559NmamXboOX5Lu8I5Wl0DezfrhTk1Zz21NQeYoZDmNI/NjTcrdsVxM72Fzn2lI+Q+vAw==} + engines: {node: '>= 10'} + cpu: [x64] + os: [linux] + libc: [glibc] + + '@next/swc-linux-x64-musl@16.4.5': + resolution: {integrity: sha512-gbACYE8IP/jlprNTpiWXHb8N9CofOzpnEwH2SrIz1dUbiJf1FbDssDupCAPeP1Taxe8mgG20sGZamJI7KFOdZw==} + engines: {node: '>= 10'} + cpu: [x64] + os: [linux] + libc: [musl] + + '@next/swc-win32-arm64-msvc@16.4.5': + resolution: {integrity: sha512-+8gj++ZMo8H20Xh2ijjNqyFk5LPLw0AC4Fs4Tq/G94rjjQXhOjN4jgSWsWKPFsyY26hfIeemJIwKtMxOsp5GBA==} + engines: {node: '>= 10'} + cpu: [arm64] + os: [win32] + + '@next/swc-win32-x64-msvc@16.4.5': + resolution: {integrity: sha512-qNZj66pYXnaWLiF9R9GUbfBdrCv7kC6TaZfIwB2KH5WPc/8pEM3nVOj8hpQhWJU8S94rlH5MPDcX15+RrgUhiw==} + engines: {node: '>= 10'} + cpu: [x64] + os: [win32] + + '@swc/helpers@0.5.23': + resolution: {integrity: sha512-5lSsMOTXURePglDfvuAQUqkGek9Hg2kksOYay2m0+XR++b2NWYL/4sWyuvVBIs8oKnJaxkdi9whaL/sqN13afw==} + + '@types/trusted-types@2.0.7': + resolution: {integrity: sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==} + + '@vypdev/ha-ui-react@file:../pack-1/vypdev-ha-ui-react-0.1.0-next.1.tgz': + resolution: {integrity: sha512-papnt/BEPTnsPyzSV0gi4mF5Om2YNAN3OP6hn/VHD3RCo6rFl39RO7VVzW+VsmDSq01iCr0AtYk1sp5tUO5rrQ==, tarball: file:../pack-1/vypdev-ha-ui-react-0.1.0-next.1.tgz} + version: 0.1.0-next.1 + peerDependencies: + react: 19.3.1 + + '@vypdev/ha-ui@file:../pack-1/vypdev-ha-ui-0.1.0-next.1.tgz': + resolution: {integrity: sha512-hbYWDU7X71meaogXzz/u0tBUTKb9MNVS+yPFy5dH/aEOWr0TlQgXpbkYzf0CLoFlMGhdHq7co+ayQ7Yr6ujq5g==, tarball: file:../pack-1/vypdev-ha-ui-0.1.0-next.1.tgz} + version: 0.1.0-next.1 + + baseline-browser-mapping@2.11.35: + resolution: {integrity: sha512-GNk8KX52CHqeNKGk8+7tZnQab/2k1t/BgrUHPKNdijzpEhF1saPQZHVKb6m5loSAxB39gyrTYw34Qf9CQ3u1qQ==} + engines: {node: '>=6.0.0'} + hasBin: true + + caniuse-lite@1.0.30001820: + resolution: {integrity: sha512-gfWD6MxqVCqAOwmODfZf7DchWvlrA+SRdNX7ceLfg3xRqe5ssjjpF7EgslC/0tiLiNTajdaNN/q8c/5u/7Gz8w==} + + client-only@0.0.1: + resolution: {integrity: sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==} + + detect-libc@2.1.2: + resolution: {integrity: sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==} + engines: {node: '>=8'} + + lit-element@4.2.2: + resolution: {integrity: sha512-aFKhNToWxoyhkNDmWZwEva2SlQia+jfG0fjIWV//YeTaWrVnOxD89dPKfigCUspXFmjzOEUQpOkejH5Ly6sG0w==} + + lit-html@3.3.3: + resolution: {integrity: sha512-el8M6jK2o3RXBnrSHX3ZKrsN8zEV63pSExTO1wYJz7QndGYZ8353e2a5PPX+qHe2aGayfnchQmkAojaWAREOIA==} + + lit@3.3.3: + resolution: {integrity: sha512-fycuvZg/hkpozL00lm1pEJH5nN/lr9ZXd6mJI2HSN4+Bzc+LDNdEApJ6HFbPkdFNHLvOplIIuJvxkS4XUxqirw==} + + nanoid@3.3.20: + resolution: {integrity: sha512-uKdg2G3GNCKQn9byYOpxbGqrT2fGO5KRt5J/8b3pok8rT6qxGWF6hxMyJiEYtAf+FVyYuD9hRaDqX5uPFYJ4ZQ==} + engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1} + hasBin: true + + next@16.4.5: + resolution: {integrity: sha512-rmdfsWosjTUO+6R0S3KokoIk6Kj0sWDRTe86tZHdqaWH/oXq/udX3/4xb+YQi7aWbyEFoglDU54kaifLCdXbBw==} + engines: {node: '>=20.9.0'} + hasBin: true + peerDependencies: + '@opentelemetry/api': ^1.1.0 + '@playwright/test': ^1.51.1 + babel-plugin-react-compiler: '*' + react: ^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0 + react-dom: ^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0 + sass: ^1.3.0 + peerDependenciesMeta: + '@opentelemetry/api': + optional: true + '@playwright/test': + optional: true + babel-plugin-react-compiler: + optional: true + sass: + optional: true + + picocolors@1.1.1: + resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==} + + postcss@8.5.23: + resolution: {integrity: sha512-g50586zr4bZmwFiTlflMu8E0bDTb5I5gertgwAKmsdUlTQIhZtunzUlD1WSzwcVWPoAVpsrA6vlfCD7oXvRwgg==} + engines: {node: ^10 || ^12 || >=14} + + react-dom@19.3.1: + resolution: {integrity: sha512-Y0bARz53lhEC1NMCASs0/j+faB/zqt3R8hpvg1e8+61ZVJ4UL0UdC4cBbXfZMcIuhrfgeILTLe+ZeBCavQPtKQ==} + peerDependencies: + react: ^19.3.1 + + react@19.3.1: + resolution: {integrity: sha512-QNhWdt7nrgVWWQG58QuGsAR3jv3Hbe4mb4vz7w2csnHavciZJgda1CPNaldF6eVxv90ud3jUXpKlHL69gO38yw==} + engines: {node: '>=0.10.0'} + + scheduler@0.28.0: + resolution: {integrity: sha512-juorfCmIkIw8tT+p5BXSm6PJjQF/ycEYmKyzURCIt/RaZIhL+PulbQ9Yu2z1HdOJDdqDTlxA1+xKBmHXJsczAw==} + + semver@7.8.6: + resolution: {integrity: sha512-9lpSSU4Mly3mrtruwLs1eLK6+gzbzqeBFwRNjIjE+9LuDpWdYctrQlQ3ej1Ilgi7gknpsTRnPoLP8DpCHqHIJw==} + engines: {node: '>=10'} + hasBin: true + + sharp@0.35.5: + resolution: {integrity: sha512-Ywn4OnzGukp7CDMrp08RQ50YKmuwG47brZgIVPTvBaaAfQlRlygrRqSrxdCiL9M+LlzLBiJ68IR1QqvzHyjC7g==} + engines: {node: '>=20.9.0'} + peerDependencies: + '@types/node': '*' + peerDependenciesMeta: + '@types/node': + optional: true + + source-map-js@1.2.2: + resolution: {integrity: sha512-KGj/8Y43x35aZVDtt+J4mK1hoLGHULMYfSkODJNQjNDC3oW1PqPoxMwo0pLUsWM/UEGzON/NxeHywEfNXNP3Vw==} + engines: {node: '>=0.10.0'} + + styled-jsx@5.1.6: + resolution: {integrity: sha512-qSVyDTeMotdvQYoHWLNGwRFJHC+i+ZvdBRYosOFgC+Wg1vx4frN2/RG/NA7SYqqvKNLf39P2LSRA2pu6n0XYZA==} + engines: {node: '>= 12.0.0'} + peerDependencies: + '@babel/core': '*' + babel-plugin-macros: '*' + react: '>= 16.8.0 || 17.x.x || ^18.0.0-0 || ^19.0.0-0' + peerDependenciesMeta: + '@babel/core': + optional: true + babel-plugin-macros: + optional: true + + tslib@2.9.1: + resolution: {integrity: sha512-a4Ux9VKuIMHsOS7ENbEq6hK2ZGYIT27Rtl0E4eD9KqwxhKiQeMZE/9xb3IdYwWaSOyIBQLExhQgXDTYoiCxnWA==} + +snapshots: + + '@emnapi/runtime@1.11.3': + dependencies: + tslib: 2.9.1 + optional: true + + '@img/colour@1.1.0': + optional: true + + '@img/sharp-darwin-arm64@0.35.5': + optionalDependencies: + '@img/sharp-libvips-darwin-arm64': 1.3.4 + optional: true + + '@img/sharp-darwin-x64@0.35.5': + optionalDependencies: + '@img/sharp-libvips-darwin-x64': 1.3.4 + optional: true + + '@img/sharp-freebsd-wasm32@0.35.5': + dependencies: + '@img/sharp-wasm32': 0.35.5 + optional: true + + '@img/sharp-libvips-darwin-arm64@1.3.4': + optional: true + + '@img/sharp-libvips-darwin-x64@1.3.4': + optional: true + + '@img/sharp-libvips-linux-arm64@1.3.4': + optional: true + + '@img/sharp-libvips-linux-arm@1.3.4': + optional: true + + '@img/sharp-libvips-linux-ppc64@1.3.4': + optional: true + + '@img/sharp-libvips-linux-riscv64@1.3.4': + optional: true + + '@img/sharp-libvips-linux-s390x@1.3.4': + optional: true + + '@img/sharp-libvips-linux-x64@1.3.4': + optional: true + + '@img/sharp-libvips-linuxmusl-arm64@1.3.4': + optional: true + + '@img/sharp-libvips-linuxmusl-x64@1.3.4': + optional: true + + '@img/sharp-linux-arm64@0.35.5': + optionalDependencies: + '@img/sharp-libvips-linux-arm64': 1.3.4 + optional: true + + '@img/sharp-linux-arm@0.35.5': + optionalDependencies: + '@img/sharp-libvips-linux-arm': 1.3.4 + optional: true + + '@img/sharp-linux-ppc64@0.35.5': + optionalDependencies: + '@img/sharp-libvips-linux-ppc64': 1.3.4 + optional: true + + '@img/sharp-linux-riscv64@0.35.5': + optionalDependencies: + '@img/sharp-libvips-linux-riscv64': 1.3.4 + optional: true + + '@img/sharp-linux-s390x@0.35.5': + optionalDependencies: + '@img/sharp-libvips-linux-s390x': 1.3.4 + optional: true + + '@img/sharp-linux-x64@0.35.5': + optionalDependencies: + '@img/sharp-libvips-linux-x64': 1.3.4 + optional: true + + '@img/sharp-linuxmusl-arm64@0.35.5': + optionalDependencies: + '@img/sharp-libvips-linuxmusl-arm64': 1.3.4 + optional: true + + '@img/sharp-linuxmusl-x64@0.35.5': + optionalDependencies: + '@img/sharp-libvips-linuxmusl-x64': 1.3.4 + optional: true + + '@img/sharp-wasm32@0.35.5': + dependencies: + '@emnapi/runtime': 1.11.3 + optional: true + + '@img/sharp-webcontainers-wasm32@0.35.5': + dependencies: + '@img/sharp-wasm32': 0.35.5 + optional: true + + '@img/sharp-win32-arm64@0.35.5': + optional: true + + '@img/sharp-win32-ia32@0.35.5': + optional: true + + '@img/sharp-win32-x64@0.35.5': + optional: true + + '@lit-labs/ssr-dom-shim@1.6.0': {} + + '@lit/reactive-element@2.1.2': + dependencies: + '@lit-labs/ssr-dom-shim': 1.6.0 + + '@next/env@16.4.5': {} + + '@next/swc-darwin-arm64@16.4.5': + optional: true + + '@next/swc-darwin-x64@16.4.5': + optional: true + + '@next/swc-linux-arm64-gnu@16.4.5': + optional: true + + '@next/swc-linux-arm64-musl@16.4.5': + optional: true + + '@next/swc-linux-x64-gnu@16.4.5': + optional: true + + '@next/swc-linux-x64-musl@16.4.5': + optional: true + + '@next/swc-win32-arm64-msvc@16.4.5': + optional: true + + '@next/swc-win32-x64-msvc@16.4.5': + optional: true + + '@swc/helpers@0.5.23': + dependencies: + tslib: 2.9.1 + + '@types/trusted-types@2.0.7': {} + + '@vypdev/ha-ui-react@file:../pack-1/vypdev-ha-ui-react-0.1.0-next.1.tgz(react@19.3.1)': + dependencies: + '@vypdev/ha-ui': file:../pack-1/vypdev-ha-ui-0.1.0-next.1.tgz + react: 19.3.1 + + '@vypdev/ha-ui@file:../pack-1/vypdev-ha-ui-0.1.0-next.1.tgz': + dependencies: + lit: 3.3.3 + + baseline-browser-mapping@2.11.35: {} + + caniuse-lite@1.0.30001820: {} + + client-only@0.0.1: {} + + detect-libc@2.1.2: + optional: true + + lit-element@4.2.2: + dependencies: + '@lit-labs/ssr-dom-shim': 1.6.0 + '@lit/reactive-element': 2.1.2 + lit-html: 3.3.3 + + lit-html@3.3.3: + dependencies: + '@types/trusted-types': 2.0.7 + + lit@3.3.3: + dependencies: + '@lit/reactive-element': 2.1.2 + lit-element: 4.2.2 + lit-html: 3.3.3 + + nanoid@3.3.20: {} + + next@16.4.5(react-dom@19.3.1(react@19.3.1))(react@19.3.1): + dependencies: + '@next/env': 16.4.5 + '@swc/helpers': 0.5.23 + baseline-browser-mapping: 2.11.35 + caniuse-lite: 1.0.30001820 + postcss: 8.5.23 + react: 19.3.1 + react-dom: 19.3.1(react@19.3.1) + styled-jsx: 5.1.6(react@19.3.1) + optionalDependencies: + '@next/swc-darwin-arm64': 16.4.5 + '@next/swc-darwin-x64': 16.4.5 + '@next/swc-linux-arm64-gnu': 16.4.5 + '@next/swc-linux-arm64-musl': 16.4.5 + '@next/swc-linux-x64-gnu': 16.4.5 + '@next/swc-linux-x64-musl': 16.4.5 + '@next/swc-win32-arm64-msvc': 16.4.5 + '@next/swc-win32-x64-msvc': 16.4.5 + sharp: 0.35.5 + transitivePeerDependencies: + - '@babel/core' + - '@types/node' + - babel-plugin-macros + + picocolors@1.1.1: {} + + postcss@8.5.23: + dependencies: + nanoid: 3.3.20 + picocolors: 1.1.1 + source-map-js: 1.2.2 + + react-dom@19.3.1(react@19.3.1): + dependencies: + react: 19.3.1 + scheduler: 0.28.0 + + react@19.3.1: {} + + scheduler@0.28.0: {} + + semver@7.8.6: + optional: true + + sharp@0.35.5: + dependencies: + '@img/colour': 1.1.0 + detect-libc: 2.1.2 + semver: 7.8.6 + optionalDependencies: + '@img/sharp-darwin-arm64': 0.35.5 + '@img/sharp-darwin-x64': 0.35.5 + '@img/sharp-freebsd-wasm32': 0.35.5 + '@img/sharp-libvips-darwin-arm64': 1.3.4 + '@img/sharp-libvips-darwin-x64': 1.3.4 + '@img/sharp-libvips-linux-arm': 1.3.4 + '@img/sharp-libvips-linux-arm64': 1.3.4 + '@img/sharp-libvips-linux-ppc64': 1.3.4 + '@img/sharp-libvips-linux-riscv64': 1.3.4 + '@img/sharp-libvips-linux-s390x': 1.3.4 + '@img/sharp-libvips-linux-x64': 1.3.4 + '@img/sharp-libvips-linuxmusl-arm64': 1.3.4 + '@img/sharp-libvips-linuxmusl-x64': 1.3.4 + '@img/sharp-linux-arm': 0.35.5 + '@img/sharp-linux-arm64': 0.35.5 + '@img/sharp-linux-ppc64': 0.35.5 + '@img/sharp-linux-riscv64': 0.35.5 + '@img/sharp-linux-s390x': 0.35.5 + '@img/sharp-linux-x64': 0.35.5 + '@img/sharp-linuxmusl-arm64': 0.35.5 + '@img/sharp-linuxmusl-x64': 0.35.5 + '@img/sharp-webcontainers-wasm32': 0.35.5 + '@img/sharp-win32-arm64': 0.35.5 + '@img/sharp-win32-ia32': 0.35.5 + '@img/sharp-win32-x64': 0.35.5 + optional: true + + source-map-js@1.2.2: {} + + styled-jsx@5.1.6(react@19.3.1): + dependencies: + client-only: 0.0.1 + react: 19.3.1 + + tslib@2.9.1: {} diff --git a/tests/consumers/ssr/fixtures/next/pnpm-workspace.yaml b/tests/consumers/ssr/fixtures/next/pnpm-workspace.yaml new file mode 100644 index 0000000..f2eddb4 --- /dev/null +++ b/tests/consumers/ssr/fixtures/next/pnpm-workspace.yaml @@ -0,0 +1,4 @@ +packages: [] +autoInstallPeers: false +overrides: + "@vypdev/ha-ui": file:../pack-1/vypdev-ha-ui-0.1.0-next.1.tgz diff --git a/tests/consumers/ssr/fixtures/nuxt/app/app.vue b/tests/consumers/ssr/fixtures/nuxt/app/app.vue new file mode 100644 index 0000000..f639614 --- /dev/null +++ b/tests/consumers/ssr/fixtures/nuxt/app/app.vue @@ -0,0 +1,16 @@ + + + diff --git a/tests/consumers/ssr/fixtures/nuxt/app/components/ClientTabs.client.vue b/tests/consumers/ssr/fixtures/nuxt/app/components/ClientTabs.client.vue new file mode 100644 index 0000000..600db69 --- /dev/null +++ b/tests/consumers/ssr/fixtures/nuxt/app/components/ClientTabs.client.vue @@ -0,0 +1,21 @@ + + + diff --git a/tests/consumers/ssr/fixtures/nuxt/nuxt.config.mjs b/tests/consumers/ssr/fixtures/nuxt/nuxt.config.mjs new file mode 100644 index 0000000..7379173 --- /dev/null +++ b/tests/consumers/ssr/fixtures/nuxt/nuxt.config.mjs @@ -0,0 +1 @@ +export default defineNuxtConfig({telemetry:false,devtools:{enabled:false}}); diff --git a/tests/consumers/ssr/fixtures/nuxt/package.json b/tests/consumers/ssr/fixtures/nuxt/package.json new file mode 100644 index 0000000..6c3d741 --- /dev/null +++ b/tests/consumers/ssr/fixtures/nuxt/package.json @@ -0,0 +1,20 @@ +{ + "name": "ha-ui-nuxt-ssr-fixture", + "private": true, + "type": "module", + "packageManager": "pnpm@10.34.0", + "engines": { + "node": ">=24.20.0 <25" + }, + "scripts": { + "build": "nuxt build", + "start": "node .output/server/index.mjs" + }, + "dependencies": { + "@vypdev/ha-ui": "file:../pack-1/vypdev-ha-ui-0.1.0-next.1.tgz", + "@vypdev/ha-ui-vue": "file:../pack-1/vypdev-ha-ui-vue-0.1.0-next.1.tgz", + "nuxt": "4.6.4", + "vue": "3.5.44", + "vue-router": "5.1.0" + } +} diff --git a/tests/consumers/ssr/fixtures/nuxt/pnpm-lock.yaml b/tests/consumers/ssr/fixtures/nuxt/pnpm-lock.yaml new file mode 100644 index 0000000..0c4d900 --- /dev/null +++ b/tests/consumers/ssr/fixtures/nuxt/pnpm-lock.yaml @@ -0,0 +1,6079 @@ +lockfileVersion: '9.0' + +settings: + autoInstallPeers: false + excludeLinksFromLockfile: false + +overrides: + '@vypdev/ha-ui': file:../pack-1/vypdev-ha-ui-0.1.0-next.1.tgz + +importers: + + .: + dependencies: + '@vypdev/ha-ui': + specifier: file:../pack-1/vypdev-ha-ui-0.1.0-next.1.tgz + version: file:../pack-1/vypdev-ha-ui-0.1.0-next.1.tgz + '@vypdev/ha-ui-vue': + specifier: file:../pack-1/vypdev-ha-ui-vue-0.1.0-next.1.tgz + version: file:../pack-1/vypdev-ha-ui-vue-0.1.0-next.1.tgz(vue@3.5.44) + nuxt: + specifier: 4.6.4 + version: 4.6.4(@babel/plugin-syntax-jsx@7.29.7(@babel/core@7.29.13))(@babel/plugin-syntax-typescript@7.29.7(@babel/core@7.29.13))(@oxc-project/types@0.156.0)(@vue/compiler-sfc@3.5.44)(acorn@8.19.0)(bare-buffer@3.7.1)(confbox@0.3.2)(db0@0.3.4)(dotenv@17.4.2)(esbuild@0.28.2)(giget@3.3.1)(ioredis@5.11.1)(lightningcss@1.33.0)(mlly@1.8.2)(rolldown@1.2.16)(rollup-plugin-visualizer@7.1.2(rolldown@1.2.16)(rollup@4.67.5))(rollup@4.67.5)(srvx@1.0.8)(terser@5.51.2)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1))(yaml@2.9.1) + vue: + specifier: 3.5.44 + version: 3.5.44 + vue-router: + specifier: 5.1.0 + version: 5.1.0(@vue/compiler-sfc@3.5.44)(esbuild@0.28.2)(rolldown@1.2.16)(rollup@4.67.5)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1))(vue@3.5.44) + +packages: + + '@babel/code-frame@7.29.7': + resolution: {integrity: sha512-Aup7aUOfpbAUg2ROOJN6Iw5f9DMBlzu0mIkm/malLQFN/YQgO48wCj0Kxa3sEHJvPVFg7siR+qRInwXd2qhQKw==} + engines: {node: '>=6.9.0'} + + '@babel/compat-data@7.29.7': + resolution: {integrity: sha512-locTkQyKvwIEgBzVrn8693ebc97F2U8ZHjbXwDXJ5Fn2TCpNwTlKcaKLkdHop5c/icOFE7qt7Q9JC5hnKNa6Gg==} + engines: {node: '>=6.9.0'} + + '@babel/core@7.29.13': + resolution: {integrity: sha512-j1nvOQCZYSgp7HLmisnCXFTpVvFODiijQ9QHkORfGKWH6YDtskTEeCJS7eV545GZ9UBzrq0e2xsOd5QQ5PjIqw==} + engines: {node: '>=6.9.0'} + + '@babel/generator@7.29.13': + resolution: {integrity: sha512-T5FRo+RzVHvGjWOuF1Ljc44b+NXAOazodHkGUHp4I3zCkQ4/sNVJm56h1S278LMR0bY5xBhztGziSbli8zObIw==} + engines: {node: '>=6.9.0'} + + '@babel/generator@8.1.0': + resolution: {integrity: sha512-7fiBJ61wDV3AHbg7n/EfLBv3RU+lsdRP8QNJnydkKWA7e48FnnvKQWbVHsJQCBE7JHTj4xlzZL9fvQYsBUip2A==} + engines: {node: ^22.18.0 || >=24.11.0} + + '@babel/helper-annotate-as-pure@7.29.7': + resolution: {integrity: sha512-OoK6239jHPuSQOoS0kfTVKn0b/rVTk0seKq4Gd2UMLtmOVLjDC0ki3e+c90Trqv2gMfvJFqkiljrr568+qddiw==} + engines: {node: '>=6.9.0'} + + '@babel/helper-compilation-targets@7.29.13': + resolution: {integrity: sha512-8WxJ4/Vmes3ghacj8VOJy3NW8eyHiFY/4thU/LSBuBE470+igjR/j1ZTNn8fV5VdNrLx6iXUwig526UdOvfP0w==} + engines: {node: '>=6.9.0'} + + '@babel/helper-create-class-features-plugin@7.29.13': + resolution: {integrity: sha512-fo8/Fr44/DMV71FQjk/HA0Npmu3bo5DFoWTCW1dhUR8Vx3NFfAVeEy0TbcBpt4e+hd2QhdmWgmspHo/9iWj8RA==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0 + + '@babel/helper-globals@7.29.7': + resolution: {integrity: sha512-3nQVUAtvkKH9zahfWgw96Jc/uFOmjACE1kQz82E2lqWmHBgjzbNlsC22nuQTfahmWeQtTq5nQ/4Nnd2A1wj4zA==} + engines: {node: '>=6.9.0'} + + '@babel/helper-member-expression-to-functions@7.29.7': + resolution: {integrity: sha512-j+7JYmk1JYDtACIGj0QJqqWZjoUpMoEikQGADMaHgCMCSDqd2+P32rfcibUNrGOMWrlzK1WJBdxrB3JJQZwWtg==} + engines: {node: '>=6.9.0'} + + '@babel/helper-module-imports@7.29.7': + resolution: {integrity: sha512-ejHwrQQYcm9xnTivShn2IDOlIzInN34AXskvq9QicvCtEzq1Vzclu/tKF8Jq1Cg8JG2GL6/EmjgsCT7lXepE3g==} + engines: {node: '>=6.9.0'} + + '@babel/helper-module-transforms@7.29.13': + resolution: {integrity: sha512-/U96wOz+SCoZ7Da/8kjDGltcNY280JPQcRNPK0Hk3PTbdpaiBDQImtC6JsbVwb1HGMr3usZQU2WsWVjhYNmRzw==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0 + + '@babel/helper-optimise-call-expression@7.29.7': + resolution: {integrity: sha512-+kmGVjcT9RGYzoDwdwEqEvGgKe3BYq+O1iGzjFubaNgZHwYHP6lsF2Yghf4kEuv9BV7tYDZ913aBW9am6YKong==} + engines: {node: '>=6.9.0'} + + '@babel/helper-plugin-utils@7.29.7': + resolution: {integrity: sha512-G7sHYigPY17oO5SYWnfD/0MTBwVR781S/JI643e/JhUYgVgWE/61SoW3NH9KWUKyKq5LVh3npif99Wkt6j86Jw==} + engines: {node: '>=6.9.0'} + + '@babel/helper-replace-supers@7.29.7': + resolution: {integrity: sha512-atfGXWSeCiF4DnKZIfmJfQRkSw9b9gNNXR1kqKjbhG4pGYCOnkp8OcTB8E3NXjBu8NpheSnOeNKz8KT7UNFTmQ==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0 + + '@babel/helper-skip-transparent-expression-wrappers@7.29.13': + resolution: {integrity: sha512-Abm4rKIH0tmCayJLwcoeOkdzpYUphTbO52fHhyEBHn7S0R+ni4epNLI/8nq1L0DN2Bl0u5qmgWm2Og/z4fBb+Q==} + engines: {node: '>=6.9.0'} + + '@babel/helper-string-parser@7.29.13': + resolution: {integrity: sha512-fWegr+WsEsiMVW4KUNdIIzzMTZSzNiqhy0//6+2MRi2d5NFNsL/AYwBQW8eBnRbTBVRnDVzjaJEUqKaCWjMMdQ==} + engines: {node: '>=6.9.0'} + + '@babel/helper-string-parser@8.0.8': + resolution: {integrity: sha512-fVM+gSuKbdv9cpmyRNh5EvsDHUZCdxQH3FdnFKSkNYHpbsn95bbrxm+ES3MVeQjcqwi2O5ur/DjLfmTQaO60ng==} + engines: {node: ^22.18.0 || >=24.11.0} + + '@babel/helper-validator-identifier@7.29.7': + resolution: {integrity: sha512-qehxGkRj55h/ff8EMaJ+cYhyaKlHIxqYDn682wQD7RNp9UujOQsHog2uS0r2vzr4pW+sXf90NeeayjcNaX3fFg==} + engines: {node: '>=6.9.0'} + + '@babel/helper-validator-identifier@8.0.6': + resolution: {integrity: sha512-HYx0YmuchRxRSpnjvcNffnPS8DCauKNmnumIuHG3jnQAVewRA7kfJGwF13ayEpSZs7s4R/oBH4eppuXcAQd5JQ==} + engines: {node: ^22.18.0 || >=24.11.0} + + '@babel/helper-validator-option@7.29.7': + resolution: {integrity: sha512-N9ZErrD+yW5geCDtBqnOoxmR8+tNKiGuxKlDpuJxfsqpa2dFcexaziGAE/qoHLiDDreVNMupxGmSoNlyvsA3gw==} + engines: {node: '>=6.9.0'} + + '@babel/helpers@7.29.13': + resolution: {integrity: sha512-laoRpD/kO/iA4CDlgJbixHekg7oPvWALK0PQyK3Ob2I2njZRvVAD77RfWCIImtqWCq6KijoBoZK7bp/HlTWASQ==} + engines: {node: '>=6.9.0'} + + '@babel/parser@7.29.13': + resolution: {integrity: sha512-fJM50YYjlTiBhgdkGmC1tBpv+FMAyo4annf2X6Aks+0yRlaiVkYW/3f07xAfVVkYIoZ9fFZp+mEThUFnuybhkQ==} + engines: {node: '>=6.0.0'} + hasBin: true + + '@babel/parser@8.1.0': + resolution: {integrity: sha512-fpqZYAC+Tthr19JbEKxXhCGutvfm/+roMe+ULrgUKI+GVyzkQiTMTSheORcWIAzW8T3Oo3W5UavWSvAWmsp7fA==} + engines: {node: ^22.18.0 || >=24.11.0} + hasBin: true + + '@babel/plugin-syntax-jsx@7.29.7': + resolution: {integrity: sha512-TSu8+mHCoEaaCDEZ0I3+6mvTBYR4PCxQwf2z9/r5Tbztv6NaLR3B9thGTTxX2WGuGHJqRiAbKPeGTJ5XWXVg6A==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0-0 + + '@babel/plugin-syntax-typescript@7.29.7': + resolution: {integrity: sha512-ngr+82Sh0xMz25TPCZi+nC2iTzjfCdWS2ONXTp/PtSCHCgaCNBpdMqgvJ2ccdLlClVZ7sisIgB914j/JFe+RZA==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0-0 + + '@babel/plugin-transform-typescript@7.29.9': + resolution: {integrity: sha512-FFwIwzU+7SCOuxxV4YtJql6T9981ZVTm+FHO5GhVsRqCTdy0WwrEZh3l42ARpXruJUDGOptdduHW6Zr7pNPLNg==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0-0 + + '@babel/template@7.29.7': + resolution: {integrity: sha512-puq+Gf35oI24FeN11LkoUQFqv9uwNeWpxXZi/Ji3rRIoKAzKnxRaZ+Gkj0vKS9ZCiTESfng1N9LyOyXvo+m+Gg==} + engines: {node: '>=6.9.0'} + + '@babel/traverse@7.29.13': + resolution: {integrity: sha512-0ve0xMlFA73dgY1oyJRY6RoW+/bncdcOQqg6jjYcVfXBK90OdLXjm9R6lmRetdZVrPjXkKIoMVBqYFPjcAlZ4Q==} + engines: {node: '>=6.9.0'} + + '@babel/types@7.29.11': + resolution: {integrity: sha512-WCsemW40Cpc6gouC1SrY6PBaZ+oLRlEVY9XBvZBI7il/HyUrb2nJ505wE1MHEFyDZNnrWDEuy4jL50WVHfTTSQ==} + engines: {node: '>=6.9.0'} + + '@babel/types@8.1.0': + resolution: {integrity: sha512-8V8aSTDx012YPmDQF30vrokyxVFdRAU2YBS2VzrnfLAGkP8floVnjckwgFcD0Jrvf6GWMSRdCrYVsk3tyMwZRg==} + engines: {node: ^22.18.0 || >=24.11.0} + + '@clack/core@1.5.1': + resolution: {integrity: sha512-iHTrHA8MtVuLl2TfZySmcKv1qO2PoyC9Z7pfSDozEuV5vtY3/wcOPKJXlqJ5Oq2Cx5DDGQGAMVx6HZfRRoVEbQ==} + engines: {node: '>= 20.12.0'} + + '@clack/prompts@1.8.1': + resolution: {integrity: sha512-dlT1m5e/0yUL0kRNcQn7yGLVThkgbB0Ga/1AmfDDC/8ik6AIiSf2QLQO2zPYvefsHP0aFgxO93cVLCCfDp7kzQ==} + engines: {node: '>= 20.12.0'} + + '@cloudflare/kv-asset-handler@0.4.2': + resolution: {integrity: sha512-SIOD2DxrRRwQ+jgzlXCqoEFiKOFqaPjhnNTGKXSRLvp1HiOvapLaFG2kEr9dYQTYe8rKrd9uvDUzmAITeNyaHQ==} + engines: {node: '>=18.0.0'} + + '@colordx/core@7.3.0': + resolution: {integrity: sha512-LVzTTPhX7wpy7TkGjouA9zbbCBIw92RGm7ZQqSKFE0oYE3sMx2FGXz90eVpgw7k/+wrrY+qJ86nHXifZWMS5jA==} + + '@csstools/css-tokenizer@4.0.2': + resolution: {integrity: sha512-OoKoR0f76dCY666JlcbhmVTs2drYj1GUXZTYTcbUgJjh9Nv41aFfZ21bPQTERm5+L5cBDo466NltB2lplS5GBw==} + engines: {node: '>=20.19.0'} + + '@dxup/nuxt@0.5.10': + resolution: {integrity: sha512-54Vehb7LmR7qYpC6KFwjDTSm6CB1CayBu+JXdHrPLrIjjr5xAgb43jvgOU+mnB+tsRh414fSsEy0QjBMKILQ8g==} + + '@dxup/unimport@0.1.2': + resolution: {integrity: sha512-/B8YJGPzaYq1NbsQmwgP8EZqg40NpTw4ZB3suuI0TplbxKHeK94jeaawLmVhCv+YwUnOpiWEz9U6SeThku/8JQ==} + + '@esbuild/aix-ppc64@0.28.2': + resolution: {integrity: sha512-XExcO+dvLKvVtNTibSTBej1NCAbaGhWn9Ww1ZPx80qsahhPFe/8jgWP0IchNe0F3HwkU7n8ejhH8bjonqht8mQ==} + engines: {node: '>=18'} + cpu: [ppc64] + os: [aix] + + '@esbuild/android-arm64@0.28.2': + resolution: {integrity: sha512-5YfKeeI8qWfBZIX+u2xZC3Zlb3Os/gLS2sbEKM+I4ZOcsWmHS2WLysCcQZDAFRslDUU5Oiq44gf6PYN1vGwG5A==} + engines: {node: '>=18'} + cpu: [arm64] + os: [android] + + '@esbuild/android-arm@0.28.2': + resolution: {integrity: sha512-kXXoiPVVGQcnIYGOeaovwOURpniDBpSq4A03qkQ+BMQqtGG6HYap3xne9C1O1yo4TR3qxlCX5IqqmX6fFo2Lqg==} + engines: {node: '>=18'} + cpu: [arm] + os: [android] + + '@esbuild/android-x64@0.28.2': + resolution: {integrity: sha512-O387ite7SzUyCcy3JQX4P4bLtEA7bLLkx+esve5JHnyYfNTxcVpXZo9jhdB0lTKN44gztELTdU7nS8Nr16Fs1Q==} + engines: {node: '>=18'} + cpu: [x64] + os: [android] + + '@esbuild/darwin-arm64@0.28.2': + resolution: {integrity: sha512-n4KqkOQrraxHJcgjM1RvwbigfQKIKJVpM7xp+KsxiyUSrRdIXnt73VhrPAx0fV44hgfmIVKjxMN9J1t5jySVkw==} + engines: {node: '>=18'} + cpu: [arm64] + os: [darwin] + + '@esbuild/darwin-x64@0.28.2': + resolution: {integrity: sha512-uq6suIWYP37qzGddBKPw5QEQPi6HiLGsO7UmkpfyaYNQ3D+rN6w6WfwH+nuqcGXWvawGwxOEroO4YGnFh95azw==} + engines: {node: '>=18'} + cpu: [x64] + os: [darwin] + + '@esbuild/freebsd-arm64@0.28.2': + resolution: {integrity: sha512-n+I0BTSRIoy+d6RPKnEVwql5UwBJolytvY4mAOIEJorKlqgPII8ix6slVVrfZ5Tnj7glIZvloylbB/EJPMWEXw==} + engines: {node: '>=18'} + cpu: [arm64] + os: [freebsd] + + '@esbuild/freebsd-x64@0.28.2': + resolution: {integrity: sha512-78XJTJkvPs0kz2w61301PJjXl4g7q3JqiYMZ/M/yVI73EHBrCRTgkhu9oqG7vPqq+a/yadEW8aD+agKlk5xrmg==} + engines: {node: '>=18'} + cpu: [x64] + os: [freebsd] + + '@esbuild/linux-arm64@0.28.2': + resolution: {integrity: sha512-pW4AC0P3it8c7do9MVM4p51FzHzdM/TZrerurgRcHJ2WTa1VQ1CIq18xncfpBJw4ojkiZZrKW2yIBWBP92j6Ug==} + engines: {node: '>=18'} + cpu: [arm64] + os: [linux] + + '@esbuild/linux-arm@0.28.2': + resolution: {integrity: sha512-XlDnu2q5yoqems+xay6wSAcg9DDD7K9RLKZEBOMZm3ckNpJBvOX20tSfby8KfrrhINDyv9V2YVZKY/SpoGJI8w==} + engines: {node: '>=18'} + cpu: [arm] + os: [linux] + + '@esbuild/linux-ia32@0.28.2': + resolution: {integrity: sha512-CYbnj78HsIeA+DhgUKgFCfvNsTHFhMMrinUrMZpDXJXKN8T3XViTZ/+wtHeVxEWY8ewSzTFN+nRmSwO2tZaLUQ==} + engines: {node: '>=18'} + cpu: [ia32] + os: [linux] + + '@esbuild/linux-loong64@0.28.2': + resolution: {integrity: sha512-buwkd8nsph4R+ajRvw0qM5Hja/TXQow3ptzWO2EbG/cqcIkHloRrdlBtQlshyYGTNFvfkfJ5tpPLVkY4DtsPfQ==} + engines: {node: '>=18'} + cpu: [loong64] + os: [linux] + + '@esbuild/linux-mips64el@0.28.2': + resolution: {integrity: sha512-ZVykbDyk7519VwiNb9Lcj9m8XM6v5V9uKPvrEMkkEedVewf+0itkhahp4HDpgERXhwLRpWFypsGbG/J8s0QjJA==} + engines: {node: '>=18'} + cpu: [mips64el] + os: [linux] + + '@esbuild/linux-ppc64@0.28.2': + resolution: {integrity: sha512-CAXl+Dtd9UUuJd8pKKdwh6MLm3MUMiqMPmhZ3tTSXPqfyQ3vDl6R5hZdZ/kYojK4ofXtdfSv1tFq8XzWx3heNQ==} + engines: {node: '>=18'} + cpu: [ppc64] + os: [linux] + + '@esbuild/linux-riscv64@0.28.2': + resolution: {integrity: sha512-GeXCej4IQtU1B+QlDV8W/RRvbzI3O/Stss+/bCXv4lZls5WGRtu2a+3JkA3i4qIUlMXpcHebWpF8AkJhATowuA==} + engines: {node: '>=18'} + cpu: [riscv64] + os: [linux] + + '@esbuild/linux-s390x@0.28.2': + resolution: {integrity: sha512-3H1weTYZPxt/WOhByszQZybS9w5lKzUn1FDMsgEChbHWQwHYQQRfBxgCcZvPhjHfKyJjIievvMmEUawJrdY9Dg==} + engines: {node: '>=18'} + cpu: [s390x] + os: [linux] + + '@esbuild/linux-x64@0.28.2': + resolution: {integrity: sha512-4xTZr1FUmSoQW4XIWmit3tzQrUTZM+N3P0XV8xROKYF50XfI7xeO90+1bZvNwxIufQ9hDQVRJH5YhgPVF8A/HQ==} + engines: {node: '>=18'} + cpu: [x64] + os: [linux] + + '@esbuild/netbsd-arm64@0.28.2': + resolution: {integrity: sha512-sSATRjPeDBg3pdgHoQfoYBob11Kk1FGa9lui5RIHZCoCkJa9QKlvl3/vKz2usCmYYjs7ymJR/2Nnsqe+Hjt5nw==} + engines: {node: '>=18'} + cpu: [arm64] + os: [netbsd] + + '@esbuild/netbsd-x64@0.28.2': + resolution: {integrity: sha512-lqnzCV+mM0gIADaKihiCg6ifgfU2L3h5E33rNQBN1Y4MaVGnzryzmvvf7UHxprpQdE8hpqLolJ9Rl+SkIRDpyw==} + engines: {node: '>=18'} + cpu: [x64] + os: [netbsd] + + '@esbuild/openbsd-arm64@0.28.2': + resolution: {integrity: sha512-AL2qJILH7lNjrDmCQDvdxMfAUIv8KMNZOvrwAQ8i8//ntL9FflhOyMJ8OZSMBb8/AWXe3/5v5S20y3zCoZWKoQ==} + engines: {node: '>=18'} + cpu: [arm64] + os: [openbsd] + + '@esbuild/openbsd-x64@0.28.2': + resolution: {integrity: sha512-QtiuPytchRyC4rwUKhexJdQKvDuZ6hWloi3igqPQNUJCS1/v9EiO3UTOXR6A3FoMo4fnAKbWJdqaIwhOzh8qEw==} + engines: {node: '>=18'} + cpu: [x64] + os: [openbsd] + + '@esbuild/openharmony-arm64@0.28.2': + resolution: {integrity: sha512-WkhYDmpTjLvGlScA1rwjRUmhl4k8oXR3cIbtqWmELgU/dFeHHlEllxDvdWcNJV9rbzCexB5vz8gtNewWLgCT7Q==} + engines: {node: '>=18'} + cpu: [arm64] + os: [openharmony] + + '@esbuild/sunos-x64@0.28.2': + resolution: {integrity: sha512-GPMSkTOtMnv2U2F8gxe4Io6qmVs+YKyp832Etqqxr0hFngmXQ3rzwytelm3GIn7T4VviRUlf3sOgBOiTdvaf7g==} + engines: {node: '>=18'} + cpu: [x64] + os: [sunos] + + '@esbuild/win32-arm64@0.28.2': + resolution: {integrity: sha512-PIhhEkE9uPBleRBrQEJpUn7MBnibZzbGzYWPmY3x+YoVg/95zbjB4CxPPOQ8l5tYYM4mMaCthF8/1DIfBQQyWQ==} + engines: {node: '>=18'} + cpu: [arm64] + os: [win32] + + '@esbuild/win32-ia32@0.28.2': + resolution: {integrity: sha512-YmJbfTlvU7Sdn9BB+4PRES4oB6pxgS37MAONj+hBr/cpXS1aBPKXxNnDbu+QCWPj0o9dgyxeq79g6c5P8KeuYA==} + engines: {node: '>=18'} + cpu: [ia32] + os: [win32] + + '@esbuild/win32-x64@0.28.2': + resolution: {integrity: sha512-5ebpxr3nWMzrL/rnUI755Jkuee0bHL/Gq0WTF9lvcpv73wAp5eu8MfBUgWK9bhWvZjj7yX8etf/8tI8Ney695g==} + engines: {node: '>=18'} + cpu: [x64] + os: [win32] + + '@ioredis/commands@1.10.0': + resolution: {integrity: sha512-UmeW7z4LfctwoQ5wkhVzgq8tXkreED2xZGpX+Bg+zA+WJFZCT6c062AfCK/Dfk81xZnnwdhJCUMkitihRaoC2Q==} + + '@isaacs/fs-minipass@4.0.1': + resolution: {integrity: sha512-wgm9Ehl2jpeqP3zw/7mo3kRHFp5MEDhqAdwy1fTGkHAwnkGOVsgpvQhL8B5n1qlb01jV3n/bI0ZfZp5lWA1k4w==} + engines: {node: '>=18.0.0'} + + '@jridgewell/gen-mapping@0.3.13': + resolution: {integrity: sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==} + + '@jridgewell/gen-mapping@0.4.0-beta.0': + resolution: {integrity: sha512-JdGNkbE4GlNPYQhM0L95fBQr7ctLZJ276QXQLTad4t1oSdnnCI3fDq9DW3BqYAWv8Wc3+HS+4Gsii1oPMCfz1w==} + + '@jridgewell/remapping@2.3.5': + resolution: {integrity: sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==} + + '@jridgewell/resolve-uri@3.1.2': + resolution: {integrity: sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==} + engines: {node: '>=6.0.0'} + + '@jridgewell/source-map@0.3.11': + resolution: {integrity: sha512-ZMp1V8ZFcPG5dIWnQLr3NSI1MiCU7UETdS/A0G8V/XWHvJv3ZsFqutJn1Y5RPmAPX6F3BiE397OqveU/9NCuIA==} + + '@jridgewell/sourcemap-codec@1.6.0': + resolution: {integrity: sha512-T7jf+5zgsZHwNJ4lvQ7/aezbyk0nNX+zJVWpmHA7VYsEx7a7qr5Rg5IbtJFqkgze5Y2sruq1RUY8Q837Od7iFw==} + + '@jridgewell/trace-mapping@0.3.31': + resolution: {integrity: sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==} + + '@lit-labs/ssr-dom-shim@1.6.0': + resolution: {integrity: sha512-VHb0ALPMTlgKjM6yIxxoQNnpKyUKLD04VzeQdsiXkMqkvYlAHxq9glGLmgbb889/1GsohSOAjvQYoiBppXFqrQ==} + + '@lit/reactive-element@2.1.2': + resolution: {integrity: sha512-pbCDiVMnne1lYUIaYNN5wrwQXDtHaYtg7YEFPeW+hws6U47WeFvISGUWekPGKWOP1ygrs0ef0o1VJMk1exos5A==} + + '@mapbox/node-pre-gyp@2.0.3': + resolution: {integrity: sha512-uwPAhccfFJlsfCxMYTwOdVfOz3xqyj8xYL3zJj8f0pb30tLohnnFPhLuqp4/qoEz8sNxe4SESZedcBojRefIzg==} + engines: {node: '>=18'} + hasBin: true + + '@nodelib/fs.scandir@2.1.5': + resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==} + engines: {node: '>= 8'} + + '@nodelib/fs.stat@2.0.5': + resolution: {integrity: sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==} + engines: {node: '>= 8'} + + '@nodelib/fs.walk@1.2.8': + resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==} + engines: {node: '>= 8'} + + '@nuxt/cli@4.0.3': + resolution: {integrity: sha512-ca3G9E8G3QT/uUoRUfiwxmu7ER8jEa3rc1SiSJ5EkfB2NRUhPFZpGENiUEBDwuUZsQWgYvh644pnkN80rPlvXA==} + engines: {node: ^22.21.0 || ^24.11.0 || >=26.0.0} + hasBin: true + peerDependencies: + '@nuxt/docs': ^4.0.0 + '@nuxt/schema': ^3.0.0 || ^4.0.0 + jiti: ^2.3.0 + oxc-parser: '>=0.56.3' + rolldown: ^1.0.0-rc.16 || ^1.0.0 + serve: ^14.0.0 + peerDependenciesMeta: + '@nuxt/docs': + optional: true + '@nuxt/schema': + optional: true + jiti: + optional: true + oxc-parser: + optional: true + rolldown: + optional: true + serve: + optional: true + + '@nuxt/devalue@2.0.2': + resolution: {integrity: sha512-GBzP8zOc7CGWyFQS6dv1lQz8VVpz5C2yRszbXufwG/9zhStTIH50EtD87NmWbTMwXDvZLNg8GIpb1UFdH93JCA==} + + '@nuxt/devtools-kit@3.4.4': + resolution: {integrity: sha512-q3aRKpnriK/kITYlYUXSE3O0R7WeJwSMLvtbo1HfcKXYg/q8688iIb5VURl0fbkSaFTk7ndU5HIbW+5f0JOJPQ==} + peerDependencies: + vite: '>=6.0' + + '@nuxt/devtools-wizard@3.4.4': + resolution: {integrity: sha512-iGL6p2ZM926pfV0UUsnaseNGNEp/PWbX5f1zFqRgVxiDOEVsrBOfFA5sLgfuO2NWi3+3/84fy7ungcCP6zGYvA==} + hasBin: true + + '@nuxt/devtools@3.4.4': + resolution: {integrity: sha512-cPwBW+odVCCid6pllN3f93L0hyOCYRXrEZLmCiV2IgBoQ3lskhuu304JDJjv/VvtWB+OVWfHQ38aowX28WybXQ==} + hasBin: true + peerDependencies: + '@vitejs/devtools': '*' + vite: '>=6.0' + peerDependenciesMeta: + '@vitejs/devtools': + optional: true + + '@nuxt/kit@4.6.4': + resolution: {integrity: sha512-S7JqP/CCJejDNGADlCIct/SHEPf+Jz3Chrxq7GDgyRPRkRD2flbxoanGq4bkib9kD9QBXJlF4TuCsqqL9a7COw==} + engines: {node: ^20.19.0 || >=22.12.0} + peerDependencies: + '@nuxt/schema': ^3.0.0 || ^4.0.0 || ^5.0.0-0 + confbox: '>=0.1.0' + dotenv: '*' + giget: '>=3.1.0' + jiti: ^2.0.0 + mlly: ^1.2.0 + oxc-parser: '>=0.56.0' + rolldown: '>=1.0.0' + peerDependenciesMeta: + '@nuxt/schema': + optional: true + confbox: + optional: true + dotenv: + optional: true + giget: + optional: true + jiti: + optional: true + mlly: + optional: true + oxc-parser: + optional: true + rolldown: + optional: true + + '@nuxt/nitro-server@4.6.4': + resolution: {integrity: sha512-g0PofxnsPOjT1L3//6o+ILPtdKVF6LkEqaHfjpIO1H32o5Iz3wSZ3dEWNAHFZ1sgY6QHhC/MUz8ydU1HWzBnoQ==} + engines: {node: ^22.22.3 || ^24.15.0 || >=26.0.0} + peerDependencies: + '@babel/plugin-proposal-decorators': ^7.25.0 || ^8.0.0 + '@babel/plugin-syntax-typescript': ^7.25.0 || ^8.0.0 + '@rollup/plugin-babel': ^6.0.0 || ^7.0.0 + nuxt: ^4.6.4 + peerDependenciesMeta: + '@babel/plugin-proposal-decorators': + optional: true + '@babel/plugin-syntax-typescript': + optional: true + '@rollup/plugin-babel': + optional: true + + '@nuxt/schema@4.6.4': + resolution: {integrity: sha512-IZZpHY3bJ4RGDjNnlNGfN6VDIt4tAkSUc/Hg6KMZrqe6wjvWZn7hAQ9SiFnro7Rqqb37R23bBamytVXZrOtHAQ==} + engines: {node: ^14.18.0 || >=16.10.0} + + '@nuxt/telemetry@2.9.1': + resolution: {integrity: sha512-WYQs6GvebU278YXhbGlLA8pUO3ox+juHAiKCB3SEH0lq2PDRwX465tHRtpVIqsHv+lGK/n99FC7qqyBt9+p3oQ==} + engines: {node: '>=18.12.0'} + hasBin: true + peerDependencies: + '@nuxt/kit': '>=3.0.0' + + '@nuxt/vite-builder@4.6.4': + resolution: {integrity: sha512-D4sKiqos2l/96DjeuaaahPEUMdrsr7LIkorJOUCgefYFzJFssaa051tcUg6KFAU0EaCeosDRRXBXTLutiSlp7g==} + engines: {node: ^22.22.3 || ^24.15.0 || >=26.0.0} + peerDependencies: + '@babel/plugin-proposal-decorators': ^7.25.0 || ^8.0.0 + '@babel/plugin-syntax-jsx': ^7.25.0 || ^8.0.0 + nuxt: 4.6.4 + rolldown: ^1.0.0 + rollup-plugin-visualizer: ^6.0.0 || ^7.0.1 + vue: ^3.3.4 + peerDependenciesMeta: + '@babel/plugin-proposal-decorators': + optional: true + '@babel/plugin-syntax-jsx': + optional: true + rolldown: + optional: true + rollup-plugin-visualizer: + optional: true + + '@nuxt/vite-server@4.6.4': + resolution: {integrity: sha512-HsQdD7AX4Kz0qXxdk6Gc1HY3gtK4t3O+XdyH0c8Ame5VPyPvwqZOd3FU97ztvv3kt2IdCqfT/ZDJYLSpKrR/3g==} + engines: {node: ^22.22.3 || ^24.15.0 || >=26.0.0} + peerDependencies: + nuxt: ^4.6.4 + vite: ^8.3.5 + + '@oxc-project/types@0.156.0': + resolution: {integrity: sha512-1Duyg48TdJNdyhEB8Xn1L36bT9Pv6GUtlKjHxOys8xkaF/rQq3XJE+bAurSK/AgIz5mGFsb77cn9Pb20+WCScw==} + + '@parcel/watcher-wasm@2.6.0': + resolution: {integrity: sha512-dtjbDxKSDPQ8AmA+pS4OFaHE1FKrjtGpLGBxw85uKFkRorjNbvDM/aFPgqosu40wprbp1xw2ZSxIKqghCUHe2w==} + engines: {node: '>= 10.0.0'} + bundledDependencies: + - napi-wasm + + '@polka/url@1.0.0-next.29': + resolution: {integrity: sha512-wwQAWhWSuHaag8c4q/KN/vCoeOJYshAIvMQwD4GpSb3OiZklFfvAgmj0VCBBImRpuF/aFgIRzllXlVX93Jevww==} + + '@poppinss/colors@4.1.6': + resolution: {integrity: sha512-H9xkIdFswbS8n1d6vmRd8+c10t2Qe+rZITbbDHHkQixH5+2x1FDGmi/0K+WgWiqQFKPSlIYB7jlH6Kpfn6Fleg==} + + '@poppinss/dumper@0.7.0': + resolution: {integrity: sha512-0UTYalzk2t6S4rA2uHOz5bSSW2CHdv4vggJI6Alg90yvl0UgXs6XSXpH96OH+bRkX4J/06djv29pqXJ0lq5Kag==} + + '@poppinss/exception@1.2.3': + resolution: {integrity: sha512-dCED+QRChTVatE9ibtoaxc+WkdzOSjYTKi/+uacHWIsfodVfpsueo3+DKpgU5Px8qXjgmXkSvhXvSCz3fnP9lw==} + + '@rolldown/binding-android-arm-eabi@1.2.16': + resolution: {integrity: sha512-ia3DwAs0OsMGS7+IConptSiyk9pEXkOx/AbJ2n/lAGxH3QkWQus1t8d7gnAT38FCU2sQu8lUbeR6AiZFv4JxaA==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [arm] + os: [android] + + '@rolldown/binding-android-arm64@1.2.16': + resolution: {integrity: sha512-kx5wBiMB6E7TEvpl2B9gjLU004BkvEm2Dr941BFjx/SontPwSzNuQUIoVKxHHoSjpFIfHMmcguyLOtyn0hObRg==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [arm64] + os: [android] + + '@rolldown/binding-darwin-arm64@1.2.16': + resolution: {integrity: sha512-qslZrXnKJU4cUpjoAmtAo/KQM9e2IRMlmpig6Zpwj+8KWxW8v+nkAf9216Bsek9lOC1jvg2yCjygCFo2f83msQ==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [arm64] + os: [darwin] + + '@rolldown/binding-darwin-x64@1.2.16': + resolution: {integrity: sha512-FdF+y48ND13eAyM2mQn+85kvAqNlvRWROy2rhgA463X/0Gv4vGtazZtfaF1mRBLscYvtOlh4QnLjOWiFzX69OQ==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [x64] + os: [darwin] + + '@rolldown/binding-freebsd-x64@1.2.16': + resolution: {integrity: sha512-ddjqFM5e95AgLbUPtKIS7V1KTVlA0RUgCVr5mn+/IEhsdy3pr+Vuj/HZ7nlMN2FyxIwUktOH1LEPIQXO1v9y1Q==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [x64] + os: [freebsd] + + '@rolldown/binding-linux-arm-gnueabihf@1.2.16': + resolution: {integrity: sha512-tHdKWbFkFBI687iim3LIyIvyL7j66VvQYkDPss5Stn/qyE2tWkR1YD0dXmXPFKKqT/o5ZEJVsaRsWS2meQwGOA==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [arm] + os: [linux] + + '@rolldown/binding-linux-arm64-gnu@1.2.16': + resolution: {integrity: sha512-FJiLGAblPBMlBEdbOqw6kW6QcXDWAf/oJu7gYs9ZJZwmg+K+/zjFLxPTIY9izJUzxzc24FHvmseyA0IvJSl17w==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [arm64] + os: [linux] + libc: [glibc] + + '@rolldown/binding-linux-arm64-musl@1.2.16': + resolution: {integrity: sha512-hrJpblMsrQ58U9veWpbXzkhV5zStunds6HWLprqq1qauvgBr1E6P+24kLj6lSLI9vjRn/RYpjprhkHQPKGWpNg==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [arm64] + os: [linux] + libc: [musl] + + '@rolldown/binding-linux-ppc64-gnu@1.2.16': + resolution: {integrity: sha512-qJd/dC6j6CwLG9/s/RP2nb1RZ0GIgj7Ioj7x/SYa3RzjVrlzrmH0fhIOpfvqQDeIsdP0loi+kHaMhJzY1PBIaA==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [ppc64] + os: [linux] + libc: [glibc] + + '@rolldown/binding-linux-s390x-gnu@1.2.16': + resolution: {integrity: sha512-Vx7Xg5uUJuNcujJjI70OICaH0EYj80BtOLZTSN7uOYg8QOLlyKnaG0IW7Fn/J0IpJsaKzmDKMhOQv1JBM9m9vg==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [s390x] + os: [linux] + libc: [glibc] + + '@rolldown/binding-linux-x64-gnu@1.2.16': + resolution: {integrity: sha512-TNKhgE3uJTsTzatUSSYt0Kgo+Oa2uSlSjz4r1aEIea7HX6ULBym4fAlYUhG1i6pjNf2njfCUAfKwr6C3E9Xg1w==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [x64] + os: [linux] + libc: [glibc] + + '@rolldown/binding-linux-x64-musl@1.2.16': + resolution: {integrity: sha512-7chXdpjXZ8qG0+mIxECN3cT9kvhZ3/oZhMX6Pp876P7CDrIy8nJswva6Mq357JR7eYXfuskwZxMeV1SzoZdHrA==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [x64] + os: [linux] + libc: [musl] + + '@rolldown/binding-openharmony-arm64@1.2.16': + resolution: {integrity: sha512-Kwjt+7uNTJK5/MDkGWGVO2KQPnj8yAV75dMpfwyHZrJSXWHrniOB0aUEWlVYf3H1hOqFLIStLdM5QXq6bnKmOQ==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [arm64] + os: [openharmony] + + '@rolldown/binding-win32-arm64-msvc@1.2.16': + resolution: {integrity: sha512-/LH6WfjDRXXJz/p5xl4TmU+jpcnwcxbKEQBW/GZE0JHfN0lGIyTtsUEGaQ/q/GikkGJ2yLKe6pwm7AnEWO8pdw==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [arm64] + os: [win32] + + '@rolldown/binding-win32-x64-msvc@1.2.16': + resolution: {integrity: sha512-1lv1KvX0Z871zfk7vw+dnXMMnHNyDwMzWG8Kv3HxDXMOhzCX4SHc7HK319fInP0i+0p9D8brkfzL7pJOaGl+tw==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [x64] + os: [win32] + + '@rolldown/pluginutils@1.0.1': + resolution: {integrity: sha512-2j9bGt5Jh8hj+vPtgzPtl72j0yRxHAyumoo6TNfAjsLB04UtpSvPbPcDcBMxz7n+9CYB0c1GxQFxYRg2jimqGw==} + + '@rollup/plugin-alias@6.0.1': + resolution: {integrity: sha512-08wjv2HEuyxIuriLELnksoX+so83XnJ5E4hbVeCHkWlwOcaRQaHYxpUTAplnZjrlh/l5mZgvH1itNC9kcTfTTA==} + engines: {node: '>=20.19.0'} + peerDependencies: + rollup: '>=4.0.0' + peerDependenciesMeta: + rollup: + optional: true + + '@rollup/plugin-commonjs@29.0.3': + resolution: {integrity: sha512-ZaOxZceP7SOUW7Lqw5IRVweSQYWaeIPnXIGLiB690EBA3FGJTO40EEr2L5yZplJWsgTCogILRSpcAe7+U0Otdg==} + engines: {node: '>=16.0.0 || 14 >= 14.17'} + peerDependencies: + rollup: ^2.68.0||^3.0.0||^4.0.0 + peerDependenciesMeta: + rollup: + optional: true + + '@rollup/plugin-inject@5.0.5': + resolution: {integrity: sha512-2+DEJbNBoPROPkgTDNe8/1YXWcqxbN5DTjASVIOx8HS+pITXushyNiBV56RB08zuptzz8gT3YfkqriTBVycepg==} + engines: {node: '>=14.0.0'} + peerDependencies: + rollup: ^1.20.0||^2.0.0||^3.0.0||^4.0.0 + peerDependenciesMeta: + rollup: + optional: true + + '@rollup/plugin-json@6.1.0': + resolution: {integrity: sha512-EGI2te5ENk1coGeADSIwZ7G2Q8CJS2sF120T7jLw4xFw9n7wIOXHo+kIYRAoVpJAN+kmqZSoO3Fp4JtoNF4ReA==} + engines: {node: '>=14.0.0'} + peerDependencies: + rollup: ^1.20.0||^2.0.0||^3.0.0||^4.0.0 + peerDependenciesMeta: + rollup: + optional: true + + '@rollup/plugin-node-resolve@16.0.3': + resolution: {integrity: sha512-lUYM3UBGuM93CnMPG1YocWu7X802BrNF3jW2zny5gQyLQgRFJhV1Sq0Zi74+dh/6NBx1DxFC4b4GXg9wUCG5Qg==} + engines: {node: '>=14.0.0'} + peerDependencies: + rollup: ^2.78.0||^3.0.0||^4.0.0 + peerDependenciesMeta: + rollup: + optional: true + + '@rollup/plugin-replace@6.0.3': + resolution: {integrity: sha512-J4RZarRvQAm5IF0/LwUUg+obsm+xZhYnbMXmXROyoSE1ATJe3oXSb9L5MMppdxP2ylNSjv6zFBwKYjcKMucVfA==} + engines: {node: '>=14.0.0'} + peerDependencies: + rollup: ^1.20.0||^2.0.0||^3.0.0||^4.0.0 + peerDependenciesMeta: + rollup: + optional: true + + '@rollup/plugin-terser@1.0.2': + resolution: {integrity: sha512-+UihHnuLnQDQ/9wog7ym+7oawCXkjTIo0WwkK7s//0mkktTN0VhYk6fGVxH+NtGzW064w5RCGgreMDxRVhHCzw==} + engines: {node: '>=20.0.0'} + peerDependencies: + rollup: ^2.0.0||^3.0.0||^4.0.0 + peerDependenciesMeta: + rollup: + optional: true + + '@rollup/pluginutils@5.5.1': + resolution: {integrity: sha512-P9ZvnfouRu4MSC+ilERaw6FmZs8zqKhpHxEs4aGDGWQAMzQGXnhvCSvoNwokfNvdt7t3Y5Y4p6gStQgezeIqug==} + engines: {node: '>=14.0.0'} + peerDependencies: + rollup: ^1.20.0||^2.0.0||^3.0.0||^4.0.0 + peerDependenciesMeta: + rollup: + optional: true + + '@rollup/rollup-android-arm-eabi@4.67.5': + resolution: {integrity: sha512-FdWPeulkH+FH+rBzyKBD59tuVN4tRKvmVilSJm0OcnoYsQTpd9UhD78OaPcsYqo2fX6hCwAG0YIjrDLoQ3pR3g==} + cpu: [arm] + os: [android] + + '@rollup/rollup-android-arm64@4.67.5': + resolution: {integrity: sha512-bmkDuBGnF+Ji8atWlXcNjxIC52ShCbdXPbW7Nz0lRoCFi1lrvsO0XobJY36kTj7duc1vOmGJeQ9vtVuGjnzihA==} + cpu: [arm64] + os: [android] + + '@rollup/rollup-android-x64@4.67.5': + resolution: {integrity: sha512-6KvVfnqPTqmbQ5YobMl9HYiSymAsCt8HlNeriDshwJQcveXwT+vIMW6wGL1RcJbXH9+r3BAJvjab5+rIgtSEqA==} + cpu: [x64] + os: [android] + + '@rollup/rollup-darwin-arm64@4.67.5': + resolution: {integrity: sha512-SNamgdrY69oPdBrQV9fKGo6PSmKcVhyn0D0jnDmcqgRJvrxQGGBhtekOHTUJ7TCgkW0nE8XMH9v2CwXmjNIzVA==} + cpu: [arm64] + os: [darwin] + + '@rollup/rollup-darwin-x64@4.67.5': + resolution: {integrity: sha512-HNdl34thiJtHDSglogjmAlQ296L8cc8zA7ODH65nnmY7E+jPP55WEbh8J5583rWFLMjxyYywxZuwPOwRvEi5tA==} + cpu: [x64] + os: [darwin] + + '@rollup/rollup-freebsd-arm64@4.67.5': + resolution: {integrity: sha512-WvZYtANNswfHzSNHaJAoG6Ipfc4SyZIDYuIjFdHv07xXxhHl+Xx8o+bNDWsxpOADFT2mKXcXVrfOG4OlWTLo8Q==} + cpu: [arm64] + os: [freebsd] + + '@rollup/rollup-freebsd-x64@4.67.5': + resolution: {integrity: sha512-EUU+Wgf9NyHekceC+DxAdm42f6bq2ezH/7DEb/JnCb8SAUhG2xph5BiVukxplWal2m5pP8CzJZE+FLwRopywjQ==} + cpu: [x64] + os: [freebsd] + + '@rollup/rollup-linux-arm-gnueabihf@4.67.5': + resolution: {integrity: sha512-dgU1CvUuE2IkaJBAeuAbxpDdMHAdZBT5oth5u22DtuoMg4gXXYr2+Sm30RigPJG1F2VEoiGJUziGLuIh9+jPxA==} + cpu: [arm] + os: [linux] + libc: [glibc] + + '@rollup/rollup-linux-arm-musleabihf@4.67.5': + resolution: {integrity: sha512-rdgJcJig2VngYlcTCRQw2BA8kLWM6QwDFe9uLFo81lya0jPC1r8wZu92sAvTUIv48GWlkRVi6/fpsa5CoFSKoQ==} + cpu: [arm] + os: [linux] + libc: [musl] + + '@rollup/rollup-linux-arm64-gnu@4.67.5': + resolution: {integrity: sha512-+jtCiQnrEFHWAUAcUpP7wppb1p6HKOgBP3mXx75cEYpDF2Y5MEqBky2HNz+osFuVx5uX44gnMTmbe5RJauzn6A==} + cpu: [arm64] + os: [linux] + libc: [glibc] + + '@rollup/rollup-linux-arm64-musl@4.67.5': + resolution: {integrity: sha512-heflX7ENhL8eHmLcUxDEHCSK8CKLyPprysb2JGoSTh5Ip7nHrzIRc+2USyxul3nxi98H8pGxJIEDEpURlS1X5A==} + cpu: [arm64] + os: [linux] + libc: [musl] + + '@rollup/rollup-linux-loong64-gnu@4.67.5': + resolution: {integrity: sha512-rRtNU0zBfRHkJ8pscHN9qRtUYLq8Rao4EX7aVWvKcFmJUANkCCXFRU7ovNBEMhpEONyUEB/3DRVDXwDDguSfHA==} + cpu: [loong64] + os: [linux] + libc: [glibc] + + '@rollup/rollup-linux-loong64-musl@4.67.5': + resolution: {integrity: sha512-/6auyi9yj8MD/Q+8P+f2ay57jQ7a0j7Yp1JK86pecH6ZnRViQZ5GOjoRSjGArFeTSHFznRbM2QPQcBgDPyNMfQ==} + cpu: [loong64] + os: [linux] + libc: [musl] + + '@rollup/rollup-linux-ppc64-gnu@4.67.5': + resolution: {integrity: sha512-Hsc0vlt+vPvqzUkHKffWKf3YE/yexrY+yeFf7IsUvDC6PV7YGCsA/gJvPa+WJdgxGJnwuoO1HmLkbahaLKabYQ==} + cpu: [ppc64] + os: [linux] + libc: [glibc] + + '@rollup/rollup-linux-ppc64-musl@4.67.5': + resolution: {integrity: sha512-Jx5TMMSPJwHY7F/JwPdS6nuBwny2ECRK+EsAJV5HZrfiddeSS6ZrohkLkFZm3rjqBUuQ4FPX5gGMtakUuQO6fQ==} + cpu: [ppc64] + os: [linux] + libc: [musl] + + '@rollup/rollup-linux-riscv64-gnu@4.67.5': + resolution: {integrity: sha512-fGWcq2lo/XCqAkBLOokg66D/z+MUouryB8i+QdU9RR6O5knG7rucc0WFPqWYL1Wk/wuiJouDfmyBxmZKRM9bag==} + cpu: [riscv64] + os: [linux] + libc: [glibc] + + '@rollup/rollup-linux-riscv64-musl@4.67.5': + resolution: {integrity: sha512-JwO/Ys3jybc0UW3V5XO2CMnp0RhvoczDDQTgAEE1IctT+HRY3W5parIIWLUpmAK4gHSeeYJofm2iQPFA62K6ag==} + cpu: [riscv64] + os: [linux] + libc: [musl] + + '@rollup/rollup-linux-s390x-gnu@4.67.5': + resolution: {integrity: sha512-vVD4iqel6J6A1xAJlb4mxEO9i1wOJ4/SkcKoDKAuK/wqEBPOA7/P5dDyZvNx46ocHwOUwzo3WjhTdKqET9kEAg==} + cpu: [s390x] + os: [linux] + libc: [glibc] + + '@rollup/rollup-linux-x64-gnu@4.67.5': + resolution: {integrity: sha512-HmEfNh5Cdd/NHxgqwMzKnjlvicQQA+D+w+vQXDJSV0x/aHiQSjVwh1Th5RoA7QsMieIaxibt/5iJq68BraTSUg==} + cpu: [x64] + os: [linux] + libc: [glibc] + + '@rollup/rollup-linux-x64-musl@4.67.5': + resolution: {integrity: sha512-NfmALpbe009nYzZ2QqlSW6nzbGddXpqk3nwualrIr+4QflQCTGMzt3QKK20yARiAnSV9fJdM5WNwIYUf31x3uA==} + cpu: [x64] + os: [linux] + libc: [musl] + + '@rollup/rollup-openbsd-x64@4.67.5': + resolution: {integrity: sha512-ngcE7Udpy/iJ3lexVhYcbpUV2OJIakRGus3snc6K52BnAAJetDBG1Ku5Eh3CECtnW3mpBYWg5VCD4tTaOXKOVQ==} + cpu: [x64] + os: [openbsd] + + '@rollup/rollup-openharmony-arm64@4.67.5': + resolution: {integrity: sha512-DZ01A2EdTYX8xVeGoGiWkJBRWDh+/BOflwGPVsBay43PDxcq8ez0xuovZnPnk1xjE3CdI0pdZXxsJp/Xjmf7uQ==} + cpu: [arm64] + os: [openharmony] + + '@rollup/rollup-win32-arm64-msvc@4.67.5': + resolution: {integrity: sha512-nJKiMKDO140DUCEcQZl+f4HiGPMBxrW2webjuWJ2E3qPeoruHf2zByml4TP52lA1zDi6L4I92D/5stxeA/6pig==} + cpu: [arm64] + os: [win32] + + '@rollup/rollup-win32-ia32-msvc@4.67.5': + resolution: {integrity: sha512-ykLkBCf+Kls24QmqM3IRf1T4sGMh0rXPyymtj+hXlWKPJnXbXraHqUUsKtOIxqLasjT1i7DhfQGAaZYeiHbSOw==} + cpu: [ia32] + os: [win32] + + '@rollup/rollup-win32-x64-gnu@4.67.5': + resolution: {integrity: sha512-NiFPUFw8cHhkmBlL1k1eaz+5AXXm89rztj+DQdDuQ7VGPM0+ADFhezQ2KcBMF50UEFzGUr0+DVjVND743XwKWQ==} + cpu: [x64] + os: [win32] + + '@rollup/rollup-win32-x64-msvc@4.67.5': + resolution: {integrity: sha512-Khj/vrKCpdbiAWYbJAeSy4D5iep+qwW/86lNoKvdleJYGxgbRE7h87+5d5T9D7gt8NcqhNFpreRgIg8T4bLzKQ==} + cpu: [x64] + os: [win32] + + '@sindresorhus/is@7.2.0': + resolution: {integrity: sha512-P1Cz1dWaFfR4IR+U13mqqiGsLFf1KbayybWwdd2vfctdV6hDpUkgCY0nKOLLTMSoRd/jJNjtbqzf13K8DCCXQw==} + engines: {node: '>=18'} + + '@sindresorhus/merge-streams@4.0.0': + resolution: {integrity: sha512-tlqY9xq5ukxTUZBmoOp+m61cqwQD5pHJtFY3Mn8CA8ps6yghLH/Hw8UPdqg4OLmFW3IFlcXnQNmo/dh8HzXYIQ==} + engines: {node: '>=18'} + + '@speed-highlight/core@1.2.24': + resolution: {integrity: sha512-qeW2e1l78afw8VhRPfPQ1Gjj+KU5XFQ/OFV5ti6eTa9bruO7mJyZtA4vw0ofqmA3tKCkROE9xLk3VZoeRc98nw==} + + '@types/estree@1.0.10': + resolution: {integrity: sha512-lTyOMnOcmRBzdCv6/4zUZCrEhV0xrqQiUZBZtVcbmLHBXKLnN8q89v/wKRF/Q0HbwVsqbIG3o5HDoFl9sduM+g==} + + '@types/jsesc@2.5.1': + resolution: {integrity: sha512-9VN+6yxLOPLOav+7PwjZbxiID2bVaeq0ED4qSQmdQTdjnXJSaCVKTR58t15oqH1H5t8Ng2ZX1SabJVoN9Q34bw==} + + '@types/resolve@1.20.2': + resolution: {integrity: sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==} + + '@types/trusted-types@2.0.7': + resolution: {integrity: sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==} + + '@unhead/bundler@3.4.3': + resolution: {integrity: sha512-noUTzazRB4fMgO/nluoirrZJXngNbNb3sQzIslA805tKkwakRv2fib4Xe4EdiTuNB7V5XmpUFvfQkKRdBQ9qAA==} + peerDependencies: + '@unhead/cli': ^3.4.3 + '@vitejs/devtools-kit': ^0.7.6 + esbuild: '>=0.17.0' + lightningcss: '>=1.20.0' + oxc-parser: '>=0.98.0' + rolldown: '>=1.0.0' + unhead: ^3.4.3 + vite: '>=6.4.2' + webpack: '>=5.0.0' + peerDependenciesMeta: + '@unhead/cli': + optional: true + '@vitejs/devtools-kit': + optional: true + esbuild: + optional: true + lightningcss: + optional: true + oxc-parser: + optional: true + rolldown: + optional: true + vite: + optional: true + webpack: + optional: true + + '@unhead/vue@3.4.3': + resolution: {integrity: sha512-Wrmk62oC/V1EcBSKRDuy77kVaBtBXXsj6b+vEEWvmfo9AQfpLlc2b6vvvSj9WnXr8VY1ksKHj49Ejo8J/wLSOA==} + peerDependencies: + vite: '>=6.4.2' + vue: '>=3.5.18' + webpack: '>=5.0.0' + peerDependenciesMeta: + vite: + optional: true + webpack: + optional: true + + '@vercel/nft@1.11.0': + resolution: {integrity: sha512-m1QFg+U+3yPOnP1xSYJ73UIRxLOXdts1JOhiOiyPYqEsALgrXFFINvgUaD6R6iNvaBFAjHllBCbkfx4FuOdpaA==} + engines: {node: '>=20'} + hasBin: true + + '@vitejs/plugin-vue-jsx@5.1.6': + resolution: {integrity: sha512-YXvi4as2clxt6DFw5+a0tTA97ntiQXm/raR8ofNj3aNwwdlVGTiG2gp7EvfZW17P50acL/9bP0ccF4XnqNmlgA==} + engines: {node: ^20.19.0 || >=22.12.0} + peerDependencies: + vite: ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0 + vue: ^3.0.0 + + '@vitejs/plugin-vue@6.0.10': + resolution: {integrity: sha512-b80aUQh3n+qEzzZm5oQp3rT2QImeCx58K6eFl/RkJ3d65KW0kTuv5lNsLRVAjbW9YRUpo/wzmvzMgV34bTAItA==} + engines: {node: ^20.19.0 || >=22.12.0} + peerDependencies: + vite: ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0 + vue: ^3.2.25 || ^3.6.0-rc.10 + + '@vue-macros/common@3.1.4': + resolution: {integrity: sha512-/5Fv+6DgIcM9ajY05ZmKBv+LMX1M9A0X+IUwDRVdt67ciw8OV9bvG2r34p3RiEadlsQybjhKPRKNXDC8Bp23cw==} + engines: {node: '>=20.19.0'} + peerDependencies: + vue: ^2.7.0 || ^3.2.25 + peerDependenciesMeta: + vue: + optional: true + + '@vue/babel-helper-vue-transform-on@2.0.1': + resolution: {integrity: sha512-uZ66EaFbnnZSYqYEyplWvn46GhZ1KuYSThdT68p+am7MgBNbQ3hphTL9L+xSIsWkdktwhPYLwPgVWqo96jDdRA==} + + '@vue/babel-plugin-jsx@2.0.1': + resolution: {integrity: sha512-a8CaLQjD/s4PVdhrLD/zT574ZNPnZBOY+IhdtKWRB4HRZ0I2tXBi5ne7d9eCfaYwp5gU5+4KIyFTV1W1YL9xZA==} + peerDependencies: + '@babel/core': ^7.0.0-0 + peerDependenciesMeta: + '@babel/core': + optional: true + + '@vue/babel-plugin-resolve-type@2.0.1': + resolution: {integrity: sha512-ybwgIuRGRRBhOU37GImDoWQoz+TlSqap65qVI6iwg/J7FfLTLmMf97TS7xQH9I7Qtr/gp161kYVdhr1ZMraSYQ==} + peerDependencies: + '@babel/core': ^7.0.0-0 + + '@vue/compiler-core@3.5.44': + resolution: {integrity: sha512-k34nCytbK8PQ1gR2mGROYOw6Pnv/mumqIdrZ3x2tbyXZDWm7ViKGLTfdB+DRrWqEQsLgGJvn0WN9jBif5zCTLQ==} + + '@vue/compiler-dom@3.5.44': + resolution: {integrity: sha512-W5AoBFWdw1lQAKiHowkfgFKFab82oSRT6sGsPfw/q1GRjsy/ZJFLHGhJyBRIFN9APLTUduDH9U2JAiPOIyKuYg==} + + '@vue/compiler-sfc@3.5.44': + resolution: {integrity: sha512-dzHmQ4jXTpdr5FjIQUeykVakN/uzqFbUo9/C5ikBFg3a3PeM6uRxeczx1ZbXBML0/zJstEh3ygYipzR5Z7b2Pw==} + + '@vue/compiler-ssr@3.5.44': + resolution: {integrity: sha512-xr5gb1JVHlfXJwSlRz1FeP6uxoazdzHuMTVLE7up+4Vrqxk219CvxLPxD9NXBt47yvZW7+p4DXfyp4O1fkByIA==} + + '@vue/devtools-api@8.2.1': + resolution: {integrity: sha512-6u4vXBlIBAC1wMplIZgpyPn7uh/s4Bf6F5bMzvLv+EdJ0aHs/+4B7Ygv864EStQSjRbsRzTko/kUG1A1IejQ3A==} + + '@vue/devtools-core@8.2.1': + resolution: {integrity: sha512-s/VfAY9oDTb/kFEWmy461jaFde2MIV1RO/gi1vwM+PAZBZ/Pc2Ndu3BNBdZUze8QDUuyYvElbEEGA83syjJfzA==} + peerDependencies: + vue: ^3.0.0 + + '@vue/devtools-kit@8.2.1': + resolution: {integrity: sha512-FIGIuq3AWReEpbAHY/cRGeHDfI0qOb8OCQ3YjbEAX04uaxIDbGc9rhkbVcG7rnfHPXE3RsU5KrWOu9V/okd8AQ==} + + '@vue/devtools-shared@8.2.1': + resolution: {integrity: sha512-Fkac7lUdGReh6pVOi3AYPRGe82LQqRmAfThW7RRligOAP0ZA/Z1z9XLHDM9dv34pV2HRc79DK8uKPeG2fLnA/g==} + + '@vue/reactivity@3.5.44': + resolution: {integrity: sha512-u+QJdKeBBEADkPdevsL+6E12QlYVfBD8Zcw5qjDQKtamI6l14KyqazJMobhCKelhWN5zpyKUiEDoTyHE93cqWw==} + + '@vue/runtime-core@3.5.44': + resolution: {integrity: sha512-uEa/ndwjhrrhnOfb2p+sZy6zeoamJOISqaLSJGk/8R6nABT1ZldpzcJoPzKj+zHVomVBPcmQYyC2r4LtvDV6CQ==} + + '@vue/runtime-dom@3.5.44': + resolution: {integrity: sha512-3fc4ARcXVhVBaJ3ujWiNZJARD6pkyRcwG+ZYhMzjKtKUp7MAY0HLwr7r3Smep3Li6ZaWT6ewdmx8XqdaD5oNZg==} + + '@vue/server-renderer@3.5.44': + resolution: {integrity: sha512-R4S1UoH4h5Frrauv8Z5XE5TxV9oBiUSgWIC4TyVK1FK+RocRnOLwFA5Xcmo2011RlgJp+AbZCnw6afrhlgRuUQ==} + + '@vue/shared@3.5.44': + resolution: {integrity: sha512-H82XLH0DjmSOdbEwO15x3QTo1f5PWEtv237eLpYKc0mqLu+B8hnq16lFWmuBmNurkeiG3wr+oM1FhOll/YVFRg==} + + '@vypdev/ha-ui-vue@file:../pack-1/vypdev-ha-ui-vue-0.1.0-next.1.tgz': + resolution: {integrity: sha512-bBH/gUkLkGDrhgfsFymPQgYH8hYBxSmxlinqvXScOMswqZJtXlFBA0mW+u39Ia8+8g8ENk3XQAvFYaWtOW+RwQ==, tarball: file:../pack-1/vypdev-ha-ui-vue-0.1.0-next.1.tgz} + version: 0.1.0-next.1 + peerDependencies: + vue: 3.5.44 + + '@vypdev/ha-ui@file:../pack-1/vypdev-ha-ui-0.1.0-next.1.tgz': + resolution: {integrity: sha512-hbYWDU7X71meaogXzz/u0tBUTKb9MNVS+yPFy5dH/aEOWr0TlQgXpbkYzf0CLoFlMGhdHq7co+ayQ7Yr6ujq5g==, tarball: file:../pack-1/vypdev-ha-ui-0.1.0-next.1.tgz} + version: 0.1.0-next.1 + + abbrev@3.0.1: + resolution: {integrity: sha512-AO2ac6pjRB3SJmGJo+v5/aK6Omggp6fsLrs6wN9bd35ulu4cCwaAU9+7ZhXjeqHVkaHThLuzH0nZr0YpCDhygg==} + engines: {node: ^18.17.0 || >=20.5.0} + + abort-controller@3.0.0: + resolution: {integrity: sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==} + engines: {node: '>=6.5'} + + acorn-import-attributes@1.9.5: + resolution: {integrity: sha512-n02Vykv5uA3eHGM/Z2dQrcD56kL8TyDb2p1+0P83PClMnC/nc+anbQRhIOWnSq4Ke/KvDPrY3C9hDtC/A3eHnQ==} + peerDependencies: + acorn: ^8 + + acorn@8.19.0: + resolution: {integrity: sha512-oJlA3XiRm7Cyk6qFD2Jn8ak9B7jSy0qy00ADO3+8dpT0LSjFihQYv4C02LFCSYJV3Q37xYwwRy5m+IpIiUzqWw==} + engines: {node: '>=0.4.0'} + hasBin: true + + agent-base@7.1.4: + resolution: {integrity: sha512-MnA+YT8fwfJPgBx3m60MNqakm30XOkyIoH1y6huTQvC0PwZG7ki8NacLBcrPbNoo8vEZy7Jpuk7+jMO+CUovTQ==} + engines: {node: '>= 14'} + + ansi-regex@6.5.0: + resolution: {integrity: sha512-zhvbbbdt1kbw7EJ9OQoxmQcuaNR9P5kTj7e/YdmOSU10aHWbycofJxA6jKfoEy3vlLdctOF9ZHaxLtmSm998wQ==} + engines: {node: '>=12'} + + ansi-styles@6.2.3: + resolution: {integrity: sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==} + engines: {node: '>=12'} + + ansis@4.5.0: + resolution: {integrity: sha512-KwIVkfFfJSSzBmZhDGuTmkhWqTdyB5oNVzzznBJbBZ5bZtHiqSrcugRF0RKJKT4Ss3d7ZrcjnlFVDlQNmtWfWw==} + engines: {node: '>=14'} + + anymatch@3.1.3: + resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==} + engines: {node: '>= 8'} + + archiver@8.0.0: + resolution: {integrity: sha512-fV1orZfsnPn9BaSByR/qE67rJCLJEy2Ox5bq7nJh+jquWaNh6Sfec75kJ2T6PtdGUbPQlrVoSVCEOa5SdiTQ1g==} + engines: {node: '>=18'} + + args-tokenizer@0.3.0: + resolution: {integrity: sha512-xXAd7G2Mll5W8uo37GETpQ2VrE84M181Z7ugHFGQnJZ50M2mbOv0osSZ9VsSgPfJQ+LVG0prSi0th+ELMsno7Q==} + + ast-kit@2.2.0: + resolution: {integrity: sha512-m1Q/RaVOnTp9JxPX+F+Zn7IcLYMzM8kZofDImfsKZd8MbR+ikdOzTeztStWqfrqIxZnYWryyI9ePm3NGjnZgGw==} + engines: {node: '>=20.19.0'} + + ast-kit@3.0.0: + resolution: {integrity: sha512-8OG92q3R35qjC/4i6BLBMg8IB+fClWu/1PEwg2Z9Rn+BuNaiEgJzpzn+pxWOdHJWDCAwu2JP0wCDTozAM4QirQ==} + engines: {node: ^22.18.0 || >=24.11.0} + + ast-walker-scope@0.10.0: + resolution: {integrity: sha512-KzvoxDfXNz2Gm8KYLh47K3qcY3Zza3WKOuh2xoqa7LBu6MDKWAZLovJtU9DuAd/Er+rhQHCRn619lHS5U+qmhw==} + engines: {node: ^22.18.0 || >=24.11.0} + + ast-walker-scope@0.9.0: + resolution: {integrity: sha512-IJdzo2vLiElBxKzwS36VsCue/62d6IdWjnPB2v3nuPKeWGynp6FF/CYoLa5i/3jXH/z97ZDdsXz6abpgM6w07A==} + engines: {node: '>=20.19.0'} + + async-sema@3.1.1: + resolution: {integrity: sha512-tLRNUXati5MFePdAk8dw7Qt7DpxPB60ofAgn8WRhW6a2rcimZnYBP9oxHiv0OHy+Wz7kPMG+t4LGdt31+4EmGg==} + + async@3.2.6: + resolution: {integrity: sha512-htCUDlxyyCLMgaM3xXg0C0LW2xqfuQ6p05pCEIsXuyQ+a1koYKTuBMzRNwmybfLgvJDMd0r1LTn4+E0Ti6C2AA==} + + autoprefixer@10.6.2: + resolution: {integrity: sha512-VOw9/yGTGwPPgzFcODtcv6zhEPIeIWkRSe10L2ri2f5vZ7ID7lCt6jZzRF5/ubgOZ+szYydmEF5AYsA5jxX1tA==} + engines: {node: ^10 || ^12 || >=14} + hasBin: true + peerDependencies: + postcss: ^8.1.0 + + b4a@1.9.0: + resolution: {integrity: sha512-dpfcF9fDNR6++cthXR67iyhgqWy9CBouAvIWhIntzBG6cvK/cnIPiZQjBwi/ZqjjBEDGfoNDtmB0kTjroOJ3pQ==} + peerDependencies: + react-native-b4a: '*' + peerDependenciesMeta: + react-native-b4a: + optional: true + + balanced-match@4.0.4: + resolution: {integrity: sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA==} + engines: {node: 18 || 20 || >=22} + + bare-buffer@3.7.1: + resolution: {integrity: sha512-cIjZnSO+y89ykVX9x96OVnA6tGORBn7vGJ/e3PCbBHMEyfMNG/ixzOS0lLa6saMlWcs69bSKjxFyDwjK152OMg==} + engines: {bare: '>=1.20.0'} + + bare-events@2.9.2: + resolution: {integrity: sha512-AIPKioV7/Y/8KfZ3AAhjPJxLLbY49S64Ym5DakZlUg75qQiTgUq9hEJoEwa4eUezPUlXRy/i5NpsKvo9jgKmoA==} + peerDependencies: + bare-abort-controller: '*' + peerDependenciesMeta: + bare-abort-controller: + optional: true + + bare-fs@4.8.4: + resolution: {integrity: sha512-MPC2eyrpbk3A873sK4y6rk+Iv4o2enxTjHZ8zH3HO0mjrpm5XjnguY2XmfidIsDV6vnjpbMBKUAJpV0ISD2SsQ==} + engines: {bare: '>=1.28.0'} + peerDependencies: + bare-buffer: '*' + peerDependenciesMeta: + bare-buffer: + optional: true + + bare-path@3.1.2: + resolution: {integrity: sha512-ZyKbsuuqK6Ag0K8pX6V5Txq6XeJRvY+wXucnFGRjiyVYP9YWDpIQugk/b+enRYrEYBJaqLzghRQpXPMR7341Nw==} + + bare-stream@2.13.4: + resolution: {integrity: sha512-PcrQ8lVLbiJscNm1Kez+Yp4Gy4AHGcN1lzwjvf5NybWen7VvEgUfyfnXYJ2zNqWnzOfCb1Abq6lH8ti0syQszA==} + peerDependencies: + bare-abort-controller: '*' + bare-buffer: '*' + bare-events: '*' + peerDependenciesMeta: + bare-abort-controller: + optional: true + bare-buffer: + optional: true + bare-events: + optional: true + + bare-url@2.5.6: + resolution: {integrity: sha512-iqkXHkW65De+BT14nHLiBFbNuJ/DdMrZaVNJ1IXPctpK6b1olUJ5Qmy8QBvwROajTiGztso2n82kFEvCsNG7Rg==} + + base64-js@1.5.1: + resolution: {integrity: sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==} + + baseline-browser-mapping@2.11.35: + resolution: {integrity: sha512-GNk8KX52CHqeNKGk8+7tZnQab/2k1t/BgrUHPKNdijzpEhF1saPQZHVKb6m5loSAxB39gyrTYw34Qf9CQ3u1qQ==} + engines: {node: '>=6.0.0'} + hasBin: true + + bindings@1.5.0: + resolution: {integrity: sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==} + + birpc@2.9.0: + resolution: {integrity: sha512-KrayHS5pBi69Xi9JmvoqrIgYGDkD6mcSe/i6YKi3w5kekCLzrX4+nawcXqrj2tIp50Kw/mT/s3p+GVK0A0sKxw==} + + birpc@4.2.0: + resolution: {integrity: sha512-KxgKcZPfrtzJDDALHPguGpGJUrzdgpymyiQQgzFjWreHMOpWrnFNVREr5J48x2DBh8ZVioscrV1SBkDipGiX+Q==} + + brace-expansion@5.0.12: + resolution: {integrity: sha512-YovQ3rzhaLMIrDjNDMkNS01tea93qhEhG5xy8f6+R0l+dw3Ki+5sCoIoI942iuLZTHWogWktgwVDhU09iNEimQ==} + engines: {node: 20 || >=22} + + braces@3.0.3: + resolution: {integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==} + engines: {node: '>=8'} + + browserslist@4.29.5: + resolution: {integrity: sha512-khTmKu5NGYTotqcYo8Bew2k4RAE9PuXRSFRXG2lQBrCEQHyeQ/vX6gKMxfokwywBsLiXZMnHsmWMG1pnO8J7uQ==} + engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7} + hasBin: true + + buffer-crc32@1.0.0: + resolution: {integrity: sha512-Db1SbgBS/fg/392AblrMJk97KggmvYhr4pB5ZIMTWtaivCPMWLkmb7m21cJvpvgK+J3nsU2CmmixNBZx4vFj/w==} + engines: {node: '>=8.0.0'} + + buffer-from@1.1.2: + resolution: {integrity: sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==} + + buffer@6.0.3: + resolution: {integrity: sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==} + + bundle-name@4.1.1: + resolution: {integrity: sha512-DdH81/zPLVS11EUgWq3tEu/xn+EzljlMYooDNdzWEnFha3R3NBMpMV1UqYIpjYHV/SgpFKMIX1Oh7o06SjM/oA==} + engines: {node: '>=18'} + + c12@3.3.4: + resolution: {integrity: sha512-cM0ApFQSBXuourJejzwv/AuPRvAxordTyParRVcHjjtXirtkzM0uK2L9TTn9s0cXZbG7E55jCivRQzoxYmRAlA==} + peerDependencies: + magicast: '*' + peerDependenciesMeta: + magicast: + optional: true + + cac@7.1.0: + resolution: {integrity: sha512-LMDU/U2yA4IPIY8KT0NsNPWEYZvAMkbgyspxJ6btJaYV+WMDOHAZCmB0lsTObiHaRS1V/ztKAl7+TSkTqXyeoA==} + engines: {node: '>=20.19.0'} + + caniuse-api@4.0.0: + resolution: {integrity: sha512-B0hQ1OLyJuHTQSOWXvwibWqM6DCoqJdvBA6X1S/53bd4XU7LJ1yurIPlrsouol3mw1jh9pGI4ivubSpmJeIqCA==} + + caniuse-lite@1.0.30001820: + resolution: {integrity: sha512-gfWD6MxqVCqAOwmODfZf7DchWvlrA+SRdNX7ceLfg3xRqe5ssjjpF7EgslC/0tiLiNTajdaNN/q8c/5u/7Gz8w==} + + chokidar@5.0.0: + resolution: {integrity: sha512-TQMmc3w+5AxjpL8iIiwebF73dRDF4fBIieAqGn9RGCWaEVwQ6Fb2cGe31Yns0RRIzii5goJ1Y7xbMwo1TxMplw==} + engines: {node: '>= 20.19.0'} + + chownr@3.0.0: + resolution: {integrity: sha512-+IxzY9BZOQd/XuYPRmrvEVjF/nqj5kgT4kEq7VofrDoM1MxoRjEWkrCC3EtLi59TVawxTAn+orJwFQcrqEN1+g==} + engines: {node: '>=18'} + + citty@0.1.6: + resolution: {integrity: sha512-tskPPKEs8D2KPafUypv2gxwJP8h/OaJmC82QQGGDQcHvXX43xF2VDACcJVmZ0EuSxkpO9Kc4MlrA3q0+FG58AQ==} + + citty@0.2.2: + resolution: {integrity: sha512-+6vJA3L98yv+IdfKGZHBNiGW5KHn22e/JwID0Strsz8h4S/csAu/OuICwxrg44k5MRiZHWIo8XXuJgQTriRP4w==} + + clickable-path@0.1.1: + resolution: {integrity: sha512-ROn/mdV2pR8WFdpJjFDCSouLRg9myf95xacO1iy8G/AVO/x5y124pjF3EaoWrTBRWC3vh0DPqa/MhKyx3mMeKg==} + engines: {node: '>=22.1.0'} + + cliui@9.0.1: + resolution: {integrity: sha512-k7ndgKhwoQveBL+/1tqGJYNz097I7WOvwbmmU2AR5+magtbjPWQTS1C5vzGkBC8Ym8UWRzfKUzUUqFLypY4Q+w==} + engines: {node: '>=20'} + + cluster-key-slot@1.1.1: + resolution: {integrity: sha512-rwHwUfXL40Chm1r08yrhU3qpUvdVlgkKNeyeGPOxnW8/SyVDvgRaed/Uz54AqWNaTCAThlj6QAs3TZcKI0xDEw==} + engines: {node: '>=0.10.0'} + + commander@2.20.3: + resolution: {integrity: sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==} + + commondir@1.0.1: + resolution: {integrity: sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==} + + compatx@0.2.0: + resolution: {integrity: sha512-6gLRNt4ygsi5NyMVhceOCFv14CIdDFN7fQjX1U4+47qVE/+kjPoXMK65KWK+dWxmFzMTuKazoQ9sch6pM0p5oA==} + + compress-commons@7.0.1: + resolution: {integrity: sha512-g0S8KAD8qf4+V//pr3BfB1aBnARLXNz2Gx+jmHU0LEriUuoQUOPOulVquHKTJ8+EAIIO7fhseNDr9wK5Q9FKBQ==} + engines: {node: '>=18'} + + confbox@0.1.8: + resolution: {integrity: sha512-RMtmw0iFkeR4YV+fUOSucriAQNb9g8zFR52MWCtl+cCZOFRNL6zeB395vPzFhEjjn4fMxXudmELnl/KF/WrK6w==} + + confbox@0.2.4: + resolution: {integrity: sha512-ysOGlgTFbN2/Y6Cg3Iye8YKulHw+R2fNXHrgSmXISQdMnomY6eNDprVdW9R5xBguEqI954+S6709UyiO7B+6OQ==} + + confbox@0.3.2: + resolution: {integrity: sha512-ZUAKhKlkCOrIGKc8cj7zek9s9z1mveHif/25nUshI2BzCRzF7KH7KHa+Lnh2ubq+e1tIlaFuP763mzW4qVoehg==} + + consola@3.4.2: + resolution: {integrity: sha512-5IKcdX0nnYavi6G7TtOhwkYzyjfJlatbjMjuLSfE2kYT5pMDOilZ4OvMhi637CcDICTmz3wARPoyhqyX1Y+XvA==} + engines: {node: ^14.18.0 || >=16.10.0} + + convert-source-map@2.0.0: + resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==} + + cookie-es@1.2.3: + resolution: {integrity: sha512-lXVyvUvrNXblMqzIRrxHb57UUVmqsSWlxqt3XIjCkUP0wDAf6uicO6KMbEgYrMNtEvWgWHwe42CKxPu9MYAnWw==} + + cookie-es@2.0.1: + resolution: {integrity: sha512-aVf4A4hI2w70LnF7GG+7xDQUkliwiXWXFvTjkip4+b64ygDQ2sJPRSKFDHbxn8o0xu9QzPkMuuiWIXyFSE2slA==} + + cookie-es@3.1.1: + resolution: {integrity: sha512-UaXxwISYJPTr9hwQxMFYZ7kNhSXboMXP+Z3TRX6f1/NyaGPfuNUZOWP1pUEb75B2HjfklIYLVRfWiFZJyC6Npg==} + + core-util-is@1.0.3: + resolution: {integrity: sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==} + + crc-32@1.2.2: + resolution: {integrity: sha512-ROmzCKrTnOwybPcJApAA6WBWij23HVfGVNKqqrZpuyZOHqK2CwHSvpGuyt/UNNvaIjEd8X5IFGp4Mh+Ie1IHJQ==} + engines: {node: '>=0.8'} + hasBin: true + + crc32-stream@7.0.1: + resolution: {integrity: sha512-IBWsY8xznyQrcHn8h4bC8/4ErNke5elzgG8GcqF4RFPw6aHkWWRc7Tgw6upjaTX/CT/yQgqYENkxYsTYN+hW2g==} + engines: {node: '>=18'} + + croner@10.0.1: + resolution: {integrity: sha512-ixNtAJndqh173VQ4KodSdJEI6nuioBWI0V1ITNKhZZsO0pEMoDxz539T4FTTbSZ/xIOSuDnzxLVRqBVSvPNE2g==} + engines: {node: '>=18.0'} + + cross-spawn@7.0.6: + resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==} + engines: {node: '>= 8'} + + crossws@0.3.5: + resolution: {integrity: sha512-ojKiDvcmByhwa8YYqbQI/hg7MEU0NC03+pSdEq4ZUnZR9xXpwk7E43SMNGkn+JxJGPFtNvQ48+vV2p+P1ml5PA==} + + crossws@0.4.17: + resolution: {integrity: sha512-YG2kyfafNXKmu7e6k64yrj6whrw7m5sBIsOSXOlJ/72X3TQWRQuw8DhvXFDcBk8HF77PnTSygnm7xpYCTnFpow==} + peerDependencies: + srvx: '>=0.11.5' + peerDependenciesMeta: + srvx: + optional: true + + cssnano@9.9.0: + resolution: {integrity: sha512-JS914Th2NRk2979JHJvbE3UjPtLmyXtPnr23NNul9BOQwEt9r/A2aM1STrKtKHAPc3XRaUDwMoqkXnjEpgHkAw==} + engines: {node: ^22.22.3 || ^24.15.0 || >=26.0} + peerDependencies: + postcss: ^8.5.29 + + csstype@3.2.3: + resolution: {integrity: sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==} + + db0@0.3.4: + resolution: {integrity: sha512-RiXXi4WaNzPTHEOu8UPQKMooIbqOEyqA1t7Z6MsdxSCeb8iUC9ko3LcmsLmeUt2SM5bctfArZKkRQggKZz7JNw==} + peerDependencies: + '@electric-sql/pglite': '*' + '@libsql/client': '*' + better-sqlite3: '*' + drizzle-orm: '*' + mysql2: '*' + sqlite3: '*' + peerDependenciesMeta: + '@electric-sql/pglite': + optional: true + '@libsql/client': + optional: true + better-sqlite3: + optional: true + drizzle-orm: + optional: true + mysql2: + optional: true + sqlite3: + optional: true + + debug@4.4.3: + resolution: {integrity: sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==} + engines: {node: '>=6.0'} + peerDependencies: + supports-color: '*' + peerDependenciesMeta: + supports-color: + optional: true + + deepmerge@4.3.1: + resolution: {integrity: sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==} + engines: {node: '>=0.10.0'} + + default-browser-id@5.0.1: + resolution: {integrity: sha512-x1VCxdX4t+8wVfd1so/9w+vQ4vx7lKd2Qp5tDRutErwmR85OgmfX7RlLRMWafRMY7hbEiXIbudNrjOAPa/hL8Q==} + engines: {node: '>=18'} + + default-browser@5.5.1: + resolution: {integrity: sha512-m1pAzaJgZ/gssEqlOhJkPJp8Xly7QyW6xcrkUa2KKcDeDSEMP7X8xipU3snUcfisTQx0w1AGae+9UtJSfVnXGw==} + engines: {node: '>=18'} + + define-lazy-prop@3.0.0: + resolution: {integrity: sha512-N+MeXYoqr3pOgn8xfyRPREN7gHakLYjhsHhWGT3fWAiL4IkAt0iDw14QiiEm2bE30c5XX5q0FtAA3CK5f9/BUg==} + engines: {node: '>=12'} + + defu@6.1.7: + resolution: {integrity: sha512-7z22QmUWiQ/2d0KkdYmANbRUVABpZ9SNYyH5vx6PZ+nE5bcC0l7uFvEfHlyld/HcGBFTL536ClDt3DEcSlEJAQ==} + + denque@2.1.0: + resolution: {integrity: sha512-HVQE3AAb/pxF8fQAoiqpvg9i3evqug3hoiwakOyZAwJm+6vZehbkYXZ0l4JxS+I3QxM97v5aaRNhj8v5oBhekw==} + engines: {node: '>=0.10'} + + depd@2.0.0: + resolution: {integrity: sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==} + engines: {node: '>= 0.8'} + + destr@2.0.5: + resolution: {integrity: sha512-ugFTXCtDZunbzasqBxrK93Ik/DRYsO6S/fedkWEMKqt04xZ4csmnmwGDBAb07QWNaGMAmnTIemsYZCksjATwsA==} + + detect-libc@2.1.2: + resolution: {integrity: sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==} + engines: {node: '>=8'} + + devalue@6.0.3: + resolution: {integrity: sha512-3woMEITftG1wKeO/4d/QXH1DVKctTSZg3jNGPpjp9hNr5Hos8MCFF5McTML5ZtgKDObm2R591B0spRp2IVernA==} + engines: {node: '>=18'} + + diff@9.0.0: + resolution: {integrity: sha512-svtcdpS8CgJyqAjEQIXdb3OjhFVVYjzGAPO8WGCmRbrml64SPw/jJD4GoE98aR7r25A0XcgrK3F02yw9R/vhQw==} + engines: {node: '>=0.3.1'} + + dot-prop@10.2.0: + resolution: {integrity: sha512-BTJ9aZYL3vCfZlZOBLy9v8TUqWGQ0pzFnygKwFZt5udj6viBoFIBviKPUoZLDCPn1FoXffv6McQFDenrm5Krfw==} + engines: {node: '>=20'} + + dotenv@17.4.2: + resolution: {integrity: sha512-nI4U3TottKAcAD9LLud4Cb7b2QztQMUEfHbvhTH09bqXTxnSie8WnjPALV/WMCrJZ6UV/qHJ6L03OqO3LcdYZw==} + engines: {node: '>=12'} + + duplexer@0.1.2: + resolution: {integrity: sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg==} + + ee-first@1.1.1: + resolution: {integrity: sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==} + + electron-to-chromium@1.5.477: + resolution: {integrity: sha512-PN++F4zWZoVDGWinxMnSCpVqKhqFOJfLXxdU8bYJKudAEsHL/XKVITOKWVbfMt1r276Mi9RDLU9VHx9uKJ4RMQ==} + + emoji-regex@10.6.0: + resolution: {integrity: sha512-toUI84YS5YmxW219erniWD0CIVOo46xGKColeNQRgOzDorgBi1v4D71/OFzgD9GO2UGKIv1C3Sp8DAn0+j5w7A==} + + encodeurl@2.0.1: + resolution: {integrity: sha512-Ev/hIyePLZtpL98x562lvPtenrUfGr0lfaf44HFZ+hDEwso7ccV9QAZrEVLg0hxNAzygaAFxy2dYaAKKM0G06A==} + engines: {node: '>= 0.8'} + + entities@7.0.1: + resolution: {integrity: sha512-TWrgLOFUQTH994YUyl1yT4uyavY5nNB5muff+RtWaqNVCAK408b5ZnnbNAUEWLTCpum9w6arT70i1XdQ4UeOPA==} + engines: {node: '>=0.12'} + + error-stack-parser-es@1.0.5: + resolution: {integrity: sha512-5qucVt2XcuGMcEGgWI7i+yZpmpByQ8J1lHhcL7PwqCwu9FPP3VUXzT4ltHe5i2z9dePwEHcDVOAfSnHsOlCXRA==} + + error-stack-parser-es@2.0.1: + resolution: {integrity: sha512-J36ntO+rMQVRuR/umlmxmfLi4TpWwtmTnHoJoXTiC2xDNazs0VDPKcX6pbhZMDd2HFtH9isMBJXMdbki+A++Pg==} + + errx@0.2.2: + resolution: {integrity: sha512-HaPN6cxm6iZ9bIbQQ5orChcw7SY5smUzM08ZMc6OtV4UQhrrc3Ms1G8Ww2n/9lXkWqiioNTssF8bCvchrSbFEQ==} + + es-errors@1.3.0: + resolution: {integrity: sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==} + engines: {node: '>= 0.4'} + + es-module-lexer@2.3.2: + resolution: {integrity: sha512-poHGpORABojJJucnV9KbOavETW8lBVnphkW77ER5/BQ5Fz7oXSoCNek7IH3vR5nRjdsEz926ibFYX8KtLQmdyw==} + + es-module-lexer@3.0.4: + resolution: {integrity: sha512-BldNY5mwkVu+cQ5Ymn3e6hB9Sx8XHx4ZevWbiUyZbfKxJxYO27Hf0wfzkxIaD5CAJMaGl3YspKELj0ff/7nCMA==} + + esbuild@0.28.2: + resolution: {integrity: sha512-HKVLS8dvII+xoKW9kmqxbRKrnWEXfJJr/FZhhJmiqIB0e053QNYFqOBouTMO/k5sID4MvCiUCvv8b9M4h32wIA==} + engines: {node: '>=18'} + hasBin: true + + escalade@3.2.0: + resolution: {integrity: sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==} + engines: {node: '>=6'} + + escape-html@1.0.3: + resolution: {integrity: sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==} + + escape-string-regexp@5.0.0: + resolution: {integrity: sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==} + engines: {node: '>=12'} + + estree-walker@2.0.2: + resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==} + + estree-walker@3.0.3: + resolution: {integrity: sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==} + + etag@1.8.1: + resolution: {integrity: sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==} + engines: {node: '>= 0.6'} + + event-target-shim@5.0.1: + resolution: {integrity: sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==} + engines: {node: '>=6'} + + events-universal@1.0.1: + resolution: {integrity: sha512-LUd5euvbMLpwOF8m6ivPCbhQeSiYVNb8Vs0fQ8QjXo0JTkEHpz8pxdQf0gStltaPpw0Cca8b39KxvK9cfKRiAw==} + + events@3.3.0: + resolution: {integrity: sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==} + engines: {node: '>=0.8.x'} + + execa@8.0.1: + resolution: {integrity: sha512-VyhnebXciFV2DESc+p6B+y0LjSm0krU4OgJN44qFAhBY0TJ+1V61tYD2+wHusZ6F9n5K+vl8k0sTy7PEfV4qpg==} + engines: {node: '>=16.17'} + + exsolve@1.2.0: + resolution: {integrity: sha512-h1pQPR9XoeSMdntRNCjyTznaume4UpfXrULBnlkZ2CUM/G5eSa+pBByGldO5uR8dxbPC+OuJXsPPNf+JZ81ADg==} + + fast-fifo@1.3.2: + resolution: {integrity: sha512-/d9sfos4yxzpwkDkuN7k2SqFKtYNmCTzgfEpz82x34IM9/zc8KGxQoXg1liNC/izpRM/MBdt44Nmx41ZWqk+FQ==} + + fast-glob@3.3.3: + resolution: {integrity: sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==} + engines: {node: '>=8.6.0'} + + fast-npm-meta@2.2.0: + resolution: {integrity: sha512-99jPl8JkCSCa4VlboNU1XuL98ijm74Pm9CGo6H4BoMVoVh1uhguQcvwLgXDT8Vkl2qj/UEQ0J9gD8beHjTFk1w==} + hasBin: true + + fast-string-truncated-width@3.0.3: + resolution: {integrity: sha512-0jjjIEL6+0jag3l2XWWizO64/aZVtpiGE3t0Zgqxv0DPuxiMjvB3M24fCyhZUO4KomJQPj3LTSUnDP3GpdwC0g==} + + fast-string-width@3.0.2: + resolution: {integrity: sha512-gX8LrtNEI5hq8DVUfRQMbr5lpaS4nMIWV+7XEbXk2b8kiQIizgnlr12B4dA3ZEx3308ze0O4Q1R+cHts8kyUJg==} + + fast-wrap-ansi@0.2.2: + resolution: {integrity: sha512-7F2Fl+TjRSenLqlU3UjSH0iyqopqoZIu7eZVpEirP2g1GtWa2G/ecEmBdgz31+Mxr+ELclgg6sokpSFIQiZ02Q==} + + fastq@1.20.3: + resolution: {integrity: sha512-XKv5nnLs6nLF71NgiKJLIZFLkPyIEuOselLG7ujZnGrRfQK8HpvY+WqKhAJUAdLomwVHErVS4LfxFlPq0/FTAw==} + + fdir@6.5.0: + resolution: {integrity: sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==} + engines: {node: '>=12.0.0'} + peerDependencies: + picomatch: ^3 || ^4 + peerDependenciesMeta: + picomatch: + optional: true + + fetchdts@0.2.0: + resolution: {integrity: sha512-PJb4ZTGT2/wK78RmVrxZITStWabhZlKBsL52VOgq+c7clEkdHdEB+0rtzrXCbZJqeYJj+IwNWYqB5/G6vouA6A==} + + file-uri-to-path@1.0.0: + resolution: {integrity: sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==} + + fill-range@7.1.1: + resolution: {integrity: sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==} + engines: {node: '>=8'} + + flru@1.0.2: + resolution: {integrity: sha512-kWyh8ADvHBFz6ua5xYOPnUroZTT/bwWfrCeL0Wj1dzG4/YOmOcfJ99W8dOVyyynJN35rZ9aCOtHChqQovV7yog==} + engines: {node: '>=6'} + + fnv1a-64@0.1.2: + resolution: {integrity: sha512-mJbcILTPybAR1jdOwt/lVv8N2cffeJFFP+gVbSAwLEx1ujXH27RpPd8Rokec/KX9c76UYIB6Co+H4lQzxPnJfA==} + + fraction.js@5.3.4: + resolution: {integrity: sha512-1X1NTtiJphryn/uLQz3whtY6jK3fTqoE3ohKs0tT+Ujr1W59oopxmoEh7Lu5p6vBaPbgoM0bzveAW4Qi5RyWDQ==} + + fresh@2.0.0: + resolution: {integrity: sha512-Rx/WycZ60HOaqLKAi6cHRKKI7zxWbJ31MhntmtwMoaTeF7XFH9hhBp8vITaMidfljRQ6eYWCKkaTK+ykVJHP2A==} + engines: {node: '>= 0.8'} + + fsevents@2.3.3: + resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==} + engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0} + os: [darwin] + + function-bind@1.1.2: + resolution: {integrity: sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==} + + fuzzysort@4.0.2: + resolution: {integrity: sha512-3c7yD6rK1EXIsqpcu1ZVzXJugODWNMzvUij6yTiziaAHrpNS8kzFOI9mJLE8pmG4K9JOaVgzQRgklfOEk8f4Tg==} + + generic-names@4.0.0: + resolution: {integrity: sha512-ySFolZQfw9FoDb3ed9d80Cm9f0+r7qj+HJkWjeD9RBfpxEVTlVhol+gvaQB/78WbwYfbnNh8nWHHBSlg072y6A==} + + gensync@1.0.0-beta.2: + resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==} + engines: {node: '>=6.9.0'} + + get-caller-file@2.0.5: + resolution: {integrity: sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==} + engines: {node: 6.* || 8.* || >= 10.*} + + get-east-asian-width@1.7.0: + resolution: {integrity: sha512-XjH1AECxf0giL2V1aU8vKyRR2ppRUb5c0EvT7zuJTokQ74bNo52zOtghqdWIqrhUD79fo3x0WfKZdOqxF6LG1Q==} + engines: {node: '>=18'} + + get-port-please@3.2.0: + resolution: {integrity: sha512-I9QVvBw5U/hw3RmWpYKRumUeaDgxTPd401x364rLmWBJcOQ753eov1eTgzDqRG9bqFIfDc7gfzcQEWrUri3o1A==} + + get-stream@8.0.1: + resolution: {integrity: sha512-VaUJspBffn/LMCJVoMvSAdmscJyS1auj5Zulnn5UoYcY531UWmdwhRWkcGKnGU93m5HSXP9LP2usOryrBtQowA==} + engines: {node: '>=16'} + + giget@3.3.1: + resolution: {integrity: sha512-r+mvuDjrjMpsdw46Kmeydb8bdHm7wOKw8wNBtTndkjbPjgAp5oUJUxRE76wZFknxIPokfWvep2qSXK37aXE6zg==} + hasBin: true + + glob-parent@5.1.2: + resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==} + engines: {node: '>= 6'} + + glob@13.0.6: + resolution: {integrity: sha512-Wjlyrolmm8uDpm/ogGyXZXb1Z+Ca2B8NbJwqBVg0axK9GbBeoS7yGV6vjXnYdGm6X53iehEuxxbyiKp8QmN4Vw==} + engines: {node: 18 || 20 || >=22} + + global-directory@4.0.1: + resolution: {integrity: sha512-wHTUcDUoZ1H5/0iVqEudYW4/kAlN5cZ3j/bXn0Dpbizl9iaUVeWSHqiOjsgk6OW2bkLclbBjzewBz6weQ1zA2Q==} + engines: {node: '>=18'} + + globby@16.2.4: + resolution: {integrity: sha512-c8B/VNLmxRcmqqenRA9t+9IyOjf9+V6lTxPaUJLqOCONdQkWZ0ETYgX0qbtJqPsgCNusT9MZ5Jeidw8Eb9tn2g==} + engines: {node: '>=20'} + + graceful-fs@4.2.11: + resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==} + + gzip-size@7.0.0: + resolution: {integrity: sha512-O1Ld7Dr+nqPnmGpdhzLmMTQ4vAsD+rHwMm1NLUmoUFFymBOMKxCCrtDxqdBRYXdeEPEi3SyoR4TizJLQrnKBNA==} + engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0} + + h3@1.15.11: + resolution: {integrity: sha512-L3THSe2MPeBwgIZVSH5zLdBBU90TOxarvhK9d04IDY2AmVS8j2Jz2LIWtwsGOU3lu2I5jCN7FNvVfY2+XyF+mg==} + + hasown@2.0.4: + resolution: {integrity: sha512-T2UbfbBEF32wiepXIsMlTW9+dDYC6wMh/t/vYA4tuOMKqWz/n3vr1NFSxQiyP+zk2mXsoMA/i/7qV6LKut1t1A==} + engines: {node: '>= 0.4'} + + hookable@5.5.3: + resolution: {integrity: sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ==} + + hookable@6.1.2: + resolution: {integrity: sha512-+abwxtiEA52GCVIsQqut3S/uKTbUwYIp4Pe/vv+6py5XiXBCqMZHg6pA6Y5qhgLSEys0/cYuPbO0z1QFj5ZCmg==} + + http-errors@2.0.1: + resolution: {integrity: sha512-4FbRdAX+bSdmo4AUFuS0WNiPz8NgFt+r8ThgNWmlrjQjt1Q7ZR9+zTlce2859x4KSXrwIsaeTqDoKQmtP8pLmQ==} + engines: {node: '>= 0.8'} + + http-shutdown@1.2.2: + resolution: {integrity: sha512-S9wWkJ/VSY9/k4qcjG318bqJNruzE4HySUhFYknwmu6LBP97KLLfwNf+n4V1BHurvFNkSKLFnK/RsuUnRTf9Vw==} + engines: {iojs: '>= 1.0.0', node: '>= 0.12.0'} + + https-proxy-agent@7.0.6: + resolution: {integrity: sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==} + engines: {node: '>= 14'} + + httpxy@0.5.6: + resolution: {integrity: sha512-iqc3nOxvNb5FxbhJozt8wNmHgjlmk4zzba512jMEXVwHCEBCbGAj49eGfy5PI8ts3/LFSFq8siiSNqwfY1AlfQ==} + + human-signals@5.0.0: + resolution: {integrity: sha512-AXcZb6vzzrFAUE61HnN4mpLqd/cSIwNQjtNWR0euPm6y0iqx3G4gOXaIDdtdDwZmhwe82LA6+zinmW4UBWVePQ==} + engines: {node: '>=16.17.0'} + + ieee754@1.2.1: + resolution: {integrity: sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==} + + ignore@7.0.14: + resolution: {integrity: sha512-wCBiZ77u1tuWde6G/nfOtLaCTYcFDU5yCzARzK10y+rLhzYoL7a7yEemcopcc2Mzow7gZOIjnV2ym1NYmdiJOQ==} + engines: {node: '>= 4'} + + image-meta@0.3.1: + resolution: {integrity: sha512-rKANCbmsJCZ3/q87GTWZ+8MhOvhPLjsScznVtqvBoTu6Tyq8FzdPoBUMl/ZxQXy+/5I+C1vxXwS1jSwmHgmDLQ==} + + impound@1.2.1: + resolution: {integrity: sha512-ja2MtFXrMxTlF6xvQMLMLb+Nt0JkD8xW9E1O7KxjFg5xUu1kgG3EUintwpW1zveoysYpMcnW+/nBpzkiO4mJ3w==} + + inherits@2.0.4: + resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==} + + ini@4.1.1: + resolution: {integrity: sha512-QQnnxNyfvmHFIsj7gkPcYymR8Jdw/o7mp5ZFihxn6h8Ci6fh3Dx4E1gPjpQEpIuPo9XVNY/ZUwh4BPMjGyL01g==} + engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0} + + ioredis@5.11.1: + resolution: {integrity: sha512-ehuGcf94bQXhfagULNXrJdfnWO38v070jxSx/qE87Kjzmu2fU7ro5EFAb+OPituLqgfyuQaym5DlrNydW2sJ9A==} + engines: {node: '>=12.22.0'} + + iron-webcrypto@1.2.1: + resolution: {integrity: sha512-feOM6FaSr6rEABp/eDfVseKyTMDt+KGpeB35SkVn9Tyn0CqvVsY3EwI0v5i8nMHyJnzCIQf7nsy3p41TPkJZhg==} + + iron-webcrypto@2.0.0: + resolution: {integrity: sha512-rtffZKDUHciZElM8mjFCufBC7nVhCxHYyWHESqs89OioEDz4parOofd8/uhrejh/INhQFfYQfByS22LlezR9sQ==} + + is-core-module@2.18.0: + resolution: {integrity: sha512-qyax9fgaKOEC4qK8WZn7Q4IcoZC9RC1O1fFxRcRTq/oMMkWT/uXpqpXa12kzWR409zAt1drYN9N9BO26UmBCmw==} + engines: {node: '>= 0.4'} + + is-docker@3.0.0: + resolution: {integrity: sha512-eljcgEDlEns/7AXFosB5K/2nCM4P7FQPkGc/DWLy5rmFEWvZayGrik1d9/QIY5nJ4f9YsVvBkA6kJpHn9rISdQ==} + engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0} + hasBin: true + + is-extglob@2.1.1: + resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==} + engines: {node: '>=0.10.0'} + + is-glob@4.0.3: + resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==} + engines: {node: '>=0.10.0'} + + is-in-ssh@1.0.0: + resolution: {integrity: sha512-jYa6Q9rH90kR1vKB6NM7qqd1mge3Fx4Dhw5TVlK1MUBqhEOuCagrEHMevNuCcbECmXZ0ThXkRm+Ymr51HwEPAw==} + engines: {node: '>=20'} + + is-inside-container@1.0.0: + resolution: {integrity: sha512-KIYLCCJghfHZxqjYBE7rEy0OBuTd5xCHS7tHVgvCLkx7StIoaxwNW3hCALgEUjFfeRk+MG/Qxmp/vtETEF3tRA==} + engines: {node: '>=14.16'} + hasBin: true + + is-installed-globally@1.0.1: + resolution: {integrity: sha512-li88H4QGRoNMX27jEmY8nR515oJVspAgC/WFMlhHfFV8RJ4QyGpHhXnwAe9gH5RIgKmdYRUmrOhQobcgEjIdSw==} + engines: {node: '>=18'} + + is-module@1.0.0: + resolution: {integrity: sha512-51ypPSPCoTEIN9dy5Oy+h4pShgJmPCygKfyRCISBI+JoWT/2oJvK8QPxmwv7b/p239jXrm9M1mlQbyKJ5A152g==} + + is-number@7.0.0: + resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==} + engines: {node: '>=0.12.0'} + + is-path-inside@4.0.0: + resolution: {integrity: sha512-lJJV/5dYS+RcL8uQdBDW9c9uWFLLBNRyFhnAKXw5tVqLlKZ4RMGZKv+YQ/IA3OhD+RpbJa1LLFM1FQPGyIXvOA==} + engines: {node: '>=12'} + + is-reference@1.2.1: + resolution: {integrity: sha512-U82MsXXiFIrjCK4otLT+o2NA2Cd2g5MLoOVXUZjIOhLurrRxpEXzI8O0KZHr3IjLvlAH1kTPYSuqer5T9ZVBKQ==} + + is-stream@3.0.0: + resolution: {integrity: sha512-LnQR4bZ9IADDRSkvpqMGvt/tEJWclzklNgSw48V5EAaAeDd6qGvN8ei6k5p0tvxSR171VmGyHuTiAOfxAbr8kA==} + engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0} + + is-stream@4.0.1: + resolution: {integrity: sha512-Dnz92NInDqYckGEUJv689RbRiTSEHCQ7wOVeALbkOz999YpqT46yMRIGtSNl2iCL1waAZSx40+h59NV/EwzV/A==} + engines: {node: '>=18'} + + is-wsl@3.1.1: + resolution: {integrity: sha512-e6rvdUCiQCAuumZslxRJWR/Doq4VpPR82kqclvcS0efgt430SlGIk05vdCN58+VrzgtIcfNODjozVielycD4Sw==} + engines: {node: '>=16'} + + isarray@1.0.0: + resolution: {integrity: sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==} + + isexe@2.0.0: + resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==} + + isexe@4.0.0: + resolution: {integrity: sha512-FFUtZMpoZ8RqHS3XeXEmHWLA4thH+ZxCv2lOiPIn1Xc7CxrqhWzNSDzD+/chS/zbYezmiwWLdQC09JdQKmthOw==} + engines: {node: '>=20'} + + jiti@2.7.0: + resolution: {integrity: sha512-AC/7JofJvZGrrneWNaEnJeOLUx+JlGt7tNa0wZiRPT4MY1wmfKjt2+6O2p2uz2+skll8OZZmJMNqeke7kKbNgQ==} + hasBin: true + + js-tokens@10.0.0: + resolution: {integrity: sha512-lM/UBzQmfJRo9ABXbPWemivdCW8V2G8FHaHdypQaIy523snUjog0W71ayWXTjiR+ixeMyVHN2XcpnTd/liPg/Q==} + + js-tokens@4.0.0: + resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==} + + jsesc@3.1.0: + resolution: {integrity: sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==} + engines: {node: '>=6'} + hasBin: true + + json5@2.2.3: + resolution: {integrity: sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==} + engines: {node: '>=6'} + hasBin: true + + kleur@4.1.5: + resolution: {integrity: sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==} + engines: {node: '>=6'} + + klona@2.0.6: + resolution: {integrity: sha512-dhG34DXATL5hSxJbIexCft8FChFXtmskoZYnoPWjXQuebWYCNkVeV3KkGegCK9CP1oswI/vQibS2GY7Em/sJJA==} + engines: {node: '>= 8'} + + knitwork@1.3.0: + resolution: {integrity: sha512-4LqMNoONzR43B1W0ek0fhXMsDNW/zxa1NdFAVMY+k28pgZLovR4G3PB5MrpTxCy1QaZCqNoiaKPr5w5qZHfSNw==} + + launch-editor@2.14.2: + resolution: {integrity: sha512-NHJEb30MGBCkmZXLZwz25t37QR4aY03ZzPYUJXOJaOa92uWwExI9SBQUuIznBYc1xkD7cJNGX7oc3Nl3sq2kQQ==} + + lazystream@1.0.1: + resolution: {integrity: sha512-b94GiNHQNy6JNTrt5w6zNyffMrNkXZb3KTkCZJb2V1xaEGCk093vkZ2jk3tpaeP33/OiXC+WvK9AxUebnf5nbw==} + engines: {node: '>= 0.6.3'} + + lightningcss-android-arm64@1.33.0: + resolution: {integrity: sha512-gEpRTalKdosp4Bb8qWtc2iOgE5SeIHlpS1up9bFq2wAyYhl1UdTObYiHe98zEM9SQvSoqQZ1IQD0JNpg3Ml5pg==} + engines: {node: '>= 12.0.0'} + cpu: [arm64] + os: [android] + + lightningcss-darwin-arm64@1.33.0: + resolution: {integrity: sha512-Sciaz8eenNTKn9b3t7+xr0ipTp9YxKQY4npwQ3mrRuL0BAVHBLyZxofhaKBAVtzmtRZ/zTyo0/to4B1uWG/Djg==} + engines: {node: '>= 12.0.0'} + cpu: [arm64] + os: [darwin] + + lightningcss-darwin-x64@1.33.0: + resolution: {integrity: sha512-Z5UPAxzrjlWNNyGy6i65cJzzvgJ5D3T6wMvs+gWpY9d7qRhANrxqAp6LhxIgZhWEw18RfJTGcRxjuLIBr+m8XQ==} + engines: {node: '>= 12.0.0'} + cpu: [x64] + os: [darwin] + + lightningcss-freebsd-x64@1.33.0: + resolution: {integrity: sha512-QQM/Ti/hQajJwCY+RiWuCZ9sdtI/XQk7nDK5vC8kkdwixezOlDgvDx7+RT+QjK6FcFT4MpsuoBnHIo/O3StRRg==} + engines: {node: '>= 12.0.0'} + cpu: [x64] + os: [freebsd] + + lightningcss-linux-arm-gnueabihf@1.33.0: + resolution: {integrity: sha512-N7FVBe6iS24MlM6R/4RBTxGhQheZGs7tiQ9U32UtF75NzP5Q7xWPRqLBCKxlRQRk3rY1jCIPLzx7WzOhuUIRLQ==} + engines: {node: '>= 12.0.0'} + cpu: [arm] + os: [linux] + + lightningcss-linux-arm64-gnu@1.33.0: + resolution: {integrity: sha512-j2v/itmy4HlNxlc6voKXYgBqNi0Ng2LShg4z7GufpEgs05P+2suBVyi9I6YHq5uoVFx9ETin3eCEhLVyXGQnKg==} + engines: {node: '>= 12.0.0'} + cpu: [arm64] + os: [linux] + libc: [glibc] + + lightningcss-linux-arm64-musl@1.33.0: + resolution: {integrity: sha512-yiO5ROMuYQgXbC60yjZU5CYSFZGKXL0HFATXt9mHJn1+zW55oCtMI9NfcVhYLMFDL7gV7oBPon/EmMMGg2OvtQ==} + engines: {node: '>= 12.0.0'} + cpu: [arm64] + os: [linux] + libc: [musl] + + lightningcss-linux-x64-gnu@1.33.0: + resolution: {integrity: sha512-ar+Ju7LmcN0Jo4FpL4hpFybwNG9/3A/Br5KW2n2jyODg3MEZXaDYADdemoNS+BDNfMgKvylJLj4S5tyRActuAg==} + engines: {node: '>= 12.0.0'} + cpu: [x64] + os: [linux] + libc: [glibc] + + lightningcss-linux-x64-musl@1.33.0: + resolution: {integrity: sha512-RYiYbkokw0trfKqqzfF55lginwEPrD3OJDfTuJzFs1MK6iFnDenaz1fqLLtX4ITG3OktJQXOeTaw1awrBAlZPw==} + engines: {node: '>= 12.0.0'} + cpu: [x64] + os: [linux] + libc: [musl] + + lightningcss-win32-arm64-msvc@1.33.0: + resolution: {integrity: sha512-1K+MPfLSFVpphzpdbfkhlWk6wBrTObBzS2T6db10PNOZgR9GoVsAWzwNyuhUYYbTp23j+4RrncfujZ4uAzXvwA==} + engines: {node: '>= 12.0.0'} + cpu: [arm64] + os: [win32] + + lightningcss-win32-x64-msvc@1.33.0: + resolution: {integrity: sha512-OlEICDx/Xl0FqSp4bry8zFnCvGpig3Gl4gCquvYwHuqJKEC1+n9NgDniFvqHGmMv1ZkqDJrDqKKSykTDX+ehuA==} + engines: {node: '>= 12.0.0'} + cpu: [x64] + os: [win32] + + lightningcss@1.33.0: + resolution: {integrity: sha512-WkUDrojuJs0xkgGf2udWxa3yGBRxPtxUkB79i6aCZLRgc7PM8fZe9TosfPDcvEpQZbuFASnHYmRLBLUbmLOIIA==} + engines: {node: '>= 12.0.0'} + + listhen@1.10.1: + resolution: {integrity: sha512-6nt/86SkqUQSLW1ofz8MxC6RhRMqOl3ONISe6qqvJ3xj09aJWQx6DhgSZpugs3PX4PXdOas/WD6A9jx6J2N19A==} + hasBin: true + peerDependencies: + '@parcel/watcher': ^2.5.6 + peerDependenciesMeta: + '@parcel/watcher': + optional: true + + lit-element@4.2.2: + resolution: {integrity: sha512-aFKhNToWxoyhkNDmWZwEva2SlQia+jfG0fjIWV//YeTaWrVnOxD89dPKfigCUspXFmjzOEUQpOkejH5Ly6sG0w==} + + lit-html@3.3.3: + resolution: {integrity: sha512-el8M6jK2o3RXBnrSHX3ZKrsN8zEV63pSExTO1wYJz7QndGYZ8353e2a5PPX+qHe2aGayfnchQmkAojaWAREOIA==} + + lit@3.3.3: + resolution: {integrity: sha512-fycuvZg/hkpozL00lm1pEJH5nN/lr9ZXd6mJI2HSN4+Bzc+LDNdEApJ6HFbPkdFNHLvOplIIuJvxkS4XUxqirw==} + + loader-utils@3.3.1: + resolution: {integrity: sha512-FMJTLMXfCLMLfJxcX9PFqX5qD88Z5MRGaZCVzfuqeZSPsyiBzs+pahDQjbIWz2QIzPZz0NX9Zy4FX3lmK6YHIg==} + engines: {node: '>= 12.13.0'} + + local-pkg@1.2.1: + resolution: {integrity: sha512-++gUqRDEvcnN6Zhqrr+y/CkVEHhlrR96vZn3nZZPYzMcBUyBtTKzB9NadClFIsIVSsu+3i9tfk/erqy9kAmt7Q==} + engines: {node: '>=14'} + + lru-cache@11.5.3: + resolution: {integrity: sha512-U4N8FgzmWxc8k1VH8Kr6lQg18U7Fjvby6wXHVRX/ZZ7IwWbRMgrRbP0Wrb5q5NVinryp4SQampHKdvtecItxUg==} + engines: {node: 20 || >=22} + + lru-cache@5.1.1: + resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==} + + magic-string-ast@1.0.3: + resolution: {integrity: sha512-CvkkH1i81zl7mmb94DsRiFeG9V2fR2JeuK8yDgS8oiZSFa++wWLEgZ5ufEOyLHbvSbD1gTRKv9NdX69Rnvr9JA==} + engines: {node: '>=20.19.0'} + + magic-string@0.30.21: + resolution: {integrity: sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==} + + magic-string@1.4.5: + resolution: {integrity: sha512-oLLC2+YvQUfAa+vxoufE/yc1icb87M9iXIRqAoR/2EhE/8cb3SF/+Gi0c2By1B+5Vz2e2vQtUvHiu1+63Znh+w==} + + magicast@0.5.5: + resolution: {integrity: sha512-UicdXN8zQ3JHlxVq+28afMXPr1z7WNY6+7EJnzTdQWkTAlMLF5fNCCKxJHBQwGaNGR11581EiQmQzx73+MvszA==} + + merge-stream@2.0.0: + resolution: {integrity: sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==} + + merge2@1.4.1: + resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==} + engines: {node: '>= 8'} + + microdiff@1.6.0: + resolution: {integrity: sha512-w7JWt8Bno6I8h0rEqlxr4lNG4UbT1FVtWo42wWosIiaJ+rP3pXh7shCYDnyqBrYx36LJ1CZ64p8A62aVp0sJpQ==} + + micromatch@4.0.8: + resolution: {integrity: sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==} + engines: {node: '>=8.6'} + + mime-db@1.54.0: + resolution: {integrity: sha512-aU5EJuIN2WDemCcAp2vFBfp/m4EAhWJnUNSSw0ixs7/kXbd6Pg64EmwJkNdFhB8aWt1sH2CTXrLxo/iAGV3oPQ==} + engines: {node: '>= 0.6'} + + mime-types@3.0.2: + resolution: {integrity: sha512-Lbgzdk0h4juoQ9fCKXW4by0UJqj+nOOrI9MJ1sSj4nI8aI2eo1qmvQEie4VD1glsS250n15LsWsYtCugiStS5A==} + engines: {node: '>=18'} + + mime@4.1.2: + resolution: {integrity: sha512-ikRzZ2RwbUVDyL9SsU0f2Phcmav4yq5r8faH5ZZKHtOZrMBLnrQOrj0uvqZ5R1uQnj+RO7Wcklw/lAf81mP9LQ==} + engines: {node: '>=16'} + hasBin: true + + mimic-fn@4.0.0: + resolution: {integrity: sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==} + engines: {node: '>=12'} + + minimatch@10.2.6: + resolution: {integrity: sha512-vpLQEs+VLCr1nU0BXS07maYoFwlDAH0gngQuuttxIwutDFEMHq2blX+8vpgxDdK3J1PwjCJiep77OitTZ4Ll1A==} + engines: {node: 18 || 20 || >=22} + + minipass@7.1.3: + resolution: {integrity: sha512-tEBHqDnIoM/1rXME1zgka9g6Q2lcoCkxHLuc7ODJ5BxbP5d4c2Z5cGgtXAku59200Cx7diuHTOYfSBD8n6mm8A==} + engines: {node: '>=16 || 14 >=14.17'} + + minizlib@3.1.0: + resolution: {integrity: sha512-KZxYo1BUkWD2TVFLr0MQoM8vUUigWD3LlD83a/75BqC+4qE0Hb1Vo5v1FgcfaNXvfXzr+5EhQ6ing/CaBijTlw==} + engines: {node: '>= 18'} + + mlly@1.8.2: + resolution: {integrity: sha512-d+ObxMQFmbt10sretNDytwt85VrbkhhUA/JBGm1MPaWJ65Cl4wOgLaB1NYvJSZ0Ef03MMEU/0xpPMXUIQ29UfA==} + + mocked-exports@0.1.1: + resolution: {integrity: sha512-aF7yRQr/Q0O2/4pIXm6PZ5G+jAd7QS4Yu8m+WEeEHGnbo+7mE36CbLSDQiXYV8bVL3NfmdeqPJct0tUlnjVSnA==} + + mrmime@2.0.1: + resolution: {integrity: sha512-Y3wQdFg2Va6etvQ5I82yUhGdsKrcYox6p7FfL1LbK2J4V01F9TGlepTIhnK24t7koZibmg82KGglhA1XK5IsLQ==} + engines: {node: '>=10'} + + ms@2.1.3: + resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==} + + muggle-string@0.4.1: + resolution: {integrity: sha512-VNTrAak/KhO2i8dqqnqnAHOa3cYBwXEZe9h+D5h/1ZqFSTEFHdM65lR7RoIqq3tBBYavsOXV84NoHXZ0AkPyqQ==} + + my-bad@0.2.11: + resolution: {integrity: sha512-K1R6DRz31BR7YYaDDLRr97XWKWku3SQhHKpDgz7i/VS3O3pvphIzbJIrrEXupSEmPtZElY9UzCrDc0nWvG4HyA==} + engines: {node: '>=22.12.0'} + peerDependencies: + vite: '>=6' + peerDependenciesMeta: + vite: + optional: true + + nanoid@3.3.20: + resolution: {integrity: sha512-uKdg2G3GNCKQn9byYOpxbGqrT2fGO5KRt5J/8b3pok8rT6qxGWF6hxMyJiEYtAf+FVyYuD9hRaDqX5uPFYJ4ZQ==} + engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1} + hasBin: true + + nanotar@0.3.0: + resolution: {integrity: sha512-Kv2JYYiCzt16Kt5QwAc9BFG89xfPNBx+oQL4GQXD9nLqPkZBiNaqaCWtwnbk/q7UVsTYevvM1b0UF8zmEI4pCg==} + + nitropack@2.13.6: + resolution: {integrity: sha512-RY2hH/sy7LfzaadY7Hs+naGNyDoZTGTpuhQjIt1r+TYPk1rr/TW5w3s+nZZnHanm86wv4FwTrYnvqKgk+BmBOA==} + engines: {node: ^20.19.0 || >=22.12.0} + hasBin: true + peerDependencies: + xml2js: ^0.6.2 + peerDependenciesMeta: + xml2js: + optional: true + + node-fetch-native@1.6.7: + resolution: {integrity: sha512-g9yhqoedzIUm0nTnTqAQvueMPVOuIY16bqgAJJC8XOOubYFNwz6IER9qs0Gq2Xd0+CecCKFjtdDTMA4u4xG06Q==} + + node-fetch@2.7.0: + resolution: {integrity: sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==} + engines: {node: 4.x || >=6.0.0} + peerDependencies: + encoding: ^0.1.0 + peerDependenciesMeta: + encoding: + optional: true + + node-forge@1.4.3: + resolution: {integrity: sha512-P6wzfh6t70avmV8FrVEAd/36sOPJQ+hkaJVX1Laap9J/77m7M0eyozDvc8SwnDf4P7MP94gwbAAo0rg3YVXT+g==} + engines: {node: '>= 6.13.0'} + + node-gyp-build@4.8.4: + resolution: {integrity: sha512-LA4ZjwlnUblHVgq0oBF3Jl/6h/Nvs5fzBLwdEF4nuxnFdsfajde4WfxtJr3CaiH+F6ewcIB/q4jQ4UzPyid+CQ==} + hasBin: true + + node-mock-http@1.0.5: + resolution: {integrity: sha512-KQyt/wLjG3TAc7DOUhpqWzgd4ERxR80JOlTK5VE5R1S12IaPVN5qkj4klBce9HPG1Njuup4Sb5bljaT34lIyjw==} + + node-releases@2.0.63: + resolution: {integrity: sha512-6li2QanLsAXpIH2R6j77MzRyvOyrvdTqlKtO4CgBdHGNvN99ZZfyxszHc5o5+IZBWD5u6Hzwg83JoGXmqZNG9Q==} + engines: {node: '>=18'} + + nopt@8.1.0: + resolution: {integrity: sha512-ieGu42u/Qsa4TFktmaKEwM6MQH0pOWnaB3htzh0JRtx84+Mebc0cbZYN5bC+6WTZ4+77xrL9Pn5m7CV6VIkV7A==} + engines: {node: ^18.17.0 || >=20.5.0} + hasBin: true + + normalize-path@3.0.0: + resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==} + engines: {node: '>=0.10.0'} + + nostics@1.3.0: + resolution: {integrity: sha512-wzRsrJwNlFbqIRQt8aCeL2WE8USip/uuvGSOZV1D02CxX8ABTMbw8IywKjH7yWHETMXbWJI4OBpihg9rmz2Vyg==} + + npm-run-path@5.3.0: + resolution: {integrity: sha512-ppwTtiJZq0O/ai0z7yfudtBpWIoxM8yE6nHi1X47eFR2EWORqfbu6CnPlNsjeN683eT0qG6H/Pyf9fCcvjnnnQ==} + engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0} + + npm-run-path@6.0.0: + resolution: {integrity: sha512-9qny7Z9DsQU8Ou39ERsPU4OZQlSTP47ShQzuKZ6PRXpYLtIFgl/DEBYEXKlvcEa+9tHVcK8CF81Y2V72qaZhWA==} + engines: {node: '>=18'} + + nuxt@4.6.4: + resolution: {integrity: sha512-nxeBPQp64cw6VmxFdrShRaMC7wln0UADaD7IB59o5LlP5rZqH8ZWbzONRralQksqj62UXowJSSaDGY+94XM+Gg==} + engines: {node: ^22.22.3 || ^24.15.0 || >=26.0.0} + hasBin: true + peerDependencies: + '@parcel/watcher': ^2.1.0 + '@types/node': '>=18.12.0' + rolldown: ~1.2.1 + peerDependenciesMeta: + '@parcel/watcher': + optional: true + '@types/node': + optional: true + + object-identity@0.2.3: + resolution: {integrity: sha512-2J8Joz2Tf7aaylhqFvIUJHNgpuGR38Hh75Voq9GzTbStBxJUaOtN0K1aOd3cV5qp+ij1pMqRbPrGCGMOyX303w==} + + obug@2.2.1: + resolution: {integrity: sha512-XrsrhT5sybtKI6wakr2SPOlGZWWYbUXZ7a0jT8/QOeAPau+1X/bSegNe5YR75oJmEZQbKningirmGOEJCIk61Q==} + engines: {node: '>=12.20.0'} + + obug@3.0.0: + resolution: {integrity: sha512-5vvB5+W7ePv+p3uqxi+RcW1XAzLW0/hxt3/4X4Lc4qHudzOhmBiBwOY6DRob4WnanAEGvNcLjF+KNOufrUoEQw==} + engines: {node: '>=12.20.0'} + + ofetch@1.5.1: + resolution: {integrity: sha512-2W4oUZlVaqAPAil6FUg/difl6YhqhUR7x2eZY4bQCko22UXg3hptq9KLQdqFClV+Wu85UX7hNtdGTngi/1BxcA==} + + ohash@2.0.12: + resolution: {integrity: sha512-65S/5gk9YSsaRjcyf7Nfa6h/d3E8/1gslpXfI4W7Dxn/oap8IKRuNT5VXkLQ1YFKIEg4apRY4Pj6aiwFzrDdmw==} + + on-change@6.0.2: + resolution: {integrity: sha512-08+12qcOVEA0fS9g/VxKS27HaT94nRutUT77J2dr8zv/unzXopvhBuF8tNLWsoLQ5IgrQ6eptGeGqUYat82U1w==} + engines: {node: '>=20'} + + on-finished@2.4.2: + resolution: {integrity: sha512-ATWUv387i+nLD49EiDoOft5scf32Vsdz3ktrQJG9bi7jRFmaXTssvyvj1EmeKVVgvesbqUtvQQvaS2TpTukAZQ==} + engines: {node: '>= 0.8'} + + onetime@6.0.0: + resolution: {integrity: sha512-1FlR+gjXK7X+AsAHso35MnyN5KqGwJRi/31ft6x0M194ht7S+rWAvd7PHss9xSKMzE0asv1pyIHaJYq+BbacAQ==} + engines: {node: '>=12'} + + open@11.0.4: + resolution: {integrity: sha512-++Zlftm0kVLPmzC06t6epuWmcRMDbI4z5P3NNX979WA/k23+NtSOynEGzsVfZwguKw2mi5umVgnBlJQMwRz4Pg==} + engines: {node: '>=20'} + + oxc-walker@1.1.1: + resolution: {integrity: sha512-Hwd7dq28zu/Er99+bpWp16CGwFrhyalJh0W3JOB7XpPvgWo3MqMi2ksWGKuzzA9zt50mJ2pIUwR5lpAdZ9ACNQ==} + peerDependencies: + '@oxc-project/types': '>=0.98.0' + oxc-parser: '>=0.98.0' + rolldown: '>=1.0.0' + peerDependenciesMeta: + '@oxc-project/types': + optional: true + oxc-parser: + optional: true + rolldown: + optional: true + + package-manager-detector@1.9.0: + resolution: {integrity: sha512-zAMfbta9nPA8AKkA4WdmNAT8R8s6Dk0/xwPsqNnRidMFcLo1YkLuPDTgs2f64XdzS8vbLNnoJ+uUIkgbz7oRHA==} + + parseurl@1.3.3: + resolution: {integrity: sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==} + engines: {node: '>= 0.8'} + + path-key@3.1.1: + resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==} + engines: {node: '>=8'} + + path-key@4.0.0: + resolution: {integrity: sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==} + engines: {node: '>=12'} + + path-parse@1.0.7: + resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==} + + path-scurry@2.0.2: + resolution: {integrity: sha512-3O/iVVsJAPsOnpwWIeD+d6z/7PmqApyQePUtCndjatj/9I5LylHvt5qluFaBT3I5h3r1ejfR056c+FCv+NnNXg==} + engines: {node: 18 || 20 || >=22} + + pathe@2.0.3: + resolution: {integrity: sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==} + + perfect-debounce@2.1.0: + resolution: {integrity: sha512-LjgdTytVFXeUgtHZr9WYViYSM/g8MkcTPYDlPa3cDqMirHjKiSZPYd6DoL7pK8AJQr+uWkQvCjHNdiMqsrJs+g==} + + picocolors@1.1.1: + resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==} + + picomatch@2.3.2: + resolution: {integrity: sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==} + engines: {node: '>=8.6'} + + picomatch@4.0.7: + resolution: {integrity: sha512-qcJu88Q2IWqJsDD529JKMdwGm/dvInW4HvQnRwiH9JtihJvzGOscDtHE3x1pBKeUOTysQ8kVmLnJ2kJu7yhcGA==} + engines: {node: '>=12'} + + pkg-types@1.3.1: + resolution: {integrity: sha512-/Jm5M4RvtBFVkKWRu2BLUTNP8/M2a+UwuAX+ae4770q1qVGtfjG+WTCupoZixokjmHiry8uI+dlY8KXYV5HVVQ==} + + pkg-types@2.4.0: + resolution: {integrity: sha512-07Fys7iVx0X6TcviMOgogM1Lk33ZyqOezMnU79S+kffWqwolG/5W9V8EgQSeYCIfFTYVgssRbnH630Oa2+soBA==} + + postcss-calc@11.2.3: + resolution: {integrity: sha512-pFW3MR2a4W7uHcSGUiyQGGXZWHon83ljbNwnUJ1mRKublWQbv+3o9NiqhlV4TJfNby+U+zLY2OgiywzhA5eFqw==} + engines: {node: ^22.22.3 || ^24.15 || >=26.0} + peerDependencies: + postcss: ^8.5.29 + + postcss-value-parser@4.2.0: + resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==} + + postcss@8.5.32: + resolution: {integrity: sha512-LJlKCCAUFKOuZxipUdYw1NzIITEsPcgyOG9LkvRJvuKj/bRzbuRY0ARXvL0pWGpsZvn8jku+LMep2eU0seHp8g==} + engines: {node: ^10 || ^12 || >=14} + + powershell-utils@0.2.1: + resolution: {integrity: sha512-C+y9x90UElAddDZmV4qOx9W53B61PO7cIqWz2dQsWlwswuq4mr8NEwytdGKboYbQlGZ3awrkTeNvcZiZNHnQ8A==} + engines: {node: '>=20'} + + pretty-bytes@7.2.0: + resolution: {integrity: sha512-T2kroepGB5DRVbkN/nOpW03+VRWqdtJhZNuCW3wYk3chdPjgi4GcTBOaxWfHq1MIM0ypidxsSWbQaAiRpxnXmg==} + engines: {node: '>=20'} + + process-nextick-args@2.0.1: + resolution: {integrity: sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==} + + process@0.11.10: + resolution: {integrity: sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==} + engines: {node: '>= 0.6.0'} + + proper-lockfile@4.1.2: + resolution: {integrity: sha512-TjNPblN4BwAWMXU8s9AEz4JmQxnD1NNL7bNOY/AKUzyamc379FWASUhc/K1pL2noVb+XmZKLL68cjzLsiOAMaA==} + + quansync@0.2.11: + resolution: {integrity: sha512-AifT7QEbW9Nri4tAwR5M/uzpBuqfZf+zwaEM/QkzEjj7NBuFD2rBuy0K3dE+8wltbezDV7JMA0WfnCPYRSYbXA==} + + queue-microtask@1.2.3: + resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==} + + radix3@1.1.2: + resolution: {integrity: sha512-b484I/7b8rDEdSDKckSSBA8knMpcdsXudlE/LNL639wFoHKwLbEkQFZHWEYwDC0wa0FKUcCY+GAF73Z7wxNVFA==} + + range-parser@1.3.0: + resolution: {integrity: sha512-hek2mFQpPuI4E1BBKrSto+BU3e3x4xuarsbiwr3+lf7p44juvFMV0XFWQAP3xUyqXA4RrXLIoaSUGbSt056ZMw==} + engines: {node: '>= 0.6'} + + rc9@3.1.0: + resolution: {integrity: sha512-ufjkNVzbRHKcCOmTahZkmVsyc3W+MSk3jY03m+a7tGHkIsdVMG9l10/3HvFbWkkKzY5VFp3pkRsIo/UYgmFL7Q==} + + readable-stream@2.3.8: + resolution: {integrity: sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==} + + readable-stream@4.8.0: + resolution: {integrity: sha512-2jhTTU3Eilp/2DMT71gbcoqC35eQHasMJH0RHkYxwlxIv3+FR6Y5xAFZIwEGLxKkjZYEFlsiMNIdwUqjK2lLHQ==} + engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0} + + readdir-glob@3.0.0: + resolution: {integrity: sha512-AhNB2KgKeVJr16nK9LLZbJNWnYoT23ZrumNKFDebHBdkC8KHSqWo871JAUhoWC/RtjEVdqNMFpM6qrwRbaUqpw==} + engines: {node: '>=18'} + + readdirp@5.1.1: + resolution: {integrity: sha512-Kko+Y5XQ6fM+Ce3dq3m9YGxnacYZYl9cA1wZjaF3Vbry2L3i1qVg8+CAgNPsXRArPMUMCaOR7oa9Nqntc43JKA==} + engines: {node: '>= 20.19.0'} + + redis-errors@1.2.0: + resolution: {integrity: sha512-1qny3OExCf0UvUV/5wpYKf2YwPcOqXzkwKKSmKHiE6ZMQs5heeE/c8eXK+PNllPvmjgAbfnsbpkGZWy8cBpn9w==} + engines: {node: '>=4'} + + redis-parser@3.0.0: + resolution: {integrity: sha512-DJnGAeenTdpMEH6uAJRK/uiyEIH9WVsUmoLwzudwGJUwZPp80PDBWPHXSAGNPwNvIXAbe7MSUB1zQFugFml66A==} + engines: {node: '>=4'} + + resolve-from@5.0.0: + resolution: {integrity: sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==} + engines: {node: '>=8'} + + resolve@1.22.14: + resolution: {integrity: sha512-1ZjYvR9sbkiwC5+9QHetqW5HmA2pHRMaoupD01t2HlYnV/vydC2zPwLixhsMieSWVZt0JJRg5LVIk0Ow1D/TrA==} + engines: {node: '>= 0.4'} + hasBin: true + + retry@0.12.0: + resolution: {integrity: sha512-9LkiTwjUh6rT555DtE9rTX+BKByPfrMzEAtnlEtdEwr3Nkffwiihqe2bWADg+OQRjt9gl6ICdmB/ZFDCGAtSow==} + engines: {node: '>= 4'} + + reusify@1.1.0: + resolution: {integrity: sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==} + engines: {iojs: '>=1.0.0', node: '>=0.10.0'} + + rolldown-string@0.3.1: + resolution: {integrity: sha512-dv8GOXkYqUQdI0rsXB8hmzO95pKWSuX2eg5/JSJa9czfEVIFuKNR7ZJDfat8LlmD35RAhWY+evS7/wXXqFDfSg==} + engines: {node: '>=20.19.0'} + peerDependencies: + rolldown: '*' + peerDependenciesMeta: + rolldown: + optional: true + + rolldown@1.2.16: + resolution: {integrity: sha512-bWvlMpFKiTfDKfnK7FC2MPgPeWCf/Kpwsq49ApdW+FQaBZb6O6dZ4MAPbPUjp7hYQrw/RobqCzn64BRrQecGHw==} + engines: {node: ^20.19.0 || >=22.12.0} + hasBin: true + + rollup-plugin-visualizer@7.1.2: + resolution: {integrity: sha512-+yrEz9LJ7fxd7T0yj4GPvcKHKfJNzTzKT7FHiF3f/US+7EaWlgB8PoGbUOlobD4Al8v6TeCCl/Fgbov5FV/DaA==} + engines: {node: '>=22'} + hasBin: true + peerDependencies: + rolldown: 1.x || ^1.0.0-beta || ^1.0.0-rc + rollup: 2.x || 3.x || 4.x + peerDependenciesMeta: + rolldown: + optional: true + rollup: + optional: true + + rollup@4.67.5: + resolution: {integrity: sha512-3Ve5VH1hacCVutdpbmu/htg4kz+JCOIWgy4Q3hjHPYGHeHeIElNHJ0LcJ3rCfIsd5G7qOl5k5mwpzGMj9kdHPA==} + engines: {node: '>=18.0.0', npm: '>=8.0.0'} + hasBin: true + + rou3@0.9.2: + resolution: {integrity: sha512-3SOzvaAg8rkHrXtRjpCvCvbyO5to9oOO27Z/XqHEYXfMRVSw/qMIVdmaOk9W2lcRLtR6dlqTjo9hDeJk70QBYQ==} + + run-applescript@7.1.0: + resolution: {integrity: sha512-DPe5pVFaAsinSaV6QjQ6gdiedWDcRCbUuiQfQa2wmWV7+xC9bGulGI8+TdRmoFkAPaBXk8CrAbnlY2ISniJ47Q==} + engines: {node: '>=18'} + + run-parallel@1.2.0: + resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==} + + safe-buffer@5.1.2: + resolution: {integrity: sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==} + + safe-buffer@5.2.1: + resolution: {integrity: sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==} + + scule@1.3.0: + resolution: {integrity: sha512-6FtHJEvt+pVMIB9IBY+IcCJ6Z5f1iQnytgyfKMhDKgmzYG+TeH/wx1y3l27rshSbLiSanrR9ffZDrEsmjlQF2g==} + + semver@6.3.2: + resolution: {integrity: sha512-GYrCADwpu6yV5OAvchkQ27Z5wwMxWAEMg5NNWjyHh/5DboFFqbdbvYNIvZouQpxXyeMPoTOh0vdPYKlf0ZswdQ==} + hasBin: true + + semver@7.8.6: + resolution: {integrity: sha512-9lpSSU4Mly3mrtruwLs1eLK6+gzbzqeBFwRNjIjE+9LuDpWdYctrQlQ3ej1Ilgi7gknpsTRnPoLP8DpCHqHIJw==} + engines: {node: '>=10'} + hasBin: true + + send@1.2.1: + resolution: {integrity: sha512-1gnZf7DFcoIcajTjTwjwuDjzuz4PPcY2StKPlsGAQ1+YH20IRVrBaXSWmdjowTJ6u8Rc01PoYOGHXfP1mYcZNQ==} + engines: {node: '>= 18'} + + serialize-javascript@7.1.4: + resolution: {integrity: sha512-FqlEuoTq/zRmA4Lg6aOqyH3lCHbUtCB0bmHCeFniX2GBdDqMJM3FwdvEhlE5Pim1dlt2FfBdVPmUNNiGhhKqpw==} + engines: {node: '>=20.0.0'} + + seroval@1.7.7: + resolution: {integrity: sha512-9OdYsqMLV5RSUNNtkgr6DT2bS/ncba6AqUJx8H7epNJNa0cKNWhQtF5GLRjkF/KuAdvAuRRitWrq86K/v1S/kg==} + engines: {node: '>=20'} + + serve-placeholder@2.0.2: + resolution: {integrity: sha512-/TMG8SboeiQbZJWRlfTCqMs2DD3SZgWp0kDQePz9yUuCnDfDh/92gf7/PxGhzXTKBIPASIHxFcZndoNbp6QOLQ==} + + serve-static@2.2.1: + resolution: {integrity: sha512-xRXBn0pPqQTVQiC8wyQrKs2MOlX24zQ0POGaj0kultvoOCstBQM5yvOhAVSUwOMjQtTvsPWoNCHfPGwaaQJhTw==} + engines: {node: '>= 18'} + + setprototypeof@1.2.0: + resolution: {integrity: sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==} + + shebang-command@2.0.0: + resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==} + engines: {node: '>=8'} + + shebang-regex@3.0.0: + resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==} + engines: {node: '>=8'} + + shell-quote@1.12.0: + resolution: {integrity: sha512-PcByqNyT/38F2kDNi006HAMRJaULuBzq/FOsw3qdZvX/GA9W/jamDaRskgHjubHiftXK5sIFxLNkvrXUwcof6Q==} + engines: {node: '>= 0.4'} + + signal-exit@3.0.7: + resolution: {integrity: sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==} + + signal-exit@4.1.0: + resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==} + engines: {node: '>=14'} + + sirv@3.0.2: + resolution: {integrity: sha512-2wcC/oGxHis/BoHkkPwldgiPSYcpZK3JU28WoMVv55yHJgcZ8rlXvuG9iZggz+sU1d4bRgIGASwyWqjxu3FM0g==} + engines: {node: '>=18'} + + sisteransi@1.0.5: + resolution: {integrity: sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==} + + slash@5.1.0: + resolution: {integrity: sha512-ZA6oR3T/pEyuqwMgAKT0/hAv8oAXckzbkmR0UkUosQ+Mc4RxGoJkRmwHgHufaenlyAgE1Mxgpdcrf75y6XcnDg==} + engines: {node: '>=14.16'} + + smob@1.6.2: + resolution: {integrity: sha512-RQsvleCbF8cVHEv+xuDGaA4pOizFqJ0GgjtMSRo6oP8pnN7WsigHgVGey6aILRBKv4W2YOMHLqbKdnB6hpB9fw==} + engines: {node: '>=20.0.0'} + + source-map-js@1.2.2: + resolution: {integrity: sha512-KGj/8Y43x35aZVDtt+J4mK1hoLGHULMYfSkODJNQjNDC3oW1PqPoxMwo0pLUsWM/UEGzON/NxeHywEfNXNP3Vw==} + engines: {node: '>=0.10.0'} + + source-map-support@0.5.21: + resolution: {integrity: sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==} + + source-map@0.6.1: + resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==} + engines: {node: '>=0.10.0'} + + source-map@0.7.6: + resolution: {integrity: sha512-i5uvt8C3ikiWeNZSVZNWcfZPItFQOsYTUAOkcUPGd8DqDy1uOUikjt5dG+uRlwyvR108Fb9DOd4GvXfT0N2/uQ==} + engines: {node: '>= 12'} + + source-map@0.8.0: + resolution: {integrity: sha512-d8EqvL+k/SOXCreS/SUzg2ciyHqBBLcN/yuRjFsbvVhHTE2pgei7oAhmPM7kWFbkX6OSMQfUq4KbkF3au9lhYQ==} + engines: {node: '>= 12'} + + srvx@1.0.5: + resolution: {integrity: sha512-KvSKRpgPG/oaq3cyT614OQ2bAa7DynuGamivCZeoZzIUULOdbQz6wUtnnVuC4+DCx2Zglzo8v5gBYmWIWYhDxA==} + engines: {node: '>=20.16.0'} + hasBin: true + + srvx@1.0.8: + resolution: {integrity: sha512-ngFS/J6St4PJfHRHGjr78xkPPtbyXtdMOLNE4x/XZunEK3OhV7aGUWMHf9WTUEy6wm1U0W4okkd82ZFFWRVQTw==} + engines: {node: '>=20.16.0'} + hasBin: true + + standard-as-callback@2.1.0: + resolution: {integrity: sha512-qoRRSyROncaz1z0mvYqIE4lCd9p2R90i6GxW3uZv5ucSu8tU7B5HXUP1gG8pVZsYNVaXjk8ClXHPttLyxAL48A==} + + statuses@2.0.2: + resolution: {integrity: sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw==} + engines: {node: '>= 0.8'} + + std-env@4.3.0: + resolution: {integrity: sha512-OtU/EgQ1kIm5KwqQpBC6ZEMXrZRui11w8zgfTWp8cdO9B8OaPsbA8bTHO2P+HNo1VlUTGMVBwPhydu6poeXiag==} + + streamx@2.28.1: + resolution: {integrity: sha512-zEzXb0s5Cds7tqMH6rhZ05lcJydCWiQPEwiNngVqzsxCc962vLY4Uw+mW7od8kDH258k2Uz/JrOkdIAAhSh9VA==} + + string-width@7.2.0: + resolution: {integrity: sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==} + engines: {node: '>=18'} + + string-width@8.3.0: + resolution: {integrity: sha512-ZbmZM0JCihQN91dWnxoipT2KOEyHqEyfRXUyjuRhW8b/xnqPDoq4gWEVApTVa9db2wN8mmoikgFBbjh71+cGeQ==} + engines: {node: '>=20'} + + string_decoder@1.1.1: + resolution: {integrity: sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==} + + string_decoder@1.3.0: + resolution: {integrity: sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==} + + strip-ansi@7.2.0: + resolution: {integrity: sha512-yDPMNjp4WyfYBkHnjIRLfca1i6KMyGCtsVgoKe/z1+6vukgaENdgGBZt+ZmKPc4gavvEZ5OgHfHdrazhgNyG7w==} + engines: {node: '>=12'} + + strip-final-newline@3.0.0: + resolution: {integrity: sha512-dOESqjYr96iWYylGObzd39EuNTa5VJxyvVAEm5Jnh7KGo75V43Hk1odPQkNDyXNmUR6k+gEiDVXnjB8HJ3crXw==} + engines: {node: '>=12'} + + strip-literal@4.0.0: + resolution: {integrity: sha512-PaqAvfUZKBwc/SLmNZtHmzK+v19Z4O4eS3cKPeGvbIv/U3pnyEq4Tuw3/4v/FwfM8VQaEawsyCcOQ0P+kpwWWw==} + + structured-clone-es@2.0.1: + resolution: {integrity: sha512-10ZL5r77LhknxlP1FBiCW+VdnuWOEFLdSS2SKtjyEV+L4qP1hUEIMIZW94LC3jKxRmT/Dj7KkD1mqh/IY6lhKQ==} + + supports-color@10.2.2: + resolution: {integrity: sha512-SS+jx45GF1QjgEXQx4NJZV9ImqmO2NPz5FNsIHrsDjh2YsHnawpan7SNQ1o8NuhrbHZy9AZhIoCUiCeaW/C80g==} + engines: {node: '>=18'} + + supports-preserve-symlinks-flag@1.0.0: + resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==} + engines: {node: '>= 0.4'} + + tagged-tag@1.0.0: + resolution: {integrity: sha512-yEFYrVhod+hdNyx7g5Bnkkb0G6si8HJurOoOEgC8B/O0uXLHlaey/65KRv6cuWBNhBgHKAROVpc7QyYqE5gFng==} + engines: {node: '>=20'} + + tar-stream@3.2.2: + resolution: {integrity: sha512-+8NeqHRjQWH9nYlwo2gamAMImZCVzI4UoEgDpWorBt9OEfppiZn+uSkskzQKPWIZyji/C8fpWO7u69G0DX0tbg==} + + tar@7.5.22: + resolution: {integrity: sha512-MFO/QzvtAOmJbkhOaCTvbGcFN9L9b+JunIsDwaKljSOdcLMea3NJ1k9Usz/rjdfSXTq4dfzfeS7W4p4YOAAHeA==} + engines: {node: '>=18'} + + teex@1.0.1: + resolution: {integrity: sha512-eYE6iEI62Ni1H8oIa7KlDU6uQBtqr4Eajni3wX7rpfXD8ysFx8z0+dri+KWEPWpBsxXfxu58x/0jvTVT1ekOSg==} + + terser@5.51.2: + resolution: {integrity: sha512-bWnjSNscmuI+GJze6ZupnHP8G/cTcsJF+bXCeQknk2SHQsgbNJnLrqiH9jZ2W4STPVXH2mDKKRX3iwPhc9Cn/Q==} + engines: {node: '>=10'} + hasBin: true + + text-decoder@1.2.7: + resolution: {integrity: sha512-vlLytXkeP4xvEq2otHeJfSQIRyWxo/oZGEbXrtEEF9Hnmrdly59sUbzZ/QgyWuLYHctCHxFF4tRQZNQ9k60ExQ==} + + tiny-invariant@1.3.3: + resolution: {integrity: sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==} + + tinyclip@0.1.15: + resolution: {integrity: sha512-uo33abH+Ays0xYaDysoBt494Hb3hsEczMpcC0MwFl773pazORx4fmvKhclhR1wonUbB6vvpRsvVMwnhfqeMc+A==} + engines: {node: ^16.14.0 || >= 17.3.0} + + tinyclip@1.0.3: + resolution: {integrity: sha512-nTv2raKFMzGG6JJp0lpNDsRPdfFE6UHlu2rVEjXo8vkx1ZS3LW2CVXqIaLu8xZlu+6tbFs9V58Qc/Jmk/Ii7wA==} + engines: {node: ^16.14.0 || >= 17.3.0} + + tinyexec@1.3.1: + resolution: {integrity: sha512-GCvB3aoys96IuDFBMcTB46JOR6mdMtAToqwiW8JlWhsoh1mhHi/xn9ss/Dg7N555GiJyEt2qzoG/NHCwM6h1EA==} + engines: {node: '>=18'} + + tinyglobby@0.2.17: + resolution: {integrity: sha512-wXR/dYpcqKmfWpEdZjiKJOwCNFndD0DMnrW/cYjVGttEkBfVgcLFHoNrlj47mjOVic9yyNu65alsgF4NQyTa2g==} + engines: {node: '>=12.0.0'} + + to-regex-range@5.0.1: + resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==} + engines: {node: '>=8.0'} + + toidentifier@1.0.1: + resolution: {integrity: sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==} + engines: {node: '>=0.6'} + + totalist@3.0.1: + resolution: {integrity: sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==} + engines: {node: '>=6'} + + tr46@0.0.3: + resolution: {integrity: sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==} + + type-fest@5.10.0: + resolution: {integrity: sha512-NoSdpq/WEiAg5sjmBkmV/hfxv6HJH4NqPNrqjtSO5CwRmpsDfaf4begxW34KdJykH/l1yHtwBWQkCRdoXO8mPA==} + engines: {node: '>=20'} + + ufo@1.6.4: + resolution: {integrity: sha512-JFNbkD1Svwe0KvGi8GOeLcP4kAWQ609twvCdcHxq1oSL8svv39ZuSvajcD8B+5D0eL4+s1Is2D/O6KN3qcTeRA==} + + uint8array-extras@1.6.0: + resolution: {integrity: sha512-8iAasVS4wUx0gPLjH8Xtz2PeDzTSiy8QiLGu2DT3X5GU+egFEQhpnbtkehbAwjvDcxIERmCYcysiODFmE3Ud0Q==} + engines: {node: '>=18'} + + ultrahtml@1.7.0: + resolution: {integrity: sha512-2xRd0VHoAQE4M+vF/DvFFB7pUV0ZxTW1TLi7lHQWnF/Sb5TPeEUV/l+hxcNnGO00ZXGnR0voCMmYRKQf+rvJ2g==} + + uncrypto@0.1.3: + resolution: {integrity: sha512-Ql87qFHB3s/De2ClA9e0gsnS6zXG27SkTiSJwjCc9MebbfapQfuPzumMIUMi38ezPZVNFcHI9sUIepeQfw8J8Q==} + + unctx@2.5.0: + resolution: {integrity: sha512-p+Rz9x0R7X+CYDkT+Xg8/GhpcShTlU8n+cf9OtOEf7zEQsNcCZO1dPKNRDqvUTaq+P32PMMkxWHwfrxkqfqAYg==} + + unctx@3.0.1: + resolution: {integrity: sha512-5RAt2etv7g362RXyd33R82gm9u/kbtQlpoaOs9Bgm4E32GRMJ0xjbZyvdxUTmiuHk3V1IQb1aUNrp5IWY+JaWw==} + peerDependencies: + magic-string: '>=0.30.21' + oxc-parser: '>=0.140.0' + rolldown: ^1.1.5 + unplugin: ^3.3.0 + peerDependenciesMeta: + magic-string: + optional: true + oxc-parser: + optional: true + rolldown: + optional: true + unplugin: + optional: true + + undici@8.12.3: + resolution: {integrity: sha512-+fdndUTwBP86cVjihTp21hZHo7d6oj1c/47XPA3lL8mM0XHs+C4EkcjmgRsFnFk2f/UONGDy9ItBItmXsLOQHw==} + engines: {node: '>=22.19.0'} + + unenv@2.0.0-rc.24: + resolution: {integrity: sha512-i7qRCmY42zmCwnYlh9H2SvLEypEFGye5iRmEMKjcGi7zk9UquigRjFtTLz0TYqr0ZGLZhaMHl/foy1bZR+Cwlw==} + + unhead@3.4.3: + resolution: {integrity: sha512-0FZI/qCCyIey14CKlGMFpiQumWSatlthJy7Xvro7H3nmi/V2owkcCXG03k0GXDc2/TV1K6bvrbAwhzTRe5Nhdw==} + peerDependencies: + vite: '>=6.4.2' + peerDependenciesMeta: + vite: + optional: true + + unicorn-magic@0.3.0: + resolution: {integrity: sha512-+QBBXBCvifc56fsbuxZQ6Sic3wqqc3WWaqxs58gvJrcOuN83HGTCwz3oS5phzU9LthRNE9VrJCFCLUgHeeFnfA==} + engines: {node: '>=18'} + + unicorn-magic@0.4.1: + resolution: {integrity: sha512-lzlXPoVB0Uy/FvTaUgX39RbixYiSKoc3JSoSf01+0c2B6FR3qdYIPN7Qjo/AV7n6sqLCk0509cT3LRj1oSZ1+A==} + engines: {node: '>=20'} + + unimport@6.5.0: + resolution: {integrity: sha512-t0KLJLRbebz3f7NrQe+vy2ObeugVeM1XqI2oeYnauddmHSglYj3U6bxOJ65IbXmOFkcAGFJK2OyGH7aqHPM6Ug==} + engines: {node: '>=18.12.0'} + peerDependencies: + oxc-parser: '*' + rolldown: ^1.0.0 + peerDependenciesMeta: + oxc-parser: + optional: true + rolldown: + optional: true + + unimport@7.0.2: + resolution: {integrity: sha512-5yrZs6kHyx5h1ZgeLxK0EgS/JL7Uhwv9HgzQImW8JccGmbYWyXx7Jc4YhU5+sd1Yk31PlfLQhfbZ1oigXipo3A==} + engines: {node: '>=18.12.0'} + peerDependencies: + acorn: ^8.0.0 + oxc-parser: '*' + rolldown: ^1.0.0 + peerDependenciesMeta: + acorn: + optional: true + oxc-parser: + optional: true + rolldown: + optional: true + + unplugin-utils@0.3.2: + resolution: {integrity: sha512-xVToRh2CTmLk2HnEG7ac4rl1MJTT3RFkpS8B++/SnB0kXvuaavD+n3m/vrzyWQOdJNSZQACnbz01pnppbwV5BA==} + engines: {node: '>=20.19.0'} + + unplugin@2.3.11: + resolution: {integrity: sha512-5uKD0nqiYVzlmCRs01Fhs2BdkEgBS3SAVP6ndrBsuK42iC2+JHyxM05Rm9G8+5mkmRtzMZGY8Ct5+mliZxU/Ww==} + engines: {node: '>=18.12.0'} + + unplugin@3.7.0: + resolution: {integrity: sha512-GrM2uq3DQo3hvLU2FjeYhooJ8BY9N6j1Fbzgx7Pta3VVJevsD3VP4dPjZkZOS0mLvN8w9zzr9OlP+31bSMyuLw==} + engines: {node: ^20.19.0 || >=22.12.0} + peerDependencies: + '@farmfe/core': '*' + '@rsbuild/core': '*' + '@rspack/core': '*' + bun-types-no-globals: '*' + esbuild: '*' + rolldown: '*' + rollup: '*' + unloader: '*' + vite: '*' + webpack: '*' + peerDependenciesMeta: + '@farmfe/core': + optional: true + '@rsbuild/core': + optional: true + '@rspack/core': + optional: true + bun-types-no-globals: + optional: true + esbuild: + optional: true + rolldown: + optional: true + rollup: + optional: true + unloader: + optional: true + vite: + optional: true + webpack: + optional: true + + unrouting@0.3.2: + resolution: {integrity: sha512-TwF00VzMVh6O+l5RaDxfVus9DzN38f1lksgaVzwJA5wwpYT8lCqceNzVE4w93zPuUu0A0y35dadXeCWDVNtVgA==} + + unstorage@1.17.6: + resolution: {integrity: sha512-gjKtcmn/KwZuJZO9o2sc0esAQnhmTw0LviDHwevTXbJMYs0dRTp8ZEEWXHU0vTpzbN3cA0yxlTeyXssMp3zDqw==} + peerDependencies: + '@azure/app-configuration': ^1.8.0 + '@azure/cosmos': ^4.2.0 + '@azure/data-tables': ^13.3.0 + '@azure/identity': ^4.6.0 + '@azure/keyvault-secrets': ^4.9.0 + '@azure/storage-blob': ^12.26.0 + '@capacitor/preferences': ^6 || ^7 || ^8 + '@deno/kv': '>=0.9.0' + '@netlify/blobs': ^6.5.0 || ^7.0.0 || ^8.1.0 || ^9.0.0 || ^10.0.0 || ^11.0.0 + '@planetscale/database': ^1.19.0 + '@upstash/redis': ^1.34.3 + '@vercel/blob': '>=0.27.1' + '@vercel/functions': ^2.2.12 || ^3.0.0 + '@vercel/kv': ^1 || ^2 || ^3 + aws4fetch: ^1.0.20 + db0: '>=0.2.1' + idb-keyval: ^6.2.1 + ioredis: ^5.4.2 + uploadthing: ^7.4.4 + peerDependenciesMeta: + '@azure/app-configuration': + optional: true + '@azure/cosmos': + optional: true + '@azure/data-tables': + optional: true + '@azure/identity': + optional: true + '@azure/keyvault-secrets': + optional: true + '@azure/storage-blob': + optional: true + '@capacitor/preferences': + optional: true + '@deno/kv': + optional: true + '@netlify/blobs': + optional: true + '@planetscale/database': + optional: true + '@upstash/redis': + optional: true + '@vercel/blob': + optional: true + '@vercel/functions': + optional: true + '@vercel/kv': + optional: true + aws4fetch: + optional: true + db0: + optional: true + idb-keyval: + optional: true + ioredis: + optional: true + uploadthing: + optional: true + + untun@0.2.2: + resolution: {integrity: sha512-+NnOJcSiEtYsVgJmXUzQbJeRAFXJC4yPJYuh6kF9B0Rm6zunXcs/3GZOTllyocSbUDIxD6Bj7e/4ATw7sph1Sw==} + hasBin: true + + untyped@2.0.0: + resolution: {integrity: sha512-nwNCjxJTjNuLCgFr42fEak5OcLuB3ecca+9ksPFNvtfYSLpjf+iJqSIaSnIile6ZPbKYxI5k2AfXqeopGudK/g==} + hasBin: true + + unwasm@0.5.3: + resolution: {integrity: sha512-keBgTSfp3r6+s9ZcSma+0chwxQdmLbB5+dAD9vjtB21UTMYuKAxHXCU1K2CbCtnP09EaWeRvACnXk0EJtUx+hw==} + + update-browserslist-db@1.3.4: + resolution: {integrity: sha512-t8wonIOdQyOjtPd2VktlBu6QjTVTks6v8bSi7kd0r2Vll8TK1JYDZtRRdbmCHOAMphkZgrzK+L+vXK4pyZ8t4A==} + hasBin: true + peerDependencies: + browserslist: '>= 4.21.0' + + uqr@0.1.3: + resolution: {integrity: sha512-0rjE8iEJe4YmT9TOhwsZtqCMRLc5DXZUI2UEYUUg63ikBkqqE5EYWaI0etFe/5KUcmcYwLih2RND1kq+hrUJXA==} + + util-deprecate@1.0.2: + resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==} + + verkit@0.5.0: + resolution: {integrity: sha512-u4J1hr6Y+C/hit34GwL3eIcUf3wngT8TlYUjK7tk0jxydKLAq3sYvifjdTDA6U3KCKRcQCQDGf/srjxfZF3l7g==} + engines: {node: '>=18.12.0'} + + vite-dev-rpc@2.0.0: + resolution: {integrity: sha512-yKwbTwdHKSD2k/aGqyWpPHepo45OQc8lH3/6IfT4ZqeKE26ooKvi4WIEKzqWav8v+9Is8u1k8q54hvOmqASazA==} + peerDependencies: + vite: ^2.9.0 || ^3.0.0-0 || ^4.0.0-0 || ^5.0.0-0 || ^6.0.1 || ^7.0.0-0 || ^8.0.0 + + vite-hot-client@2.2.0: + resolution: {integrity: sha512-76Zs9zrHbH7M7wqeyooGQKdX+yg0pQ0xuQ1PbFp4z5a0Lzn2e5IPFoCswnmqZ4GiwqB4Jo3WcDAMO9jARTJl8w==} + peerDependencies: + vite: ^2.6.0 || ^3.0.0 || ^4.0.0 || ^5.0.0-0 || ^6.0.0-0 || ^7.0.0-0 || ^8.0.0 + + vite-node@6.0.0: + resolution: {integrity: sha512-oj4PVrT+pDh6GYf5wfUXkcZyekYS8kKPfLPXVl8qe324Ec6l4K2DUKNadRbZ3LQl0qGcDz+PyOo7ZAh00Y+JjQ==} + engines: {node: ^20.19.0 || >=22.12.0} + hasBin: true + + vite-plugin-checker@0.14.5: + resolution: {integrity: sha512-c9lQ92eisUO+F7Fd93aelojmiOS+NQpPgQ1XR2LTQHox1/laZf4yAoQj+L3RA9Vgh10e2nFd9b8r2LLyYZsbpA==} + engines: {node: '>=20.19.0'} + peerDependencies: + '@biomejs/biome': '>=2.4.12' + eslint: '>=9.39.4' + meow: ^13.2.0 || ^14.0.0 + optionator: ^0.9.4 + oxlint: '>=1' + stylelint: '>=16.26.1' + typescript: '*' + vite: '>=5.4.21' + vue-tsc: ~2.2.10 || ^3.0.0 + peerDependenciesMeta: + '@biomejs/biome': + optional: true + eslint: + optional: true + meow: + optional: true + optionator: + optional: true + oxlint: + optional: true + stylelint: + optional: true + typescript: + optional: true + vue-tsc: + optional: true + + vite-plugin-inspect@11.4.1: + resolution: {integrity: sha512-ShOFe2PURXGvRS5OrgmOLZOCwDTD7dEBVt0tMpFPKb9AsvqXKCRGM8QgKrUbRbJYFXScHvDPpGRd28rYidC0tA==} + engines: {node: '>=14'} + peerDependencies: + '@nuxt/kit': '*' + vite: ^6.0.0 || ^7.0.0-0 || ^8.0.0-0 + peerDependenciesMeta: + '@nuxt/kit': + optional: true + + vite-plugin-vue-tracer@1.7.0: + resolution: {integrity: sha512-VQ4O/peDNclgOKKnlaifdNIlIVq3RXwkNjaLa5A219x4hcA7OQWhEH7xv2DC7buo1a7dgtMK/b/9AwgUWLKZqg==} + peerDependencies: + vite: ^6.0.0 || ^7.0.0 || ^8.0.0-0 + vue: ^3.5.0 + + vite@8.3.6: + resolution: {integrity: sha512-UI7dK29NnS54Fk+mmo7o+jI6U8Fp7hDl+X5Q1k45WH+d4dSlbLVUETGQ+hfkNgvLQGyoElPj837nZyv4MBc0VA==} + engines: {node: ^20.19.0 || >=22.12.0} + hasBin: true + peerDependencies: + '@types/node': ^20.19.0 || >=22.12.0 + '@vitejs/devtools': ^0.7.1 || ^0.8.0 + esbuild: ^0.27.0 || ^0.28.0 + jiti: '>=1.21.0' + less: ^4.0.0 + sass: ^1.70.0 + sass-embedded: ^1.70.0 + stylus: '>=0.54.8' + sugarss: ^5.0.0 + terser: ^5.16.0 + tsx: ^4.8.1 + yaml: ^2.4.2 + peerDependenciesMeta: + '@types/node': + optional: true + '@vitejs/devtools': + optional: true + esbuild: + optional: true + jiti: + optional: true + less: + optional: true + sass: + optional: true + sass-embedded: + optional: true + stylus: + optional: true + sugarss: + optional: true + terser: + optional: true + tsx: + optional: true + yaml: + optional: true + + vue-bundle-renderer@2.4.0: + resolution: {integrity: sha512-IxHopQZgzTGBiuGERrQrAS7Lr3dCv+qxvgirEgCUFGAD4gYNfiaGYzC1DDojeZmJAmehp9gG8+17PGuVP6Ab2Q==} + + vue-component-type-helpers@3.3.14: + resolution: {integrity: sha512-Pq3+OnbCiPCHk0R7KSZrx+j/XXaUn2kSQ1epxq60w8CPbByLjC1EJgV51n4WY851sTXUVzsNMuitywdkdVyKjA==} + + vue-devtools-stub@0.1.0: + resolution: {integrity: sha512-RutnB7X8c5hjq39NceArgXg28WZtZpGc3+J16ljMiYnFhKvd8hITxSWQSQ5bvldxMDU6gG5mkxl1MTQLXckVSQ==} + + vue-router@5.1.0: + resolution: {integrity: sha512-HAbiLzLEHQwxPgvsbOJDAwtavszEgLwri6XfyrsPECIFez8+59xc9LofWVdc/HEaSRT822lJ8H9Ns38VVond5g==} + peerDependencies: + '@pinia/colada': '>=0.21.2' + '@vue/compiler-sfc': ^3.5.34 + pinia: ^3.0.4 + vite: ^7.0.0 || ^8.0.0 + vue: ^3.5.34 + peerDependenciesMeta: + '@pinia/colada': + optional: true + '@vue/compiler-sfc': + optional: true + pinia: + optional: true + vite: + optional: true + + vue-router@5.4.0: + resolution: {integrity: sha512-pFvcYcxinDHjZUlf7AzFBrT8r8Xqvv4uMHoJnjc+EqPawXQvHTkF8S4tfSmQLpriVHUGfkaKlI7Et0KRjTMTdw==} + peerDependencies: + '@pinia/colada': '>=0.21.2' + '@vue/compiler-sfc': ^3.5.34 || ^4.0.0 + pinia: ^3.0.4 || ^4.0.2 + vite: ^7.3.0 || ^8.0.0 + vue: ^3.5.34 || ^4.0.0 + peerDependenciesMeta: + '@pinia/colada': + optional: true + '@vue/compiler-sfc': + optional: true + pinia: + optional: true + vite: + optional: true + + vue@3.5.44: + resolution: {integrity: sha512-dvvmaOCG7lAMkJTPqPwWeGMsPS6DIsFsfZDUgBp9V6mHf9b3+/wyVwYR4Es+WV6uJC0FKRxp81Obcq0ZwUcGFQ==} + peerDependencies: + typescript: '*' + peerDependenciesMeta: + typescript: + optional: true + + webidl-conversions@3.0.1: + resolution: {integrity: sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==} + + webpack-virtual-modules@0.6.2: + resolution: {integrity: sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==} + + whatwg-url@5.0.0: + resolution: {integrity: sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==} + + which@2.0.2: + resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==} + engines: {node: '>= 8'} + hasBin: true + + which@6.0.1: + resolution: {integrity: sha512-oGLe46MIrCRqX7ytPUf66EAYvdeMIZYn3WaocqqKZAxrBpkqHfL/qvTyJ/bTk5+AqHCjXmrv3CEWgy368zhRUg==} + engines: {node: ^20.17.0 || >=22.9.0} + hasBin: true + + wrap-ansi@9.0.2: + resolution: {integrity: sha512-42AtmgqjV+X1VpdOfyTGOYRi0/zsoLqtXQckTmqTeybT+BDIbM/Guxo7x3pE2vtpr1ok6xRqM9OpBe+Jyoqyww==} + engines: {node: '>=18'} + + ws@8.22.1: + resolution: {integrity: sha512-oyL6OPYme/CmiFvNuGzeoxCJ4nOrZE2O1FwM9MWM1AsGri6nLXB2pg+lNA8aLeXMSav0J6eIVS1j6vUPzUtK9g==} + engines: {node: '>=10.0.0'} + peerDependencies: + bufferutil: ^4.0.1 + utf-8-validate: '>=5.0.2' + peerDependenciesMeta: + bufferutil: + optional: true + utf-8-validate: + optional: true + + wsl-utils@1.0.1: + resolution: {integrity: sha512-c16PKLIRxBYpR3jSWsdS7SFp0COm5SOQdiFjY818dYFHJbMGuLBszpF07LBWmOS1uzrHa9VGdynsEgoeKy0oOQ==} + engines: {node: '>=20'} + + y18n@5.0.8: + resolution: {integrity: sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==} + engines: {node: '>=10'} + + yallist@3.1.1: + resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==} + + yallist@5.0.0: + resolution: {integrity: sha512-YgvUTfwqyc7UXVMrB+SImsVYSmTS8X/tSrtdNZMImM+n7+QTriRXyXim0mBrTXNeqzVF0KWGgHPeiyViFFrNDw==} + engines: {node: '>=18'} + + yaml@2.9.1: + resolution: {integrity: sha512-3NxN8+78OdzbT7C/WjGsyfPAtJaN3FNDsWxv7Y7mcDsT/oOmgW8BpyQQFFBnvZE3j9Y2Sdz1ULFLezL7Eb2yFw==} + engines: {node: '>= 14.6'} + hasBin: true + + yargs-parser@22.0.0: + resolution: {integrity: sha512-rwu/ClNdSMpkSrUb+d6BRsSkLUq1fmfsY6TOpYzTwvwkg1/NRG85KBy3kq++A8LKQwX6lsu+aWad+2khvuXrqw==} + engines: {node: ^20.19.0 || ^22.12.0 || >=23} + + yargs@18.2.0: + resolution: {integrity: sha512-9OpKOLeaoNFecEp7P6iYbzze/5CqWoH7N3SMs/6y1XF4nMvFMspEGZzJ6uFi9MmQwXhyzqYoSEKO3tvA3Z/o2w==} + engines: {node: ^20.19.0 || ^22.12.0 || >=23} + + youch-core@0.3.3: + resolution: {integrity: sha512-ho7XuGjLaJ2hWHoK8yFnsUGy2Y5uDpqSTq1FkHLK4/oqKtyUU1AFbOOxY4IpC9f0fTLjwYbslUz0Po5BpD1wrA==} + + youch@4.1.1: + resolution: {integrity: sha512-mxW3qiSnl+GRxXsaUMzv2Mbada1Y8CDltET9UxejDQe6DBYlSekghl5U5K0ReAikcHDi0G1vKZEmmo/NWAGKLA==} + + zip-stream@7.0.5: + resolution: {integrity: sha512-dSvYKdvLsAHCDqPOhIwk/q5CvuWtTB3Dgpoe0uVEFjTzIOAmsQpprX25InCvrvJsirEbu1OHyy67n/kAj1Sw/w==} + engines: {node: '>=18'} + +snapshots: + + '@babel/code-frame@7.29.7': + dependencies: + '@babel/helper-validator-identifier': 7.29.7 + js-tokens: 4.0.0 + picocolors: 1.1.1 + + '@babel/compat-data@7.29.7': {} + + '@babel/core@7.29.13': + dependencies: + '@babel/code-frame': 7.29.7 + '@babel/generator': 7.29.13 + '@babel/helper-compilation-targets': 7.29.13 + '@babel/helper-module-transforms': 7.29.13(@babel/core@7.29.13) + '@babel/helpers': 7.29.13 + '@babel/parser': 7.29.13 + '@babel/template': 7.29.7 + '@babel/traverse': 7.29.13 + '@babel/types': 7.29.11 + '@jridgewell/remapping': 2.3.5 + convert-source-map: 2.0.0 + debug: 4.4.3 + gensync: 1.0.0-beta.2 + json5: 2.2.3 + semver: 6.3.2 + transitivePeerDependencies: + - supports-color + + '@babel/generator@7.29.13': + dependencies: + '@babel/parser': 7.29.13 + '@babel/types': 7.29.11 + '@jridgewell/gen-mapping': 0.3.13 + '@jridgewell/trace-mapping': 0.3.31 + jsesc: 3.1.0 + + '@babel/generator@8.1.0': + dependencies: + '@babel/parser': 8.1.0 + '@babel/types': 8.1.0 + '@jridgewell/gen-mapping': 0.4.0-beta.0 + '@jridgewell/trace-mapping': 0.3.31 + '@types/jsesc': 2.5.1 + jsesc: 3.1.0 + + '@babel/helper-annotate-as-pure@7.29.7': + dependencies: + '@babel/types': 7.29.11 + + '@babel/helper-compilation-targets@7.29.13': + dependencies: + '@babel/compat-data': 7.29.7 + '@babel/helper-validator-option': 7.29.7 + browserslist: 4.29.5 + lru-cache: 5.1.1 + semver: 6.3.2 + + '@babel/helper-create-class-features-plugin@7.29.13(@babel/core@7.29.13)': + dependencies: + '@babel/core': 7.29.13 + '@babel/helper-annotate-as-pure': 7.29.7 + '@babel/helper-member-expression-to-functions': 7.29.7 + '@babel/helper-optimise-call-expression': 7.29.7 + '@babel/helper-replace-supers': 7.29.7(@babel/core@7.29.13) + '@babel/helper-skip-transparent-expression-wrappers': 7.29.13 + '@babel/traverse': 7.29.13 + semver: 6.3.2 + transitivePeerDependencies: + - supports-color + + '@babel/helper-globals@7.29.7': {} + + '@babel/helper-member-expression-to-functions@7.29.7': + dependencies: + '@babel/traverse': 7.29.13 + '@babel/types': 7.29.11 + transitivePeerDependencies: + - supports-color + + '@babel/helper-module-imports@7.29.7': + dependencies: + '@babel/traverse': 7.29.13 + '@babel/types': 7.29.11 + transitivePeerDependencies: + - supports-color + + '@babel/helper-module-transforms@7.29.13(@babel/core@7.29.13)': + dependencies: + '@babel/core': 7.29.13 + '@babel/helper-module-imports': 7.29.7 + '@babel/helper-validator-identifier': 7.29.7 + '@babel/traverse': 7.29.13 + transitivePeerDependencies: + - supports-color + + '@babel/helper-optimise-call-expression@7.29.7': + dependencies: + '@babel/types': 7.29.11 + + '@babel/helper-plugin-utils@7.29.7': {} + + '@babel/helper-replace-supers@7.29.7(@babel/core@7.29.13)': + dependencies: + '@babel/core': 7.29.13 + '@babel/helper-member-expression-to-functions': 7.29.7 + '@babel/helper-optimise-call-expression': 7.29.7 + '@babel/traverse': 7.29.13 + transitivePeerDependencies: + - supports-color + + '@babel/helper-skip-transparent-expression-wrappers@7.29.13': + dependencies: + '@babel/traverse': 7.29.13 + '@babel/types': 7.29.11 + transitivePeerDependencies: + - supports-color + + '@babel/helper-string-parser@7.29.13': {} + + '@babel/helper-string-parser@8.0.8': {} + + '@babel/helper-validator-identifier@7.29.7': {} + + '@babel/helper-validator-identifier@8.0.6': {} + + '@babel/helper-validator-option@7.29.7': {} + + '@babel/helpers@7.29.13': + dependencies: + '@babel/template': 7.29.7 + '@babel/types': 7.29.11 + + '@babel/parser@7.29.13': + dependencies: + '@babel/types': 7.29.11 + + '@babel/parser@8.1.0': + dependencies: + '@babel/types': 8.1.0 + + '@babel/plugin-syntax-jsx@7.29.7(@babel/core@7.29.13)': + dependencies: + '@babel/core': 7.29.13 + '@babel/helper-plugin-utils': 7.29.7 + + '@babel/plugin-syntax-typescript@7.29.7(@babel/core@7.29.13)': + dependencies: + '@babel/core': 7.29.13 + '@babel/helper-plugin-utils': 7.29.7 + + '@babel/plugin-transform-typescript@7.29.9(@babel/core@7.29.13)': + dependencies: + '@babel/core': 7.29.13 + '@babel/helper-annotate-as-pure': 7.29.7 + '@babel/helper-create-class-features-plugin': 7.29.13(@babel/core@7.29.13) + '@babel/helper-plugin-utils': 7.29.7 + '@babel/helper-skip-transparent-expression-wrappers': 7.29.13 + '@babel/plugin-syntax-typescript': 7.29.7(@babel/core@7.29.13) + transitivePeerDependencies: + - supports-color + + '@babel/template@7.29.7': + dependencies: + '@babel/code-frame': 7.29.7 + '@babel/parser': 7.29.13 + '@babel/types': 7.29.11 + + '@babel/traverse@7.29.13': + dependencies: + '@babel/code-frame': 7.29.7 + '@babel/generator': 7.29.13 + '@babel/helper-globals': 7.29.7 + '@babel/parser': 7.29.13 + '@babel/template': 7.29.7 + '@babel/types': 7.29.11 + debug: 4.4.3 + transitivePeerDependencies: + - supports-color + + '@babel/types@7.29.11': + dependencies: + '@babel/helper-string-parser': 7.29.13 + '@babel/helper-validator-identifier': 7.29.7 + + '@babel/types@8.1.0': + dependencies: + '@babel/helper-string-parser': 8.0.8 + '@babel/helper-validator-identifier': 8.0.6 + + '@clack/core@1.5.1': + dependencies: + fast-wrap-ansi: 0.2.2 + sisteransi: 1.0.5 + + '@clack/prompts@1.8.1': + dependencies: + '@clack/core': 1.5.1 + fast-string-width: 3.0.2 + fast-wrap-ansi: 0.2.2 + sisteransi: 1.0.5 + + '@cloudflare/kv-asset-handler@0.4.2': {} + + '@colordx/core@7.3.0': {} + + '@csstools/css-tokenizer@4.0.2': {} + + '@dxup/nuxt@0.5.10(@nuxt/schema@4.6.4)(confbox@0.3.2)(dotenv@17.4.2)(esbuild@0.28.2)(giget@3.3.1)(jiti@2.7.0)(mlly@1.8.2)(rolldown@1.2.16)(rollup@4.67.5)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1))': + dependencies: + '@dxup/unimport': 0.1.2 + '@nuxt/kit': 4.6.4(@nuxt/schema@4.6.4)(confbox@0.3.2)(dotenv@17.4.2)(giget@3.3.1)(jiti@2.7.0)(magic-string@1.4.5)(mlly@1.8.2)(rolldown@1.2.16)(unplugin@3.7.0(esbuild@0.28.2)(rolldown@1.2.16)(rollup@4.67.5)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1))) + '@vue/compiler-dom': 3.5.44 + chokidar: 5.0.0 + knitwork: 1.3.0 + magic-string: 1.4.5 + pathe: 2.0.3 + tinyglobby: 0.2.17 + unplugin: 3.7.0(esbuild@0.28.2)(rolldown@1.2.16)(rollup@4.67.5)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1)) + transitivePeerDependencies: + - '@farmfe/core' + - '@nuxt/schema' + - '@rsbuild/core' + - '@rspack/core' + - bun-types-no-globals + - confbox + - dotenv + - esbuild + - giget + - jiti + - mlly + - oxc-parser + - rolldown + - rollup + - unloader + - vite + - webpack + + '@dxup/unimport@0.1.2': {} + + '@esbuild/aix-ppc64@0.28.2': + optional: true + + '@esbuild/android-arm64@0.28.2': + optional: true + + '@esbuild/android-arm@0.28.2': + optional: true + + '@esbuild/android-x64@0.28.2': + optional: true + + '@esbuild/darwin-arm64@0.28.2': + optional: true + + '@esbuild/darwin-x64@0.28.2': + optional: true + + '@esbuild/freebsd-arm64@0.28.2': + optional: true + + '@esbuild/freebsd-x64@0.28.2': + optional: true + + '@esbuild/linux-arm64@0.28.2': + optional: true + + '@esbuild/linux-arm@0.28.2': + optional: true + + '@esbuild/linux-ia32@0.28.2': + optional: true + + '@esbuild/linux-loong64@0.28.2': + optional: true + + '@esbuild/linux-mips64el@0.28.2': + optional: true + + '@esbuild/linux-ppc64@0.28.2': + optional: true + + '@esbuild/linux-riscv64@0.28.2': + optional: true + + '@esbuild/linux-s390x@0.28.2': + optional: true + + '@esbuild/linux-x64@0.28.2': + optional: true + + '@esbuild/netbsd-arm64@0.28.2': + optional: true + + '@esbuild/netbsd-x64@0.28.2': + optional: true + + '@esbuild/openbsd-arm64@0.28.2': + optional: true + + '@esbuild/openbsd-x64@0.28.2': + optional: true + + '@esbuild/openharmony-arm64@0.28.2': + optional: true + + '@esbuild/sunos-x64@0.28.2': + optional: true + + '@esbuild/win32-arm64@0.28.2': + optional: true + + '@esbuild/win32-ia32@0.28.2': + optional: true + + '@esbuild/win32-x64@0.28.2': + optional: true + + '@ioredis/commands@1.10.0': {} + + '@isaacs/fs-minipass@4.0.1': + dependencies: + minipass: 7.1.3 + + '@jridgewell/gen-mapping@0.3.13': + dependencies: + '@jridgewell/sourcemap-codec': 1.6.0 + '@jridgewell/trace-mapping': 0.3.31 + + '@jridgewell/gen-mapping@0.4.0-beta.0': + dependencies: + '@jridgewell/sourcemap-codec': 1.6.0 + '@jridgewell/trace-mapping': 0.3.31 + + '@jridgewell/remapping@2.3.5': + dependencies: + '@jridgewell/gen-mapping': 0.3.13 + '@jridgewell/trace-mapping': 0.3.31 + + '@jridgewell/resolve-uri@3.1.2': {} + + '@jridgewell/source-map@0.3.11': + dependencies: + '@jridgewell/gen-mapping': 0.3.13 + '@jridgewell/trace-mapping': 0.3.31 + + '@jridgewell/sourcemap-codec@1.6.0': {} + + '@jridgewell/trace-mapping@0.3.31': + dependencies: + '@jridgewell/resolve-uri': 3.1.2 + '@jridgewell/sourcemap-codec': 1.6.0 + + '@lit-labs/ssr-dom-shim@1.6.0': {} + + '@lit/reactive-element@2.1.2': + dependencies: + '@lit-labs/ssr-dom-shim': 1.6.0 + + '@mapbox/node-pre-gyp@2.0.3': + dependencies: + consola: 3.4.2 + detect-libc: 2.1.2 + https-proxy-agent: 7.0.6 + node-fetch: 2.7.0 + nopt: 8.1.0 + semver: 7.8.6 + tar: 7.5.22 + transitivePeerDependencies: + - encoding + - supports-color + + '@nodelib/fs.scandir@2.1.5': + dependencies: + '@nodelib/fs.stat': 2.0.5 + run-parallel: 1.2.0 + + '@nodelib/fs.stat@2.0.5': {} + + '@nodelib/fs.walk@1.2.8': + dependencies: + '@nodelib/fs.scandir': 2.1.5 + fastq: 1.20.3 + + '@nuxt/cli@4.0.3(@nuxt/schema@4.6.4)(jiti@2.7.0)(rolldown@1.2.16)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1))': + dependencies: + '@clack/prompts': 1.8.1 + args-tokenizer: 0.3.0 + clickable-path: 0.1.1 + confbox: 0.3.2 + consola: 3.4.2 + defu: 6.1.7 + exsolve: 1.2.0 + fuzzysort: 4.0.2 + get-port-please: 3.2.0 + my-bad: 0.2.11(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1)) + obug: 3.0.0 + package-manager-detector: 1.9.0 + pathe: 2.0.3 + perfect-debounce: 2.1.0 + pkg-types: 2.4.0 + rc9: 3.1.0 + scule: 1.3.0 + srvx: 1.0.8 + std-env: 4.3.0 + tinyclip: 1.0.3 + tinyexec: 1.3.1 + uqr: 0.1.3 + verkit: 0.5.0 + optionalDependencies: + '@nuxt/schema': 4.6.4 + jiti: 2.7.0 + rolldown: 1.2.16 + transitivePeerDependencies: + - vite + + '@nuxt/devalue@2.0.2': {} + + '@nuxt/devtools-kit@3.4.4(@nuxt/schema@4.6.4)(confbox@0.3.2)(dotenv@17.4.2)(giget@3.3.1)(jiti@2.7.0)(magic-string@1.4.5)(mlly@1.8.2)(rolldown@1.2.16)(unplugin@3.7.0(esbuild@0.28.2)(rolldown@1.2.16)(rollup@4.67.5)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1)))(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1))': + dependencies: + '@nuxt/kit': 4.6.4(@nuxt/schema@4.6.4)(confbox@0.3.2)(dotenv@17.4.2)(giget@3.3.1)(jiti@2.7.0)(magic-string@1.4.5)(mlly@1.8.2)(rolldown@1.2.16)(unplugin@3.7.0(esbuild@0.28.2)(rolldown@1.2.16)(rollup@4.67.5)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1))) + execa: 8.0.1 + vite: 8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1) + transitivePeerDependencies: + - '@nuxt/schema' + - confbox + - dotenv + - giget + - jiti + - magic-string + - mlly + - oxc-parser + - rolldown + - unplugin + + '@nuxt/devtools-wizard@3.4.4': + dependencies: + '@clack/prompts': 1.8.1 + consola: 3.4.2 + diff: 9.0.0 + execa: 8.0.1 + magicast: 0.5.5 + pathe: 2.0.3 + pkg-types: 2.4.0 + semver: 7.8.6 + + '@nuxt/devtools@3.4.4(@nuxt/schema@4.6.4)(confbox@0.3.2)(db0@0.3.4)(dotenv@17.4.2)(giget@3.3.1)(ioredis@5.11.1)(jiti@2.7.0)(magic-string@1.4.5)(mlly@1.8.2)(rolldown@1.2.16)(unplugin@3.7.0(esbuild@0.28.2)(rolldown@1.2.16)(rollup@4.67.5)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1)))(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1))(vue@3.5.44)': + dependencies: + '@nuxt/devtools-kit': 3.4.4(@nuxt/schema@4.6.4)(confbox@0.3.2)(dotenv@17.4.2)(giget@3.3.1)(jiti@2.7.0)(magic-string@1.4.5)(mlly@1.8.2)(rolldown@1.2.16)(unplugin@3.7.0(esbuild@0.28.2)(rolldown@1.2.16)(rollup@4.67.5)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1)))(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1)) + '@nuxt/devtools-wizard': 3.4.4 + '@nuxt/kit': 4.6.4(@nuxt/schema@4.6.4)(confbox@0.3.2)(dotenv@17.4.2)(giget@3.3.1)(jiti@2.7.0)(magic-string@1.4.5)(mlly@1.8.2)(rolldown@1.2.16)(unplugin@3.7.0(esbuild@0.28.2)(rolldown@1.2.16)(rollup@4.67.5)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1))) + '@vue/devtools-core': 8.2.1(vue@3.5.44) + '@vue/devtools-kit': 8.2.1 + birpc: 4.2.0 + consola: 3.4.2 + destr: 2.0.5 + error-stack-parser-es: 2.0.1 + execa: 8.0.1 + fast-npm-meta: 2.2.0 + get-port-please: 3.2.0 + hookable: 6.1.2 + image-meta: 0.3.1 + is-installed-globally: 1.0.1 + launch-editor: 2.14.2 + local-pkg: 1.2.1 + magicast: 0.5.5 + ohash: 2.0.12 + package-manager-detector: 1.9.0 + pathe: 2.0.3 + perfect-debounce: 2.1.0 + pkg-types: 2.4.0 + semver: 7.8.6 + sirv: 3.0.2 + structured-clone-es: 2.0.1 + tinyexec: 1.3.1 + tinyglobby: 0.2.17 + unstorage: 1.17.6(db0@0.3.4)(ioredis@5.11.1) + vite: 8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1) + vite-plugin-inspect: 11.4.1(@nuxt/kit@4.6.4(@nuxt/schema@4.6.4)(confbox@0.3.2)(dotenv@17.4.2)(giget@3.3.1)(jiti@2.7.0)(magic-string@1.4.5)(mlly@1.8.2)(rolldown@1.2.16)(unplugin@3.7.0(esbuild@0.28.2)(rolldown@1.2.16)(rollup@4.67.5)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1))))(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1)) + vite-plugin-vue-tracer: 1.7.0(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1))(vue@3.5.44) + which: 6.0.1 + ws: 8.22.1 + transitivePeerDependencies: + - '@azure/app-configuration' + - '@azure/cosmos' + - '@azure/data-tables' + - '@azure/identity' + - '@azure/keyvault-secrets' + - '@azure/storage-blob' + - '@capacitor/preferences' + - '@deno/kv' + - '@netlify/blobs' + - '@nuxt/schema' + - '@planetscale/database' + - '@upstash/redis' + - '@vercel/blob' + - '@vercel/functions' + - '@vercel/kv' + - aws4fetch + - bufferutil + - confbox + - db0 + - dotenv + - giget + - idb-keyval + - ioredis + - jiti + - magic-string + - mlly + - oxc-parser + - rolldown + - unplugin + - uploadthing + - utf-8-validate + - vue + + '@nuxt/kit@4.6.4(@nuxt/schema@4.6.4)(confbox@0.3.2)(dotenv@17.4.2)(giget@3.3.1)(jiti@2.7.0)(magic-string@1.4.5)(mlly@1.8.2)(rolldown@1.2.16)(unplugin@3.7.0(esbuild@0.28.2)(rolldown@1.2.16)(rollup@4.67.5)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1)))': + dependencies: + consola: 3.4.2 + defu: 6.1.7 + destr: 2.0.5 + errx: 0.2.2 + exsolve: 1.2.0 + ignore: 7.0.14 + klona: 2.0.6 + microdiff: 1.6.0 + nostics: 1.3.0 + package-manager-detector: 1.9.0 + pathe: 2.0.3 + rc9: 3.1.0 + scule: 1.3.0 + std-env: 4.3.0 + tinyexec: 1.3.1 + tinyglobby: 0.2.17 + unctx: 3.0.1(magic-string@1.4.5)(rolldown@1.2.16)(unplugin@3.7.0(esbuild@0.28.2)(rolldown@1.2.16)(rollup@4.67.5)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1))) + verkit: 0.5.0 + optionalDependencies: + '@nuxt/schema': 4.6.4 + confbox: 0.3.2 + dotenv: 17.4.2 + giget: 3.3.1 + jiti: 2.7.0 + mlly: 1.8.2 + rolldown: 1.2.16 + transitivePeerDependencies: + - magic-string + - unplugin + + '@nuxt/nitro-server@4.6.4(b0daf5d2aba4c030df4d2d6898082e88)': + dependencies: + '@nuxt/kit': 4.6.4(@nuxt/schema@4.6.4)(confbox@0.3.2)(dotenv@17.4.2)(giget@3.3.1)(jiti@2.7.0)(magic-string@1.4.5)(mlly@1.8.2)(rolldown@1.2.16)(unplugin@3.7.0(esbuild@0.28.2)(rolldown@1.2.16)(rollup@4.67.5)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1))) + '@unhead/vue': 3.4.3(@oxc-project/types@0.156.0)(esbuild@0.28.2)(lightningcss@1.33.0)(rolldown@1.2.16)(rollup@4.67.5)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1))(vue@3.5.44) + consola: 3.4.2 + defu: 6.1.7 + destr: 2.0.5 + devalue: 6.0.3 + errx: 0.2.2 + escape-string-regexp: 5.0.0 + exsolve: 1.2.0 + flru: 1.0.2 + h3: 1.15.11 + impound: 1.2.1(esbuild@0.28.2)(rolldown@1.2.16)(rollup@4.67.5)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1)) + klona: 2.0.6 + mocked-exports: 0.1.1 + my-bad: 0.2.11(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1)) + nitropack: 2.13.6(bare-buffer@3.7.1)(rolldown@1.2.16)(srvx@1.0.8)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1)) + nostics: 1.3.0 + nuxt: 4.6.4(@babel/plugin-syntax-jsx@7.29.7(@babel/core@7.29.13))(@babel/plugin-syntax-typescript@7.29.7(@babel/core@7.29.13))(@oxc-project/types@0.156.0)(@vue/compiler-sfc@3.5.44)(acorn@8.19.0)(bare-buffer@3.7.1)(confbox@0.3.2)(db0@0.3.4)(dotenv@17.4.2)(esbuild@0.28.2)(giget@3.3.1)(ioredis@5.11.1)(lightningcss@1.33.0)(mlly@1.8.2)(rolldown@1.2.16)(rollup-plugin-visualizer@7.1.2(rolldown@1.2.16)(rollup@4.67.5))(rollup@4.67.5)(srvx@1.0.8)(terser@5.51.2)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1))(yaml@2.9.1) + ohash: 2.0.12 + pathe: 2.0.3 + radix3: 1.1.2 + rou3: 0.9.2 + std-env: 4.3.0 + ufo: 1.6.4 + unctx: 3.0.1(magic-string@1.4.5)(rolldown@1.2.16)(unplugin@3.7.0(esbuild@0.28.2)(rolldown@1.2.16)(rollup@4.67.5)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1))) + unrouting: 0.3.2 + unstorage: 1.17.6(db0@0.3.4)(ioredis@5.11.1) + vue: 3.5.44 + vue-bundle-renderer: 2.4.0 + vue-devtools-stub: 0.1.0 + optionalDependencies: + '@babel/plugin-syntax-typescript': 7.29.7(@babel/core@7.29.13) + transitivePeerDependencies: + - '@azure/app-configuration' + - '@azure/cosmos' + - '@azure/data-tables' + - '@azure/identity' + - '@azure/keyvault-secrets' + - '@azure/storage-blob' + - '@capacitor/preferences' + - '@deno/kv' + - '@electric-sql/pglite' + - '@farmfe/core' + - '@libsql/client' + - '@netlify/blobs' + - '@nuxt/schema' + - '@oxc-project/types' + - '@parcel/watcher' + - '@planetscale/database' + - '@rsbuild/core' + - '@rspack/core' + - '@unhead/cli' + - '@upstash/redis' + - '@vercel/blob' + - '@vercel/functions' + - '@vercel/kv' + - '@vitejs/devtools-kit' + - aws4fetch + - bare-abort-controller + - bare-buffer + - better-sqlite3 + - bun-types-no-globals + - confbox + - db0 + - dotenv + - drizzle-orm + - encoding + - esbuild + - giget + - idb-keyval + - ioredis + - jiti + - lightningcss + - magic-string + - mlly + - mysql2 + - oxc-parser + - react-native-b4a + - rolldown + - rollup + - sqlite3 + - srvx + - supports-color + - typescript + - unloader + - unplugin + - uploadthing + - vite + - webpack + - xml2js + + '@nuxt/schema@4.6.4': + dependencies: + '@vue/shared': 3.5.44 + defu: 6.1.7 + nostics: 1.3.0 + pathe: 2.0.3 + pkg-types: 2.4.0 + std-env: 4.3.0 + + '@nuxt/telemetry@2.9.1(@nuxt/kit@4.6.4(@nuxt/schema@4.6.4)(confbox@0.3.2)(dotenv@17.4.2)(giget@3.3.1)(jiti@2.7.0)(magic-string@1.4.5)(mlly@1.8.2)(rolldown@1.2.16)(unplugin@3.7.0(esbuild@0.28.2)(rolldown@1.2.16)(rollup@4.67.5)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1))))': + dependencies: + '@nuxt/kit': 4.6.4(@nuxt/schema@4.6.4)(confbox@0.3.2)(dotenv@17.4.2)(giget@3.3.1)(jiti@2.7.0)(magic-string@1.4.5)(mlly@1.8.2)(rolldown@1.2.16)(unplugin@3.7.0(esbuild@0.28.2)(rolldown@1.2.16)(rollup@4.67.5)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1))) + citty: 0.2.2 + consola: 3.4.2 + rc9: 3.1.0 + std-env: 4.3.0 + + '@nuxt/vite-builder@4.6.4(@babel/plugin-syntax-jsx@7.29.7(@babel/core@7.29.13))(@nuxt/schema@4.6.4)(confbox@0.3.2)(dotenv@17.4.2)(esbuild@0.28.2)(giget@3.3.1)(jiti@2.7.0)(magic-string@1.4.5)(mlly@1.8.2)(nuxt@4.6.4(@babel/plugin-syntax-jsx@7.29.7(@babel/core@7.29.13))(@babel/plugin-syntax-typescript@7.29.7(@babel/core@7.29.13))(@oxc-project/types@0.156.0)(@vue/compiler-sfc@3.5.44)(acorn@8.19.0)(bare-buffer@3.7.1)(confbox@0.3.2)(db0@0.3.4)(dotenv@17.4.2)(esbuild@0.28.2)(giget@3.3.1)(ioredis@5.11.1)(lightningcss@1.33.0)(mlly@1.8.2)(rolldown@1.2.16)(rollup-plugin-visualizer@7.1.2(rolldown@1.2.16)(rollup@4.67.5))(rollup@4.67.5)(srvx@1.0.8)(terser@5.51.2)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1))(yaml@2.9.1))(rolldown@1.2.16)(rollup-plugin-visualizer@7.1.2(rolldown@1.2.16)(rollup@4.67.5))(terser@5.51.2)(unplugin@3.7.0(esbuild@0.28.2)(rolldown@1.2.16)(rollup@4.67.5)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1)))(vue@3.5.44)(yaml@2.9.1)': + dependencies: + '@nuxt/kit': 4.6.4(@nuxt/schema@4.6.4)(confbox@0.3.2)(dotenv@17.4.2)(giget@3.3.1)(jiti@2.7.0)(magic-string@1.4.5)(mlly@1.8.2)(rolldown@1.2.16)(unplugin@3.7.0(esbuild@0.28.2)(rolldown@1.2.16)(rollup@4.67.5)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1))) + '@vitejs/plugin-vue': 6.0.10(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1))(vue@3.5.44) + '@vitejs/plugin-vue-jsx': 5.1.6(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1))(vue@3.5.44) + autoprefixer: 10.6.2(postcss@8.5.32) + clickable-path: 0.1.1 + consola: 3.4.2 + cssnano: 9.9.0(postcss@8.5.32) + defu: 6.1.7 + escape-string-regexp: 5.0.0 + exsolve: 1.2.0 + generic-names: 4.0.0 + get-port-please: 3.2.0 + js-tokens: 10.0.0 + knitwork: 1.3.0 + mocked-exports: 0.1.1 + my-bad: 0.2.11(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1)) + nuxt: 4.6.4(@babel/plugin-syntax-jsx@7.29.7(@babel/core@7.29.13))(@babel/plugin-syntax-typescript@7.29.7(@babel/core@7.29.13))(@oxc-project/types@0.156.0)(@vue/compiler-sfc@3.5.44)(acorn@8.19.0)(bare-buffer@3.7.1)(confbox@0.3.2)(db0@0.3.4)(dotenv@17.4.2)(esbuild@0.28.2)(giget@3.3.1)(ioredis@5.11.1)(lightningcss@1.33.0)(mlly@1.8.2)(rolldown@1.2.16)(rollup-plugin-visualizer@7.1.2(rolldown@1.2.16)(rollup@4.67.5))(rollup@4.67.5)(srvx@1.0.8)(terser@5.51.2)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1))(yaml@2.9.1) + pathe: 2.0.3 + pkg-types: 2.4.0 + postcss: 8.5.32 + rolldown-string: 0.3.1(rolldown@1.2.16) + seroval: 1.7.7 + std-env: 4.3.0 + ufo: 1.6.4 + unenv: 2.0.0-rc.24 + vite: 8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1) + vite-node: 6.0.0(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1) + vite-plugin-checker: 0.14.5(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1)) + vue: 3.5.44 + vue-bundle-renderer: 2.4.0 + optionalDependencies: + '@babel/plugin-syntax-jsx': 7.29.7(@babel/core@7.29.13) + rolldown: 1.2.16 + rollup-plugin-visualizer: 7.1.2(rolldown@1.2.16)(rollup@4.67.5) + transitivePeerDependencies: + - '@biomejs/biome' + - '@nuxt/schema' + - '@types/node' + - '@vitejs/devtools' + - confbox + - dotenv + - esbuild + - eslint + - giget + - jiti + - less + - magic-string + - meow + - mlly + - optionator + - oxc-parser + - oxlint + - sass + - sass-embedded + - stylelint + - stylus + - sugarss + - supports-color + - terser + - tsx + - typescript + - unplugin + - vue-tsc + - yaml + + '@nuxt/vite-server@4.6.4(@nuxt/schema@4.6.4)(confbox@0.3.2)(dotenv@17.4.2)(giget@3.3.1)(jiti@2.7.0)(magic-string@1.4.5)(mlly@1.8.2)(nuxt@4.6.4(@babel/plugin-syntax-jsx@7.29.7(@babel/core@7.29.13))(@babel/plugin-syntax-typescript@7.29.7(@babel/core@7.29.13))(@oxc-project/types@0.156.0)(@vue/compiler-sfc@3.5.44)(acorn@8.19.0)(bare-buffer@3.7.1)(confbox@0.3.2)(db0@0.3.4)(dotenv@17.4.2)(esbuild@0.28.2)(giget@3.3.1)(ioredis@5.11.1)(lightningcss@1.33.0)(mlly@1.8.2)(rolldown@1.2.16)(rollup-plugin-visualizer@7.1.2(rolldown@1.2.16)(rollup@4.67.5))(rollup@4.67.5)(srvx@1.0.8)(terser@5.51.2)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1))(yaml@2.9.1))(rolldown@1.2.16)(unplugin@3.7.0(esbuild@0.28.2)(rolldown@1.2.16)(rollup@4.67.5)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1)))(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1))': + dependencies: + '@nuxt/kit': 4.6.4(@nuxt/schema@4.6.4)(confbox@0.3.2)(dotenv@17.4.2)(giget@3.3.1)(jiti@2.7.0)(magic-string@1.4.5)(mlly@1.8.2)(rolldown@1.2.16)(unplugin@3.7.0(esbuild@0.28.2)(rolldown@1.2.16)(rollup@4.67.5)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1))) + clickable-path: 0.1.1 + defu: 6.1.7 + exsolve: 1.2.0 + mocked-exports: 0.1.1 + my-bad: 0.2.11(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1)) + nuxt: 4.6.4(@babel/plugin-syntax-jsx@7.29.7(@babel/core@7.29.13))(@babel/plugin-syntax-typescript@7.29.7(@babel/core@7.29.13))(@oxc-project/types@0.156.0)(@vue/compiler-sfc@3.5.44)(acorn@8.19.0)(bare-buffer@3.7.1)(confbox@0.3.2)(db0@0.3.4)(dotenv@17.4.2)(esbuild@0.28.2)(giget@3.3.1)(ioredis@5.11.1)(lightningcss@1.33.0)(mlly@1.8.2)(rolldown@1.2.16)(rollup-plugin-visualizer@7.1.2(rolldown@1.2.16)(rollup@4.67.5))(rollup@4.67.5)(srvx@1.0.8)(terser@5.51.2)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1))(yaml@2.9.1) + pathe: 2.0.3 + rou3: 0.9.2 + srvx: 1.0.5 + ufo: 1.6.4 + ultrahtml: 1.7.0 + vite: 8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1) + transitivePeerDependencies: + - '@nuxt/schema' + - confbox + - dotenv + - giget + - jiti + - magic-string + - mlly + - oxc-parser + - rolldown + - unplugin + + '@oxc-project/types@0.156.0': {} + + '@parcel/watcher-wasm@2.6.0': + dependencies: + is-glob: 4.0.3 + picomatch: 4.0.7 + + '@polka/url@1.0.0-next.29': {} + + '@poppinss/colors@4.1.6': + dependencies: + kleur: 4.1.5 + + '@poppinss/dumper@0.7.0': + dependencies: + '@poppinss/colors': 4.1.6 + '@sindresorhus/is': 7.2.0 + supports-color: 10.2.2 + + '@poppinss/exception@1.2.3': {} + + '@rolldown/binding-android-arm-eabi@1.2.16': + optional: true + + '@rolldown/binding-android-arm64@1.2.16': + optional: true + + '@rolldown/binding-darwin-arm64@1.2.16': + optional: true + + '@rolldown/binding-darwin-x64@1.2.16': + optional: true + + '@rolldown/binding-freebsd-x64@1.2.16': + optional: true + + '@rolldown/binding-linux-arm-gnueabihf@1.2.16': + optional: true + + '@rolldown/binding-linux-arm64-gnu@1.2.16': + optional: true + + '@rolldown/binding-linux-arm64-musl@1.2.16': + optional: true + + '@rolldown/binding-linux-ppc64-gnu@1.2.16': + optional: true + + '@rolldown/binding-linux-s390x-gnu@1.2.16': + optional: true + + '@rolldown/binding-linux-x64-gnu@1.2.16': + optional: true + + '@rolldown/binding-linux-x64-musl@1.2.16': + optional: true + + '@rolldown/binding-openharmony-arm64@1.2.16': + optional: true + + '@rolldown/binding-win32-arm64-msvc@1.2.16': + optional: true + + '@rolldown/binding-win32-x64-msvc@1.2.16': + optional: true + + '@rolldown/pluginutils@1.0.1': {} + + '@rollup/plugin-alias@6.0.1(rollup@4.67.5)': + optionalDependencies: + rollup: 4.67.5 + + '@rollup/plugin-commonjs@29.0.3(rollup@4.67.5)': + dependencies: + '@rollup/pluginutils': 5.5.1(rollup@4.67.5) + commondir: 1.0.1 + estree-walker: 2.0.2 + fdir: 6.5.0(picomatch@4.0.7) + is-reference: 1.2.1 + magic-string: 0.30.21 + picomatch: 4.0.7 + optionalDependencies: + rollup: 4.67.5 + + '@rollup/plugin-inject@5.0.5(rollup@4.67.5)': + dependencies: + '@rollup/pluginutils': 5.5.1(rollup@4.67.5) + estree-walker: 2.0.2 + magic-string: 0.30.21 + optionalDependencies: + rollup: 4.67.5 + + '@rollup/plugin-json@6.1.0(rollup@4.67.5)': + dependencies: + '@rollup/pluginutils': 5.5.1(rollup@4.67.5) + optionalDependencies: + rollup: 4.67.5 + + '@rollup/plugin-node-resolve@16.0.3(rollup@4.67.5)': + dependencies: + '@rollup/pluginutils': 5.5.1(rollup@4.67.5) + '@types/resolve': 1.20.2 + deepmerge: 4.3.1 + is-module: 1.0.0 + resolve: 1.22.14 + optionalDependencies: + rollup: 4.67.5 + + '@rollup/plugin-replace@6.0.3(rollup@4.67.5)': + dependencies: + '@rollup/pluginutils': 5.5.1(rollup@4.67.5) + magic-string: 0.30.21 + optionalDependencies: + rollup: 4.67.5 + + '@rollup/plugin-terser@1.0.2(rollup@4.67.5)': + dependencies: + serialize-javascript: 7.1.4 + smob: 1.6.2 + terser: 5.51.2 + optionalDependencies: + rollup: 4.67.5 + + '@rollup/pluginutils@5.5.1(rollup@4.67.5)': + dependencies: + '@types/estree': 1.0.10 + estree-walker: 2.0.2 + picomatch: 4.0.7 + optionalDependencies: + rollup: 4.67.5 + + '@rollup/rollup-android-arm-eabi@4.67.5': + optional: true + + '@rollup/rollup-android-arm64@4.67.5': + optional: true + + '@rollup/rollup-android-x64@4.67.5': + optional: true + + '@rollup/rollup-darwin-arm64@4.67.5': + optional: true + + '@rollup/rollup-darwin-x64@4.67.5': + optional: true + + '@rollup/rollup-freebsd-arm64@4.67.5': + optional: true + + '@rollup/rollup-freebsd-x64@4.67.5': + optional: true + + '@rollup/rollup-linux-arm-gnueabihf@4.67.5': + optional: true + + '@rollup/rollup-linux-arm-musleabihf@4.67.5': + optional: true + + '@rollup/rollup-linux-arm64-gnu@4.67.5': + optional: true + + '@rollup/rollup-linux-arm64-musl@4.67.5': + optional: true + + '@rollup/rollup-linux-loong64-gnu@4.67.5': + optional: true + + '@rollup/rollup-linux-loong64-musl@4.67.5': + optional: true + + '@rollup/rollup-linux-ppc64-gnu@4.67.5': + optional: true + + '@rollup/rollup-linux-ppc64-musl@4.67.5': + optional: true + + '@rollup/rollup-linux-riscv64-gnu@4.67.5': + optional: true + + '@rollup/rollup-linux-riscv64-musl@4.67.5': + optional: true + + '@rollup/rollup-linux-s390x-gnu@4.67.5': + optional: true + + '@rollup/rollup-linux-x64-gnu@4.67.5': + optional: true + + '@rollup/rollup-linux-x64-musl@4.67.5': + optional: true + + '@rollup/rollup-openbsd-x64@4.67.5': + optional: true + + '@rollup/rollup-openharmony-arm64@4.67.5': + optional: true + + '@rollup/rollup-win32-arm64-msvc@4.67.5': + optional: true + + '@rollup/rollup-win32-ia32-msvc@4.67.5': + optional: true + + '@rollup/rollup-win32-x64-gnu@4.67.5': + optional: true + + '@rollup/rollup-win32-x64-msvc@4.67.5': + optional: true + + '@sindresorhus/is@7.2.0': {} + + '@sindresorhus/merge-streams@4.0.0': {} + + '@speed-highlight/core@1.2.24': {} + + '@types/estree@1.0.10': {} + + '@types/jsesc@2.5.1': {} + + '@types/resolve@1.20.2': {} + + '@types/trusted-types@2.0.7': {} + + '@unhead/bundler@3.4.3(@oxc-project/types@0.156.0)(esbuild@0.28.2)(lightningcss@1.33.0)(rolldown@1.2.16)(rollup@4.67.5)(unhead@3.4.3(esbuild@0.28.2)(rolldown@1.2.16)(rollup@4.67.5)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1)))(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1))': + dependencies: + magic-string: 1.4.5 + oxc-walker: 1.1.1(@oxc-project/types@0.156.0)(rolldown@1.2.16) + unhead: 3.4.3(esbuild@0.28.2)(rolldown@1.2.16)(rollup@4.67.5)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1)) + unplugin: 3.7.0(esbuild@0.28.2)(rolldown@1.2.16)(rollup@4.67.5)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1)) + optionalDependencies: + esbuild: 0.28.2 + lightningcss: 1.33.0 + rolldown: 1.2.16 + vite: 8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1) + transitivePeerDependencies: + - '@farmfe/core' + - '@oxc-project/types' + - '@rsbuild/core' + - '@rspack/core' + - bun-types-no-globals + - rollup + - unloader + + '@unhead/vue@3.4.3(@oxc-project/types@0.156.0)(esbuild@0.28.2)(lightningcss@1.33.0)(rolldown@1.2.16)(rollup@4.67.5)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1))(vue@3.5.44)': + dependencies: + '@unhead/bundler': 3.4.3(@oxc-project/types@0.156.0)(esbuild@0.28.2)(lightningcss@1.33.0)(rolldown@1.2.16)(rollup@4.67.5)(unhead@3.4.3(esbuild@0.28.2)(rolldown@1.2.16)(rollup@4.67.5)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1)))(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1)) + hookable: 6.1.2 + unhead: 3.4.3(esbuild@0.28.2)(rolldown@1.2.16)(rollup@4.67.5)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1)) + unplugin: 3.7.0(esbuild@0.28.2)(rolldown@1.2.16)(rollup@4.67.5)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1)) + vue: 3.5.44 + optionalDependencies: + vite: 8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1) + transitivePeerDependencies: + - '@farmfe/core' + - '@oxc-project/types' + - '@rsbuild/core' + - '@rspack/core' + - '@unhead/cli' + - '@vitejs/devtools-kit' + - bun-types-no-globals + - esbuild + - lightningcss + - oxc-parser + - rolldown + - rollup + - unloader + + '@vercel/nft@1.11.0(rollup@4.67.5)': + dependencies: + '@mapbox/node-pre-gyp': 2.0.3 + '@rollup/pluginutils': 5.5.1(rollup@4.67.5) + acorn: 8.19.0 + acorn-import-attributes: 1.9.5(acorn@8.19.0) + async-sema: 3.1.1 + bindings: 1.5.0 + estree-walker: 2.0.2 + glob: 13.0.6 + graceful-fs: 4.2.11 + node-gyp-build: 4.8.4 + picomatch: 4.0.7 + resolve-from: 5.0.0 + transitivePeerDependencies: + - encoding + - rollup + - supports-color + + '@vitejs/plugin-vue-jsx@5.1.6(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1))(vue@3.5.44)': + dependencies: + '@babel/core': 7.29.13 + '@babel/plugin-syntax-typescript': 7.29.7(@babel/core@7.29.13) + '@babel/plugin-transform-typescript': 7.29.9(@babel/core@7.29.13) + '@rolldown/pluginutils': 1.0.1 + '@vue/babel-plugin-jsx': 2.0.1(@babel/core@7.29.13) + vite: 8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1) + vue: 3.5.44 + transitivePeerDependencies: + - supports-color + + '@vitejs/plugin-vue@6.0.10(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1))(vue@3.5.44)': + dependencies: + '@rolldown/pluginutils': 1.0.1 + vite: 8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1) + vue: 3.5.44 + + '@vue-macros/common@3.1.4(vue@3.5.44)': + dependencies: + '@vue/compiler-sfc': 3.5.44 + ast-kit: 2.2.0 + local-pkg: 1.2.1 + magic-string-ast: 1.0.3 + unplugin-utils: 0.3.2 + optionalDependencies: + vue: 3.5.44 + + '@vue/babel-helper-vue-transform-on@2.0.1': {} + + '@vue/babel-plugin-jsx@2.0.1(@babel/core@7.29.13)': + dependencies: + '@babel/helper-module-imports': 7.29.7 + '@babel/helper-plugin-utils': 7.29.7 + '@babel/plugin-syntax-jsx': 7.29.7(@babel/core@7.29.13) + '@babel/template': 7.29.7 + '@babel/traverse': 7.29.13 + '@babel/types': 7.29.11 + '@vue/babel-helper-vue-transform-on': 2.0.1 + '@vue/babel-plugin-resolve-type': 2.0.1(@babel/core@7.29.13) + '@vue/shared': 3.5.44 + optionalDependencies: + '@babel/core': 7.29.13 + transitivePeerDependencies: + - supports-color + + '@vue/babel-plugin-resolve-type@2.0.1(@babel/core@7.29.13)': + dependencies: + '@babel/code-frame': 7.29.7 + '@babel/core': 7.29.13 + '@babel/helper-module-imports': 7.29.7 + '@babel/helper-plugin-utils': 7.29.7 + '@babel/parser': 7.29.13 + '@vue/compiler-sfc': 3.5.44 + transitivePeerDependencies: + - supports-color + + '@vue/compiler-core@3.5.44': + dependencies: + '@babel/parser': 7.29.13 + '@vue/shared': 3.5.44 + entities: 7.0.1 + estree-walker: 2.0.2 + source-map-js: 1.2.2 + + '@vue/compiler-dom@3.5.44': + dependencies: + '@vue/compiler-core': 3.5.44 + '@vue/shared': 3.5.44 + + '@vue/compiler-sfc@3.5.44': + dependencies: + '@babel/parser': 7.29.13 + '@vue/compiler-core': 3.5.44 + '@vue/compiler-dom': 3.5.44 + '@vue/compiler-ssr': 3.5.44 + '@vue/shared': 3.5.44 + estree-walker: 2.0.2 + magic-string: 0.30.21 + postcss: 8.5.32 + source-map-js: 1.2.2 + + '@vue/compiler-ssr@3.5.44': + dependencies: + '@vue/compiler-dom': 3.5.44 + '@vue/shared': 3.5.44 + + '@vue/devtools-api@8.2.1': + dependencies: + '@vue/devtools-kit': 8.2.1 + + '@vue/devtools-core@8.2.1(vue@3.5.44)': + dependencies: + '@vue/devtools-kit': 8.2.1 + '@vue/devtools-shared': 8.2.1 + vue: 3.5.44 + + '@vue/devtools-kit@8.2.1': + dependencies: + '@vue/devtools-shared': 8.2.1 + birpc: 2.9.0 + hookable: 5.5.3 + perfect-debounce: 2.1.0 + + '@vue/devtools-shared@8.2.1': {} + + '@vue/reactivity@3.5.44': + dependencies: + '@vue/shared': 3.5.44 + + '@vue/runtime-core@3.5.44': + dependencies: + '@vue/reactivity': 3.5.44 + '@vue/shared': 3.5.44 + + '@vue/runtime-dom@3.5.44': + dependencies: + '@vue/reactivity': 3.5.44 + '@vue/runtime-core': 3.5.44 + '@vue/shared': 3.5.44 + csstype: 3.2.3 + + '@vue/server-renderer@3.5.44': + dependencies: + '@vue/compiler-ssr': 3.5.44 + '@vue/runtime-dom': 3.5.44 + '@vue/shared': 3.5.44 + + '@vue/shared@3.5.44': {} + + '@vypdev/ha-ui-vue@file:../pack-1/vypdev-ha-ui-vue-0.1.0-next.1.tgz(vue@3.5.44)': + dependencies: + '@vypdev/ha-ui': file:../pack-1/vypdev-ha-ui-0.1.0-next.1.tgz + vue: 3.5.44 + + '@vypdev/ha-ui@file:../pack-1/vypdev-ha-ui-0.1.0-next.1.tgz': + dependencies: + lit: 3.3.3 + + abbrev@3.0.1: {} + + abort-controller@3.0.0: + dependencies: + event-target-shim: 5.0.1 + + acorn-import-attributes@1.9.5(acorn@8.19.0): + dependencies: + acorn: 8.19.0 + + acorn@8.19.0: {} + + agent-base@7.1.4: {} + + ansi-regex@6.5.0: {} + + ansi-styles@6.2.3: {} + + ansis@4.5.0: {} + + anymatch@3.1.3: + dependencies: + normalize-path: 3.0.0 + picomatch: 2.3.2 + + archiver@8.0.0(bare-buffer@3.7.1): + dependencies: + async: 3.2.6 + buffer-crc32: 1.0.0 + is-stream: 4.0.1 + lazystream: 1.0.1 + normalize-path: 3.0.0 + readable-stream: 4.8.0 + readdir-glob: 3.0.0 + tar-stream: 3.2.2(bare-buffer@3.7.1) + zip-stream: 7.0.5 + transitivePeerDependencies: + - bare-abort-controller + - bare-buffer + - react-native-b4a + + args-tokenizer@0.3.0: {} + + ast-kit@2.2.0: + dependencies: + '@babel/parser': 7.29.13 + pathe: 2.0.3 + + ast-kit@3.0.0: + dependencies: + '@babel/parser': 8.1.0 + estree-walker: 3.0.3 + pathe: 2.0.3 + + ast-walker-scope@0.10.0: + dependencies: + '@babel/parser': 8.1.0 + '@babel/types': 8.1.0 + ast-kit: 3.0.0 + + ast-walker-scope@0.9.0: + dependencies: + '@babel/parser': 7.29.13 + '@babel/types': 7.29.11 + ast-kit: 2.2.0 + + async-sema@3.1.1: {} + + async@3.2.6: {} + + autoprefixer@10.6.2(postcss@8.5.32): + dependencies: + browserslist: 4.29.5 + caniuse-lite: 1.0.30001820 + fraction.js: 5.3.4 + picocolors: 1.1.1 + postcss: 8.5.32 + postcss-value-parser: 4.2.0 + + b4a@1.9.0: {} + + balanced-match@4.0.4: {} + + bare-buffer@3.7.1: {} + + bare-events@2.9.2: {} + + bare-fs@4.8.4(bare-buffer@3.7.1): + dependencies: + bare-events: 2.9.2 + bare-path: 3.1.2 + bare-stream: 2.13.4(bare-buffer@3.7.1)(bare-events@2.9.2) + bare-url: 2.5.6 + fast-fifo: 1.3.2 + optionalDependencies: + bare-buffer: 3.7.1 + transitivePeerDependencies: + - bare-abort-controller + - react-native-b4a + + bare-path@3.1.2: {} + + bare-stream@2.13.4(bare-buffer@3.7.1)(bare-events@2.9.2): + dependencies: + b4a: 1.9.0 + streamx: 2.28.1 + teex: 1.0.1 + optionalDependencies: + bare-buffer: 3.7.1 + bare-events: 2.9.2 + transitivePeerDependencies: + - react-native-b4a + + bare-url@2.5.6: + dependencies: + bare-buffer: 3.7.1 + bare-path: 3.1.2 + + base64-js@1.5.1: {} + + baseline-browser-mapping@2.11.35: {} + + bindings@1.5.0: + dependencies: + file-uri-to-path: 1.0.0 + + birpc@2.9.0: {} + + birpc@4.2.0: {} + + brace-expansion@5.0.12: + dependencies: + balanced-match: 4.0.4 + + braces@3.0.3: + dependencies: + fill-range: 7.1.1 + + browserslist@4.29.5: + dependencies: + baseline-browser-mapping: 2.11.35 + caniuse-lite: 1.0.30001820 + electron-to-chromium: 1.5.477 + node-releases: 2.0.63 + update-browserslist-db: 1.3.4(browserslist@4.29.5) + + buffer-crc32@1.0.0: {} + + buffer-from@1.1.2: {} + + buffer@6.0.3: + dependencies: + base64-js: 1.5.1 + ieee754: 1.2.1 + + bundle-name@4.1.1: + dependencies: + run-applescript: 7.1.0 + + c12@3.3.4(magicast@0.5.5): + dependencies: + chokidar: 5.0.0 + confbox: 0.2.4 + defu: 6.1.7 + dotenv: 17.4.2 + exsolve: 1.2.0 + giget: 3.3.1 + jiti: 2.7.0 + ohash: 2.0.12 + pathe: 2.0.3 + perfect-debounce: 2.1.0 + pkg-types: 2.4.0 + rc9: 3.1.0 + optionalDependencies: + magicast: 0.5.5 + + cac@7.1.0: {} + + caniuse-api@4.0.0: + dependencies: + browserslist: 4.29.5 + caniuse-lite: 1.0.30001820 + + caniuse-lite@1.0.30001820: {} + + chokidar@5.0.0: + dependencies: + readdirp: 5.1.1 + + chownr@3.0.0: {} + + citty@0.1.6: + dependencies: + consola: 3.4.2 + + citty@0.2.2: {} + + clickable-path@0.1.1: {} + + cliui@9.0.1: + dependencies: + string-width: 7.2.0 + strip-ansi: 7.2.0 + wrap-ansi: 9.0.2 + + cluster-key-slot@1.1.1: {} + + commander@2.20.3: {} + + commondir@1.0.1: {} + + compatx@0.2.0: {} + + compress-commons@7.0.1: + dependencies: + crc-32: 1.2.2 + crc32-stream: 7.0.1 + is-stream: 4.0.1 + normalize-path: 3.0.0 + readable-stream: 4.8.0 + + confbox@0.1.8: {} + + confbox@0.2.4: {} + + confbox@0.3.2: {} + + consola@3.4.2: {} + + convert-source-map@2.0.0: {} + + cookie-es@1.2.3: {} + + cookie-es@2.0.1: {} + + cookie-es@3.1.1: {} + + core-util-is@1.0.3: {} + + crc-32@1.2.2: {} + + crc32-stream@7.0.1: + dependencies: + crc-32: 1.2.2 + readable-stream: 4.8.0 + + croner@10.0.1: {} + + cross-spawn@7.0.6: + dependencies: + path-key: 3.1.1 + shebang-command: 2.0.0 + which: 2.0.2 + + crossws@0.3.5: + dependencies: + uncrypto: 0.1.3 + + crossws@0.4.17(srvx@1.0.8): + optionalDependencies: + srvx: 1.0.8 + + cssnano@9.9.0(postcss@8.5.32): + dependencies: + '@colordx/core': 7.3.0 + '@csstools/css-tokenizer': 4.0.2 + browserslist: 4.29.5 + caniuse-api: 4.0.0 + postcss: 8.5.32 + postcss-calc: 11.2.3(postcss@8.5.32) + + csstype@3.2.3: {} + + db0@0.3.4: {} + + debug@4.4.3: + dependencies: + ms: 2.1.3 + + deepmerge@4.3.1: {} + + default-browser-id@5.0.1: {} + + default-browser@5.5.1: + dependencies: + bundle-name: 4.1.1 + default-browser-id: 5.0.1 + + define-lazy-prop@3.0.0: {} + + defu@6.1.7: {} + + denque@2.1.0: {} + + depd@2.0.0: {} + + destr@2.0.5: {} + + detect-libc@2.1.2: {} + + devalue@6.0.3: {} + + diff@9.0.0: {} + + dot-prop@10.2.0: + dependencies: + type-fest: 5.10.0 + + dotenv@17.4.2: {} + + duplexer@0.1.2: {} + + ee-first@1.1.1: {} + + electron-to-chromium@1.5.477: {} + + emoji-regex@10.6.0: {} + + encodeurl@2.0.1: {} + + entities@7.0.1: {} + + error-stack-parser-es@1.0.5: {} + + error-stack-parser-es@2.0.1: {} + + errx@0.2.2: {} + + es-errors@1.3.0: {} + + es-module-lexer@2.3.2: {} + + es-module-lexer@3.0.4: {} + + esbuild@0.28.2: + optionalDependencies: + '@esbuild/aix-ppc64': 0.28.2 + '@esbuild/android-arm': 0.28.2 + '@esbuild/android-arm64': 0.28.2 + '@esbuild/android-x64': 0.28.2 + '@esbuild/darwin-arm64': 0.28.2 + '@esbuild/darwin-x64': 0.28.2 + '@esbuild/freebsd-arm64': 0.28.2 + '@esbuild/freebsd-x64': 0.28.2 + '@esbuild/linux-arm': 0.28.2 + '@esbuild/linux-arm64': 0.28.2 + '@esbuild/linux-ia32': 0.28.2 + '@esbuild/linux-loong64': 0.28.2 + '@esbuild/linux-mips64el': 0.28.2 + '@esbuild/linux-ppc64': 0.28.2 + '@esbuild/linux-riscv64': 0.28.2 + '@esbuild/linux-s390x': 0.28.2 + '@esbuild/linux-x64': 0.28.2 + '@esbuild/netbsd-arm64': 0.28.2 + '@esbuild/netbsd-x64': 0.28.2 + '@esbuild/openbsd-arm64': 0.28.2 + '@esbuild/openbsd-x64': 0.28.2 + '@esbuild/openharmony-arm64': 0.28.2 + '@esbuild/sunos-x64': 0.28.2 + '@esbuild/win32-arm64': 0.28.2 + '@esbuild/win32-ia32': 0.28.2 + '@esbuild/win32-x64': 0.28.2 + + escalade@3.2.0: {} + + escape-html@1.0.3: {} + + escape-string-regexp@5.0.0: {} + + estree-walker@2.0.2: {} + + estree-walker@3.0.3: + dependencies: + '@types/estree': 1.0.10 + + etag@1.8.1: {} + + event-target-shim@5.0.1: {} + + events-universal@1.0.1: + dependencies: + bare-events: 2.9.2 + transitivePeerDependencies: + - bare-abort-controller + + events@3.3.0: {} + + execa@8.0.1: + dependencies: + cross-spawn: 7.0.6 + get-stream: 8.0.1 + human-signals: 5.0.0 + is-stream: 3.0.0 + merge-stream: 2.0.0 + npm-run-path: 5.3.0 + onetime: 6.0.0 + signal-exit: 4.1.0 + strip-final-newline: 3.0.0 + + exsolve@1.2.0: {} + + fast-fifo@1.3.2: {} + + fast-glob@3.3.3: + dependencies: + '@nodelib/fs.stat': 2.0.5 + '@nodelib/fs.walk': 1.2.8 + glob-parent: 5.1.2 + merge2: 1.4.1 + micromatch: 4.0.8 + + fast-npm-meta@2.2.0: + dependencies: + cac: 7.1.0 + + fast-string-truncated-width@3.0.3: {} + + fast-string-width@3.0.2: + dependencies: + fast-string-truncated-width: 3.0.3 + + fast-wrap-ansi@0.2.2: + dependencies: + fast-string-width: 3.0.2 + + fastq@1.20.3: + dependencies: + reusify: 1.1.0 + + fdir@6.5.0(picomatch@4.0.7): + optionalDependencies: + picomatch: 4.0.7 + + fetchdts@0.2.0: {} + + file-uri-to-path@1.0.0: {} + + fill-range@7.1.1: + dependencies: + to-regex-range: 5.0.1 + + flru@1.0.2: {} + + fnv1a-64@0.1.2: {} + + fraction.js@5.3.4: {} + + fresh@2.0.0: {} + + fsevents@2.3.3: + optional: true + + function-bind@1.1.2: {} + + fuzzysort@4.0.2: {} + + generic-names@4.0.0: + dependencies: + loader-utils: 3.3.1 + + gensync@1.0.0-beta.2: {} + + get-caller-file@2.0.5: {} + + get-east-asian-width@1.7.0: {} + + get-port-please@3.2.0: {} + + get-stream@8.0.1: {} + + giget@3.3.1: {} + + glob-parent@5.1.2: + dependencies: + is-glob: 4.0.3 + + glob@13.0.6: + dependencies: + minimatch: 10.2.6 + minipass: 7.1.3 + path-scurry: 2.0.2 + + global-directory@4.0.1: + dependencies: + ini: 4.1.1 + + globby@16.2.4: + dependencies: + '@sindresorhus/merge-streams': 4.0.0 + fast-glob: 3.3.3 + ignore: 7.0.14 + is-path-inside: 4.0.0 + micromatch: 4.0.8 + slash: 5.1.0 + unicorn-magic: 0.4.1 + + graceful-fs@4.2.11: {} + + gzip-size@7.0.0: + dependencies: + duplexer: 0.1.2 + + h3@1.15.11: + dependencies: + cookie-es: 1.2.3 + crossws: 0.3.5 + defu: 6.1.7 + destr: 2.0.5 + iron-webcrypto: 1.2.1 + node-mock-http: 1.0.5 + radix3: 1.1.2 + ufo: 1.6.4 + uncrypto: 0.1.3 + + hasown@2.0.4: + dependencies: + function-bind: 1.1.2 + + hookable@5.5.3: {} + + hookable@6.1.2: {} + + http-errors@2.0.1: + dependencies: + depd: 2.0.0 + inherits: 2.0.4 + setprototypeof: 1.2.0 + statuses: 2.0.2 + toidentifier: 1.0.1 + + http-shutdown@1.2.2: {} + + https-proxy-agent@7.0.6: + dependencies: + agent-base: 7.1.4 + debug: 4.4.3 + transitivePeerDependencies: + - supports-color + + httpxy@0.5.6: {} + + human-signals@5.0.0: {} + + ieee754@1.2.1: {} + + ignore@7.0.14: {} + + image-meta@0.3.1: {} + + impound@1.2.1(esbuild@0.28.2)(rolldown@1.2.16)(rollup@4.67.5)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1)): + dependencies: + '@jridgewell/trace-mapping': 0.3.31 + es-module-lexer: 3.0.4 + pathe: 2.0.3 + unplugin: 3.7.0(esbuild@0.28.2)(rolldown@1.2.16)(rollup@4.67.5)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1)) + unplugin-utils: 0.3.2 + transitivePeerDependencies: + - '@farmfe/core' + - '@rsbuild/core' + - '@rspack/core' + - bun-types-no-globals + - esbuild + - rolldown + - rollup + - unloader + - vite + - webpack + + inherits@2.0.4: {} + + ini@4.1.1: {} + + ioredis@5.11.1: + dependencies: + '@ioredis/commands': 1.10.0 + cluster-key-slot: 1.1.1 + debug: 4.4.3 + denque: 2.1.0 + redis-errors: 1.2.0 + redis-parser: 3.0.0 + standard-as-callback: 2.1.0 + transitivePeerDependencies: + - supports-color + + iron-webcrypto@1.2.1: {} + + iron-webcrypto@2.0.0: + dependencies: + uint8array-extras: 1.6.0 + + is-core-module@2.18.0: + dependencies: + hasown: 2.0.4 + + is-docker@3.0.0: {} + + is-extglob@2.1.1: {} + + is-glob@4.0.3: + dependencies: + is-extglob: 2.1.1 + + is-in-ssh@1.0.0: {} + + is-inside-container@1.0.0: + dependencies: + is-docker: 3.0.0 + + is-installed-globally@1.0.1: + dependencies: + global-directory: 4.0.1 + is-path-inside: 4.0.0 + + is-module@1.0.0: {} + + is-number@7.0.0: {} + + is-path-inside@4.0.0: {} + + is-reference@1.2.1: + dependencies: + '@types/estree': 1.0.10 + + is-stream@3.0.0: {} + + is-stream@4.0.1: {} + + is-wsl@3.1.1: + dependencies: + is-inside-container: 1.0.0 + + isarray@1.0.0: {} + + isexe@2.0.0: {} + + isexe@4.0.0: {} + + jiti@2.7.0: {} + + js-tokens@10.0.0: {} + + js-tokens@4.0.0: {} + + jsesc@3.1.0: {} + + json5@2.2.3: {} + + kleur@4.1.5: {} + + klona@2.0.6: {} + + knitwork@1.3.0: {} + + launch-editor@2.14.2: + dependencies: + picocolors: 1.1.1 + shell-quote: 1.12.0 + + lazystream@1.0.1: + dependencies: + readable-stream: 2.3.8 + + lightningcss-android-arm64@1.33.0: + optional: true + + lightningcss-darwin-arm64@1.33.0: + optional: true + + lightningcss-darwin-x64@1.33.0: + optional: true + + lightningcss-freebsd-x64@1.33.0: + optional: true + + lightningcss-linux-arm-gnueabihf@1.33.0: + optional: true + + lightningcss-linux-arm64-gnu@1.33.0: + optional: true + + lightningcss-linux-arm64-musl@1.33.0: + optional: true + + lightningcss-linux-x64-gnu@1.33.0: + optional: true + + lightningcss-linux-x64-musl@1.33.0: + optional: true + + lightningcss-win32-arm64-msvc@1.33.0: + optional: true + + lightningcss-win32-x64-msvc@1.33.0: + optional: true + + lightningcss@1.33.0: + dependencies: + detect-libc: 2.1.2 + optionalDependencies: + lightningcss-android-arm64: 1.33.0 + lightningcss-darwin-arm64: 1.33.0 + lightningcss-darwin-x64: 1.33.0 + lightningcss-freebsd-x64: 1.33.0 + lightningcss-linux-arm-gnueabihf: 1.33.0 + lightningcss-linux-arm64-gnu: 1.33.0 + lightningcss-linux-arm64-musl: 1.33.0 + lightningcss-linux-x64-gnu: 1.33.0 + lightningcss-linux-x64-musl: 1.33.0 + lightningcss-win32-arm64-msvc: 1.33.0 + lightningcss-win32-x64-msvc: 1.33.0 + + listhen@1.10.1(srvx@1.0.8): + dependencies: + '@parcel/watcher-wasm': 2.6.0 + citty: 0.2.2 + consola: 3.4.2 + crossws: 0.4.17(srvx@1.0.8) + defu: 6.1.7 + get-port-please: 3.2.0 + h3: 1.15.11 + http-shutdown: 1.2.2 + jiti: 2.7.0 + node-forge: 1.4.3 + pathe: 2.0.3 + std-env: 4.3.0 + tinyclip: 0.1.15 + ufo: 1.6.4 + untun: 0.2.2 + uqr: 0.1.3 + transitivePeerDependencies: + - srvx + + lit-element@4.2.2: + dependencies: + '@lit-labs/ssr-dom-shim': 1.6.0 + '@lit/reactive-element': 2.1.2 + lit-html: 3.3.3 + + lit-html@3.3.3: + dependencies: + '@types/trusted-types': 2.0.7 + + lit@3.3.3: + dependencies: + '@lit/reactive-element': 2.1.2 + lit-element: 4.2.2 + lit-html: 3.3.3 + + loader-utils@3.3.1: {} + + local-pkg@1.2.1: + dependencies: + mlly: 1.8.2 + pkg-types: 2.4.0 + quansync: 0.2.11 + + lru-cache@11.5.3: {} + + lru-cache@5.1.1: + dependencies: + yallist: 3.1.1 + + magic-string-ast@1.0.3: + dependencies: + magic-string: 0.30.21 + + magic-string@0.30.21: + dependencies: + '@jridgewell/sourcemap-codec': 1.6.0 + + magic-string@1.4.5: + dependencies: + '@jridgewell/sourcemap-codec': 1.6.0 + + magicast@0.5.5: + dependencies: + '@babel/parser': 7.29.13 + '@babel/types': 7.29.11 + source-map-js: 1.2.2 + + merge-stream@2.0.0: {} + + merge2@1.4.1: {} + + microdiff@1.6.0: {} + + micromatch@4.0.8: + dependencies: + braces: 3.0.3 + picomatch: 2.3.2 + + mime-db@1.54.0: {} + + mime-types@3.0.2: + dependencies: + mime-db: 1.54.0 + + mime@4.1.2: {} + + mimic-fn@4.0.0: {} + + minimatch@10.2.6: + dependencies: + brace-expansion: 5.0.12 + + minipass@7.1.3: {} + + minizlib@3.1.0: + dependencies: + minipass: 7.1.3 + + mlly@1.8.2: + dependencies: + acorn: 8.19.0 + pathe: 2.0.3 + pkg-types: 1.3.1 + ufo: 1.6.4 + + mocked-exports@0.1.1: {} + + mrmime@2.0.1: {} + + ms@2.1.3: {} + + muggle-string@0.4.1: {} + + my-bad@0.2.11(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1)): + dependencies: + clickable-path: 0.1.1 + errx: 0.2.2 + fnv1a-64: 0.1.2 + optionalDependencies: + vite: 8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1) + + nanoid@3.3.20: {} + + nanotar@0.3.0: {} + + nitropack@2.13.6(bare-buffer@3.7.1)(rolldown@1.2.16)(srvx@1.0.8)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1)): + dependencies: + '@cloudflare/kv-asset-handler': 0.4.2 + '@rollup/plugin-alias': 6.0.1(rollup@4.67.5) + '@rollup/plugin-commonjs': 29.0.3(rollup@4.67.5) + '@rollup/plugin-inject': 5.0.5(rollup@4.67.5) + '@rollup/plugin-json': 6.1.0(rollup@4.67.5) + '@rollup/plugin-node-resolve': 16.0.3(rollup@4.67.5) + '@rollup/plugin-replace': 6.0.3(rollup@4.67.5) + '@rollup/plugin-terser': 1.0.2(rollup@4.67.5) + '@vercel/nft': 1.11.0(rollup@4.67.5) + archiver: 8.0.0(bare-buffer@3.7.1) + c12: 3.3.4(magicast@0.5.5) + chokidar: 5.0.0 + citty: 0.2.2 + compatx: 0.2.0 + confbox: 0.2.4 + consola: 3.4.2 + cookie-es: 2.0.1 + croner: 10.0.1 + crossws: 0.3.5 + db0: 0.3.4 + defu: 6.1.7 + destr: 2.0.5 + dot-prop: 10.2.0 + esbuild: 0.28.2 + escape-string-regexp: 5.0.0 + etag: 1.8.1 + exsolve: 1.2.0 + globby: 16.2.4 + gzip-size: 7.0.0 + h3: 1.15.11 + hookable: 5.5.3 + httpxy: 0.5.6 + ioredis: 5.11.1 + jiti: 2.7.0 + klona: 2.0.6 + knitwork: 1.3.0 + listhen: 1.10.1(srvx@1.0.8) + magic-string: 0.30.21 + magicast: 0.5.5 + mime: 4.1.2 + mlly: 1.8.2 + node-fetch-native: 1.6.7 + node-mock-http: 1.0.5 + ofetch: 1.5.1 + ohash: 2.0.12 + pathe: 2.0.3 + perfect-debounce: 2.1.0 + pkg-types: 2.4.0 + pretty-bytes: 7.2.0 + radix3: 1.1.2 + rollup: 4.67.5 + rollup-plugin-visualizer: 7.1.2(rolldown@1.2.16)(rollup@4.67.5) + scule: 1.3.0 + semver: 7.8.6 + serve-placeholder: 2.0.2 + serve-static: 2.2.1 + source-map: 0.7.6 + std-env: 4.3.0 + ufo: 1.6.4 + ultrahtml: 1.7.0 + uncrypto: 0.1.3 + unctx: 2.5.0 + unenv: 2.0.0-rc.24 + unimport: 6.5.0(esbuild@0.28.2)(rolldown@1.2.16)(rollup@4.67.5)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1)) + unplugin-utils: 0.3.2 + unstorage: 1.17.6(db0@0.3.4)(ioredis@5.11.1) + untyped: 2.0.0 + unwasm: 0.5.3 + youch: 4.1.1 + youch-core: 0.3.3 + transitivePeerDependencies: + - '@azure/app-configuration' + - '@azure/cosmos' + - '@azure/data-tables' + - '@azure/identity' + - '@azure/keyvault-secrets' + - '@azure/storage-blob' + - '@capacitor/preferences' + - '@deno/kv' + - '@electric-sql/pglite' + - '@farmfe/core' + - '@libsql/client' + - '@netlify/blobs' + - '@parcel/watcher' + - '@planetscale/database' + - '@rsbuild/core' + - '@rspack/core' + - '@upstash/redis' + - '@vercel/blob' + - '@vercel/functions' + - '@vercel/kv' + - aws4fetch + - bare-abort-controller + - bare-buffer + - better-sqlite3 + - bun-types-no-globals + - drizzle-orm + - encoding + - idb-keyval + - mysql2 + - oxc-parser + - react-native-b4a + - rolldown + - sqlite3 + - srvx + - supports-color + - unloader + - uploadthing + - vite + - webpack + + node-fetch-native@1.6.7: {} + + node-fetch@2.7.0: + dependencies: + whatwg-url: 5.0.0 + + node-forge@1.4.3: {} + + node-gyp-build@4.8.4: {} + + node-mock-http@1.0.5: {} + + node-releases@2.0.63: {} + + nopt@8.1.0: + dependencies: + abbrev: 3.0.1 + + normalize-path@3.0.0: {} + + nostics@1.3.0: {} + + npm-run-path@5.3.0: + dependencies: + path-key: 4.0.0 + + npm-run-path@6.0.0: + dependencies: + path-key: 4.0.0 + unicorn-magic: 0.3.0 + + nuxt@4.6.4(@babel/plugin-syntax-jsx@7.29.7(@babel/core@7.29.13))(@babel/plugin-syntax-typescript@7.29.7(@babel/core@7.29.13))(@oxc-project/types@0.156.0)(@vue/compiler-sfc@3.5.44)(acorn@8.19.0)(bare-buffer@3.7.1)(confbox@0.3.2)(db0@0.3.4)(dotenv@17.4.2)(esbuild@0.28.2)(giget@3.3.1)(ioredis@5.11.1)(lightningcss@1.33.0)(mlly@1.8.2)(rolldown@1.2.16)(rollup-plugin-visualizer@7.1.2(rolldown@1.2.16)(rollup@4.67.5))(rollup@4.67.5)(srvx@1.0.8)(terser@5.51.2)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1))(yaml@2.9.1): + dependencies: + '@dxup/nuxt': 0.5.10(@nuxt/schema@4.6.4)(confbox@0.3.2)(dotenv@17.4.2)(esbuild@0.28.2)(giget@3.3.1)(jiti@2.7.0)(mlly@1.8.2)(rolldown@1.2.16)(rollup@4.67.5)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1)) + '@jridgewell/trace-mapping': 0.3.31 + '@nuxt/cli': 4.0.3(@nuxt/schema@4.6.4)(jiti@2.7.0)(rolldown@1.2.16)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1)) + '@nuxt/devalue': 2.0.2 + '@nuxt/devtools': 3.4.4(@nuxt/schema@4.6.4)(confbox@0.3.2)(db0@0.3.4)(dotenv@17.4.2)(giget@3.3.1)(ioredis@5.11.1)(jiti@2.7.0)(magic-string@1.4.5)(mlly@1.8.2)(rolldown@1.2.16)(unplugin@3.7.0(esbuild@0.28.2)(rolldown@1.2.16)(rollup@4.67.5)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1)))(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1))(vue@3.5.44) + '@nuxt/kit': 4.6.4(@nuxt/schema@4.6.4)(confbox@0.3.2)(dotenv@17.4.2)(giget@3.3.1)(jiti@2.7.0)(magic-string@1.4.5)(mlly@1.8.2)(rolldown@1.2.16)(unplugin@3.7.0(esbuild@0.28.2)(rolldown@1.2.16)(rollup@4.67.5)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1))) + '@nuxt/nitro-server': 4.6.4(b0daf5d2aba4c030df4d2d6898082e88) + '@nuxt/schema': 4.6.4 + '@nuxt/telemetry': 2.9.1(@nuxt/kit@4.6.4(@nuxt/schema@4.6.4)(confbox@0.3.2)(dotenv@17.4.2)(giget@3.3.1)(jiti@2.7.0)(magic-string@1.4.5)(mlly@1.8.2)(rolldown@1.2.16)(unplugin@3.7.0(esbuild@0.28.2)(rolldown@1.2.16)(rollup@4.67.5)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1)))) + '@nuxt/vite-builder': 4.6.4(@babel/plugin-syntax-jsx@7.29.7(@babel/core@7.29.13))(@nuxt/schema@4.6.4)(confbox@0.3.2)(dotenv@17.4.2)(esbuild@0.28.2)(giget@3.3.1)(jiti@2.7.0)(magic-string@1.4.5)(mlly@1.8.2)(nuxt@4.6.4(@babel/plugin-syntax-jsx@7.29.7(@babel/core@7.29.13))(@babel/plugin-syntax-typescript@7.29.7(@babel/core@7.29.13))(@oxc-project/types@0.156.0)(@vue/compiler-sfc@3.5.44)(acorn@8.19.0)(bare-buffer@3.7.1)(confbox@0.3.2)(db0@0.3.4)(dotenv@17.4.2)(esbuild@0.28.2)(giget@3.3.1)(ioredis@5.11.1)(lightningcss@1.33.0)(mlly@1.8.2)(rolldown@1.2.16)(rollup-plugin-visualizer@7.1.2(rolldown@1.2.16)(rollup@4.67.5))(rollup@4.67.5)(srvx@1.0.8)(terser@5.51.2)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1))(yaml@2.9.1))(rolldown@1.2.16)(rollup-plugin-visualizer@7.1.2(rolldown@1.2.16)(rollup@4.67.5))(terser@5.51.2)(unplugin@3.7.0(esbuild@0.28.2)(rolldown@1.2.16)(rollup@4.67.5)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1)))(vue@3.5.44)(yaml@2.9.1) + '@nuxt/vite-server': 4.6.4(@nuxt/schema@4.6.4)(confbox@0.3.2)(dotenv@17.4.2)(giget@3.3.1)(jiti@2.7.0)(magic-string@1.4.5)(mlly@1.8.2)(nuxt@4.6.4(@babel/plugin-syntax-jsx@7.29.7(@babel/core@7.29.13))(@babel/plugin-syntax-typescript@7.29.7(@babel/core@7.29.13))(@oxc-project/types@0.156.0)(@vue/compiler-sfc@3.5.44)(acorn@8.19.0)(bare-buffer@3.7.1)(confbox@0.3.2)(db0@0.3.4)(dotenv@17.4.2)(esbuild@0.28.2)(giget@3.3.1)(ioredis@5.11.1)(lightningcss@1.33.0)(mlly@1.8.2)(rolldown@1.2.16)(rollup-plugin-visualizer@7.1.2(rolldown@1.2.16)(rollup@4.67.5))(rollup@4.67.5)(srvx@1.0.8)(terser@5.51.2)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1))(yaml@2.9.1))(rolldown@1.2.16)(unplugin@3.7.0(esbuild@0.28.2)(rolldown@1.2.16)(rollup@4.67.5)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1)))(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1)) + '@unhead/vue': 3.4.3(@oxc-project/types@0.156.0)(esbuild@0.28.2)(lightningcss@1.33.0)(rolldown@1.2.16)(rollup@4.67.5)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1))(vue@3.5.44) + '@vue/shared': 3.5.44 + chokidar: 5.0.0 + clickable-path: 0.1.1 + compatx: 0.2.0 + consola: 3.4.2 + cookie-es: 3.1.1 + defu: 6.1.7 + destr: 2.0.5 + devalue: 6.0.3 + errx: 0.2.2 + escape-string-regexp: 5.0.0 + exsolve: 1.2.0 + fetchdts: 0.2.0 + fnv1a-64: 0.1.2 + hookable: 6.1.2 + ignore: 7.0.14 + impound: 1.2.1(esbuild@0.28.2)(rolldown@1.2.16)(rollup@4.67.5)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1)) + iron-webcrypto: 2.0.0 + jiti: 2.7.0 + klona: 2.0.6 + knitwork: 1.3.0 + magic-string: 1.4.5 + my-bad: 0.2.11(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1)) + nanotar: 0.3.0 + nostics: 1.3.0 + object-identity: 0.2.3 + ofetch: 1.5.1 + ohash: 2.0.12 + on-change: 6.0.2 + oxc-walker: 1.1.1(@oxc-project/types@0.156.0)(rolldown@1.2.16) + pathe: 2.0.3 + perfect-debounce: 2.1.0 + picomatch: 4.0.7 + pkg-types: 2.4.0 + rolldown: 1.2.16 + rolldown-string: 0.3.1(rolldown@1.2.16) + rou3: 0.9.2 + scule: 1.3.0 + std-env: 4.3.0 + tinyglobby: 0.2.17 + ufo: 1.6.4 + ultrahtml: 1.7.0 + uncrypto: 0.1.3 + unctx: 3.0.1(magic-string@1.4.5)(rolldown@1.2.16)(unplugin@3.7.0(esbuild@0.28.2)(rolldown@1.2.16)(rollup@4.67.5)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1))) + undici: 8.12.3 + unhead: 3.4.3(esbuild@0.28.2)(rolldown@1.2.16)(rollup@4.67.5)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1)) + unimport: 7.0.2(acorn@8.19.0)(esbuild@0.28.2)(rolldown@1.2.16)(rollup@4.67.5)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1)) + unplugin: 3.7.0(esbuild@0.28.2)(rolldown@1.2.16)(rollup@4.67.5)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1)) + unrouting: 0.3.2 + untyped: 2.0.0 + verkit: 0.5.0 + vue: 3.5.44 + vue-bundle-renderer: 2.4.0 + vue-component-type-helpers: 3.3.14 + vue-router: 5.4.0(@vue/compiler-sfc@3.5.44)(esbuild@0.28.2)(rolldown@1.2.16)(rollup@4.67.5)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1))(vue@3.5.44) + transitivePeerDependencies: + - '@azure/app-configuration' + - '@azure/cosmos' + - '@azure/data-tables' + - '@azure/identity' + - '@azure/keyvault-secrets' + - '@azure/storage-blob' + - '@babel/plugin-proposal-decorators' + - '@babel/plugin-syntax-jsx' + - '@babel/plugin-syntax-typescript' + - '@biomejs/biome' + - '@capacitor/preferences' + - '@deno/kv' + - '@electric-sql/pglite' + - '@farmfe/core' + - '@libsql/client' + - '@netlify/blobs' + - '@nuxt/docs' + - '@oxc-project/types' + - '@pinia/colada' + - '@planetscale/database' + - '@rollup/plugin-babel' + - '@rsbuild/core' + - '@rspack/core' + - '@unhead/cli' + - '@upstash/redis' + - '@vercel/blob' + - '@vercel/functions' + - '@vercel/kv' + - '@vitejs/devtools' + - '@vitejs/devtools-kit' + - '@vue/compiler-sfc' + - acorn + - aws4fetch + - bare-abort-controller + - bare-buffer + - better-sqlite3 + - bufferutil + - bun-types-no-globals + - confbox + - db0 + - dotenv + - drizzle-orm + - encoding + - esbuild + - eslint + - giget + - idb-keyval + - ioredis + - less + - lightningcss + - meow + - mlly + - mysql2 + - optionator + - oxc-parser + - oxlint + - pinia + - react-native-b4a + - rollup + - rollup-plugin-visualizer + - sass + - sass-embedded + - serve + - sqlite3 + - srvx + - stylelint + - stylus + - sugarss + - supports-color + - terser + - tsx + - typescript + - unloader + - uploadthing + - utf-8-validate + - vite + - vue-tsc + - webpack + - xml2js + - yaml + + object-identity@0.2.3: {} + + obug@2.2.1: {} + + obug@3.0.0: {} + + ofetch@1.5.1: + dependencies: + destr: 2.0.5 + node-fetch-native: 1.6.7 + ufo: 1.6.4 + + ohash@2.0.12: {} + + on-change@6.0.2: {} + + on-finished@2.4.2: + dependencies: + ee-first: 1.1.1 + + onetime@6.0.0: + dependencies: + mimic-fn: 4.0.0 + + open@11.0.4: + dependencies: + default-browser: 5.5.1 + define-lazy-prop: 3.0.0 + is-in-ssh: 1.0.0 + is-inside-container: 1.0.0 + powershell-utils: 0.2.1 + wsl-utils: 1.0.1 + + oxc-walker@1.1.1(@oxc-project/types@0.156.0)(rolldown@1.2.16): + optionalDependencies: + '@oxc-project/types': 0.156.0 + rolldown: 1.2.16 + + package-manager-detector@1.9.0: {} + + parseurl@1.3.3: {} + + path-key@3.1.1: {} + + path-key@4.0.0: {} + + path-parse@1.0.7: {} + + path-scurry@2.0.2: + dependencies: + lru-cache: 11.5.3 + minipass: 7.1.3 + + pathe@2.0.3: {} + + perfect-debounce@2.1.0: {} + + picocolors@1.1.1: {} + + picomatch@2.3.2: {} + + picomatch@4.0.7: {} + + pkg-types@1.3.1: + dependencies: + confbox: 0.1.8 + mlly: 1.8.2 + pathe: 2.0.3 + + pkg-types@2.4.0: + dependencies: + confbox: 0.3.2 + exsolve: 1.2.0 + pathe: 2.0.3 + + postcss-calc@11.2.3(postcss@8.5.32): + dependencies: + '@csstools/css-tokenizer': 4.0.2 + postcss: 8.5.32 + + postcss-value-parser@4.2.0: {} + + postcss@8.5.32: + dependencies: + nanoid: 3.3.20 + picocolors: 1.1.1 + source-map-js: 1.2.2 + + powershell-utils@0.2.1: {} + + pretty-bytes@7.2.0: {} + + process-nextick-args@2.0.1: {} + + process@0.11.10: {} + + proper-lockfile@4.1.2: + dependencies: + graceful-fs: 4.2.11 + retry: 0.12.0 + signal-exit: 3.0.7 + + quansync@0.2.11: {} + + queue-microtask@1.2.3: {} + + radix3@1.1.2: {} + + range-parser@1.3.0: {} + + rc9@3.1.0: + dependencies: + defu: 6.1.7 + destr: 2.0.5 + + readable-stream@2.3.8: + dependencies: + core-util-is: 1.0.3 + inherits: 2.0.4 + isarray: 1.0.0 + process-nextick-args: 2.0.1 + safe-buffer: 5.1.2 + string_decoder: 1.1.1 + util-deprecate: 1.0.2 + + readable-stream@4.8.0: + dependencies: + abort-controller: 3.0.0 + buffer: 6.0.3 + events: 3.3.0 + process: 0.11.10 + string_decoder: 1.3.0 + + readdir-glob@3.0.0: + dependencies: + minimatch: 10.2.6 + + readdirp@5.1.1: {} + + redis-errors@1.2.0: {} + + redis-parser@3.0.0: + dependencies: + redis-errors: 1.2.0 + + resolve-from@5.0.0: {} + + resolve@1.22.14: + dependencies: + es-errors: 1.3.0 + is-core-module: 2.18.0 + path-parse: 1.0.7 + supports-preserve-symlinks-flag: 1.0.0 + + retry@0.12.0: {} + + reusify@1.1.0: {} + + rolldown-string@0.3.1(rolldown@1.2.16): + dependencies: + magic-string: 1.4.5 + optionalDependencies: + rolldown: 1.2.16 + + rolldown@1.2.16: + dependencies: + '@oxc-project/types': 0.156.0 + '@rolldown/pluginutils': 1.0.1 + optionalDependencies: + '@rolldown/binding-android-arm-eabi': 1.2.16 + '@rolldown/binding-android-arm64': 1.2.16 + '@rolldown/binding-darwin-arm64': 1.2.16 + '@rolldown/binding-darwin-x64': 1.2.16 + '@rolldown/binding-freebsd-x64': 1.2.16 + '@rolldown/binding-linux-arm-gnueabihf': 1.2.16 + '@rolldown/binding-linux-arm64-gnu': 1.2.16 + '@rolldown/binding-linux-arm64-musl': 1.2.16 + '@rolldown/binding-linux-ppc64-gnu': 1.2.16 + '@rolldown/binding-linux-s390x-gnu': 1.2.16 + '@rolldown/binding-linux-x64-gnu': 1.2.16 + '@rolldown/binding-linux-x64-musl': 1.2.16 + '@rolldown/binding-openharmony-arm64': 1.2.16 + '@rolldown/binding-win32-arm64-msvc': 1.2.16 + '@rolldown/binding-win32-x64-msvc': 1.2.16 + + rollup-plugin-visualizer@7.1.2(rolldown@1.2.16)(rollup@4.67.5): + dependencies: + open: 11.0.4 + picomatch: 4.0.7 + source-map: 0.8.0 + yargs: 18.2.0 + optionalDependencies: + rolldown: 1.2.16 + rollup: 4.67.5 + + rollup@4.67.5: + dependencies: + '@types/estree': 1.0.10 + optionalDependencies: + '@rollup/rollup-android-arm-eabi': 4.67.5 + '@rollup/rollup-android-arm64': 4.67.5 + '@rollup/rollup-android-x64': 4.67.5 + '@rollup/rollup-darwin-arm64': 4.67.5 + '@rollup/rollup-darwin-x64': 4.67.5 + '@rollup/rollup-freebsd-arm64': 4.67.5 + '@rollup/rollup-freebsd-x64': 4.67.5 + '@rollup/rollup-linux-arm-gnueabihf': 4.67.5 + '@rollup/rollup-linux-arm-musleabihf': 4.67.5 + '@rollup/rollup-linux-arm64-gnu': 4.67.5 + '@rollup/rollup-linux-arm64-musl': 4.67.5 + '@rollup/rollup-linux-loong64-gnu': 4.67.5 + '@rollup/rollup-linux-loong64-musl': 4.67.5 + '@rollup/rollup-linux-ppc64-gnu': 4.67.5 + '@rollup/rollup-linux-ppc64-musl': 4.67.5 + '@rollup/rollup-linux-riscv64-gnu': 4.67.5 + '@rollup/rollup-linux-riscv64-musl': 4.67.5 + '@rollup/rollup-linux-s390x-gnu': 4.67.5 + '@rollup/rollup-linux-x64-gnu': 4.67.5 + '@rollup/rollup-linux-x64-musl': 4.67.5 + '@rollup/rollup-openbsd-x64': 4.67.5 + '@rollup/rollup-openharmony-arm64': 4.67.5 + '@rollup/rollup-win32-arm64-msvc': 4.67.5 + '@rollup/rollup-win32-ia32-msvc': 4.67.5 + '@rollup/rollup-win32-x64-gnu': 4.67.5 + '@rollup/rollup-win32-x64-msvc': 4.67.5 + fsevents: 2.3.3 + + rou3@0.9.2: {} + + run-applescript@7.1.0: {} + + run-parallel@1.2.0: + dependencies: + queue-microtask: 1.2.3 + + safe-buffer@5.1.2: {} + + safe-buffer@5.2.1: {} + + scule@1.3.0: {} + + semver@6.3.2: {} + + semver@7.8.6: {} + + send@1.2.1: + dependencies: + debug: 4.4.3 + encodeurl: 2.0.1 + escape-html: 1.0.3 + etag: 1.8.1 + fresh: 2.0.0 + http-errors: 2.0.1 + mime-types: 3.0.2 + ms: 2.1.3 + on-finished: 2.4.2 + range-parser: 1.3.0 + statuses: 2.0.2 + transitivePeerDependencies: + - supports-color + + serialize-javascript@7.1.4: {} + + seroval@1.7.7: {} + + serve-placeholder@2.0.2: + dependencies: + defu: 6.1.7 + + serve-static@2.2.1: + dependencies: + encodeurl: 2.0.1 + escape-html: 1.0.3 + parseurl: 1.3.3 + send: 1.2.1 + transitivePeerDependencies: + - supports-color + + setprototypeof@1.2.0: {} + + shebang-command@2.0.0: + dependencies: + shebang-regex: 3.0.0 + + shebang-regex@3.0.0: {} + + shell-quote@1.12.0: {} + + signal-exit@3.0.7: {} + + signal-exit@4.1.0: {} + + sirv@3.0.2: + dependencies: + '@polka/url': 1.0.0-next.29 + mrmime: 2.0.1 + totalist: 3.0.1 + + sisteransi@1.0.5: {} + + slash@5.1.0: {} + + smob@1.6.2: {} + + source-map-js@1.2.2: {} + + source-map-support@0.5.21: + dependencies: + buffer-from: 1.1.2 + source-map: 0.6.1 + + source-map@0.6.1: {} + + source-map@0.7.6: {} + + source-map@0.8.0: {} + + srvx@1.0.5: {} + + srvx@1.0.8: {} + + standard-as-callback@2.1.0: {} + + statuses@2.0.2: {} + + std-env@4.3.0: {} + + streamx@2.28.1: + dependencies: + events-universal: 1.0.1 + fast-fifo: 1.3.2 + text-decoder: 1.2.7 + transitivePeerDependencies: + - bare-abort-controller + - react-native-b4a + + string-width@7.2.0: + dependencies: + emoji-regex: 10.6.0 + get-east-asian-width: 1.7.0 + strip-ansi: 7.2.0 + + string-width@8.3.0: + dependencies: + get-east-asian-width: 1.7.0 + strip-ansi: 7.2.0 + + string_decoder@1.1.1: + dependencies: + safe-buffer: 5.1.2 + + string_decoder@1.3.0: + dependencies: + safe-buffer: 5.2.1 + + strip-ansi@7.2.0: + dependencies: + ansi-regex: 6.5.0 + + strip-final-newline@3.0.0: {} + + strip-literal@4.0.0: + dependencies: + js-tokens: 10.0.0 + + structured-clone-es@2.0.1: {} + + supports-color@10.2.2: {} + + supports-preserve-symlinks-flag@1.0.0: {} + + tagged-tag@1.0.0: {} + + tar-stream@3.2.2(bare-buffer@3.7.1): + dependencies: + b4a: 1.9.0 + bare-fs: 4.8.4(bare-buffer@3.7.1) + fast-fifo: 1.3.2 + streamx: 2.28.1 + transitivePeerDependencies: + - bare-abort-controller + - bare-buffer + - react-native-b4a + + tar@7.5.22: + dependencies: + '@isaacs/fs-minipass': 4.0.1 + chownr: 3.0.0 + minipass: 7.1.3 + minizlib: 3.1.0 + yallist: 5.0.0 + + teex@1.0.1: + dependencies: + streamx: 2.28.1 + transitivePeerDependencies: + - bare-abort-controller + - react-native-b4a + + terser@5.51.2: + dependencies: + '@jridgewell/source-map': 0.3.11 + acorn: 8.19.0 + commander: 2.20.3 + source-map-support: 0.5.21 + + text-decoder@1.2.7: + dependencies: + b4a: 1.9.0 + transitivePeerDependencies: + - react-native-b4a + + tiny-invariant@1.3.3: {} + + tinyclip@0.1.15: {} + + tinyclip@1.0.3: {} + + tinyexec@1.3.1: {} + + tinyglobby@0.2.17: + dependencies: + fdir: 6.5.0(picomatch@4.0.7) + picomatch: 4.0.7 + + to-regex-range@5.0.1: + dependencies: + is-number: 7.0.0 + + toidentifier@1.0.1: {} + + totalist@3.0.1: {} + + tr46@0.0.3: {} + + type-fest@5.10.0: + dependencies: + tagged-tag: 1.0.0 + + ufo@1.6.4: {} + + uint8array-extras@1.6.0: {} + + ultrahtml@1.7.0: {} + + uncrypto@0.1.3: {} + + unctx@2.5.0: + dependencies: + acorn: 8.19.0 + estree-walker: 3.0.3 + magic-string: 0.30.21 + unplugin: 2.3.11 + + unctx@3.0.1(magic-string@1.4.5)(rolldown@1.2.16)(unplugin@3.7.0(esbuild@0.28.2)(rolldown@1.2.16)(rollup@4.67.5)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1))): + optionalDependencies: + magic-string: 1.4.5 + rolldown: 1.2.16 + unplugin: 3.7.0(esbuild@0.28.2)(rolldown@1.2.16)(rollup@4.67.5)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1)) + + undici@8.12.3: {} + + unenv@2.0.0-rc.24: + dependencies: + pathe: 2.0.3 + + unhead@3.4.3(esbuild@0.28.2)(rolldown@1.2.16)(rollup@4.67.5)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1)): + dependencies: + hookable: 6.1.2 + unplugin: 3.7.0(esbuild@0.28.2)(rolldown@1.2.16)(rollup@4.67.5)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1)) + optionalDependencies: + vite: 8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1) + transitivePeerDependencies: + - '@farmfe/core' + - '@rsbuild/core' + - '@rspack/core' + - bun-types-no-globals + - esbuild + - rolldown + - rollup + - unloader + - webpack + + unicorn-magic@0.3.0: {} + + unicorn-magic@0.4.1: {} + + unimport@6.5.0(esbuild@0.28.2)(rolldown@1.2.16)(rollup@4.67.5)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1)): + dependencies: + acorn: 8.19.0 + escape-string-regexp: 5.0.0 + estree-walker: 3.0.3 + local-pkg: 1.2.1 + magic-string: 1.4.5 + mlly: 1.8.2 + pathe: 2.0.3 + picomatch: 4.0.7 + pkg-types: 2.4.0 + scule: 1.3.0 + strip-literal: 4.0.0 + tinyglobby: 0.2.17 + unplugin: 3.7.0(esbuild@0.28.2)(rolldown@1.2.16)(rollup@4.67.5)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1)) + unplugin-utils: 0.3.2 + optionalDependencies: + rolldown: 1.2.16 + transitivePeerDependencies: + - '@farmfe/core' + - '@rsbuild/core' + - '@rspack/core' + - bun-types-no-globals + - esbuild + - rollup + - unloader + - vite + - webpack + + unimport@7.0.2(acorn@8.19.0)(esbuild@0.28.2)(rolldown@1.2.16)(rollup@4.67.5)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1)): + dependencies: + escape-string-regexp: 5.0.0 + estree-walker: 3.0.3 + local-pkg: 1.2.1 + magic-string: 1.4.5 + mlly: 1.8.2 + pathe: 2.0.3 + picomatch: 4.0.7 + pkg-types: 2.4.0 + scule: 1.3.0 + strip-literal: 4.0.0 + tinyglobby: 0.2.17 + unplugin: 3.7.0(esbuild@0.28.2)(rolldown@1.2.16)(rollup@4.67.5)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1)) + unplugin-utils: 0.3.2 + optionalDependencies: + acorn: 8.19.0 + rolldown: 1.2.16 + transitivePeerDependencies: + - '@farmfe/core' + - '@rsbuild/core' + - '@rspack/core' + - bun-types-no-globals + - esbuild + - rollup + - unloader + - vite + - webpack + + unplugin-utils@0.3.2: + dependencies: + pathe: 2.0.3 + picomatch: 4.0.7 + + unplugin@2.3.11: + dependencies: + '@jridgewell/remapping': 2.3.5 + acorn: 8.19.0 + picomatch: 4.0.7 + webpack-virtual-modules: 0.6.2 + + unplugin@3.7.0(esbuild@0.28.2)(rolldown@1.2.16)(rollup@4.67.5)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1)): + dependencies: + '@jridgewell/remapping': 2.3.5 + '@rolldown/pluginutils': 1.0.1 + picomatch: 4.0.7 + webpack-virtual-modules: 0.6.2 + optionalDependencies: + esbuild: 0.28.2 + rolldown: 1.2.16 + rollup: 4.67.5 + vite: 8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1) + + unrouting@0.3.2: + dependencies: + escape-string-regexp: 5.0.0 + ufo: 1.6.4 + + unstorage@1.17.6(db0@0.3.4)(ioredis@5.11.1): + dependencies: + anymatch: 3.1.3 + chokidar: 5.0.0 + destr: 2.0.5 + h3: 1.15.11 + lru-cache: 11.5.3 + node-fetch-native: 1.6.7 + ofetch: 1.5.1 + ufo: 1.6.4 + optionalDependencies: + db0: 0.3.4 + ioredis: 5.11.1 + + untun@0.2.2: {} + + untyped@2.0.0: + dependencies: + citty: 0.1.6 + defu: 6.1.7 + jiti: 2.7.0 + knitwork: 1.3.0 + scule: 1.3.0 + + unwasm@0.5.3: + dependencies: + exsolve: 1.2.0 + knitwork: 1.3.0 + magic-string: 0.30.21 + mlly: 1.8.2 + pathe: 2.0.3 + pkg-types: 2.4.0 + + update-browserslist-db@1.3.4(browserslist@4.29.5): + dependencies: + browserslist: 4.29.5 + escalade: 3.2.0 + picocolors: 1.1.1 + + uqr@0.1.3: {} + + util-deprecate@1.0.2: {} + + verkit@0.5.0: {} + + vite-dev-rpc@2.0.0(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1)): + dependencies: + birpc: 4.2.0 + vite: 8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1) + vite-hot-client: 2.2.0(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1)) + + vite-hot-client@2.2.0(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1)): + dependencies: + vite: 8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1) + + vite-node@6.0.0(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1): + dependencies: + cac: 7.1.0 + es-module-lexer: 2.3.2 + obug: 2.2.1 + pathe: 2.0.3 + vite: 8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1) + transitivePeerDependencies: + - '@types/node' + - '@vitejs/devtools' + - esbuild + - jiti + - less + - sass + - sass-embedded + - stylus + - sugarss + - terser + - tsx + - yaml + + vite-plugin-checker@0.14.5(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1)): + dependencies: + '@babel/code-frame': 7.29.7 + chokidar: 5.0.0 + npm-run-path: 6.0.0 + picocolors: 1.1.1 + picomatch: 4.0.7 + proper-lockfile: 4.1.2 + tiny-invariant: 1.3.3 + vite: 8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1) + + vite-plugin-inspect@11.4.1(@nuxt/kit@4.6.4(@nuxt/schema@4.6.4)(confbox@0.3.2)(dotenv@17.4.2)(giget@3.3.1)(jiti@2.7.0)(magic-string@1.4.5)(mlly@1.8.2)(rolldown@1.2.16)(unplugin@3.7.0(esbuild@0.28.2)(rolldown@1.2.16)(rollup@4.67.5)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1))))(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1)): + dependencies: + ansis: 4.5.0 + error-stack-parser-es: 1.0.5 + obug: 2.2.1 + ohash: 2.0.12 + open: 11.0.4 + perfect-debounce: 2.1.0 + sirv: 3.0.2 + unplugin-utils: 0.3.2 + vite: 8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1) + vite-dev-rpc: 2.0.0(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1)) + optionalDependencies: + '@nuxt/kit': 4.6.4(@nuxt/schema@4.6.4)(confbox@0.3.2)(dotenv@17.4.2)(giget@3.3.1)(jiti@2.7.0)(magic-string@1.4.5)(mlly@1.8.2)(rolldown@1.2.16)(unplugin@3.7.0(esbuild@0.28.2)(rolldown@1.2.16)(rollup@4.67.5)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1))) + + vite-plugin-vue-tracer@1.7.0(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1))(vue@3.5.44): + dependencies: + estree-walker: 3.0.3 + exsolve: 1.2.0 + magic-string: 1.4.5 + pathe: 2.0.3 + source-map-js: 1.2.2 + vite: 8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1) + vue: 3.5.44 + + vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1): + dependencies: + lightningcss: 1.33.0 + picomatch: 4.0.7 + postcss: 8.5.32 + rolldown: 1.2.16 + tinyglobby: 0.2.17 + optionalDependencies: + esbuild: 0.28.2 + fsevents: 2.3.3 + jiti: 2.7.0 + terser: 5.51.2 + yaml: 2.9.1 + + vue-bundle-renderer@2.4.0: + dependencies: + ufo: 1.6.4 + + vue-component-type-helpers@3.3.14: {} + + vue-devtools-stub@0.1.0: {} + + vue-router@5.1.0(@vue/compiler-sfc@3.5.44)(esbuild@0.28.2)(rolldown@1.2.16)(rollup@4.67.5)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1))(vue@3.5.44): + dependencies: + '@babel/generator': 8.1.0 + '@vue-macros/common': 3.1.4(vue@3.5.44) + '@vue/devtools-api': 8.2.1 + ast-walker-scope: 0.9.0 + chokidar: 5.0.0 + json5: 2.2.3 + local-pkg: 1.2.1 + magic-string: 0.30.21 + mlly: 1.8.2 + muggle-string: 0.4.1 + pathe: 2.0.3 + picomatch: 4.0.7 + scule: 1.3.0 + tinyglobby: 0.2.17 + unplugin: 3.7.0(esbuild@0.28.2)(rolldown@1.2.16)(rollup@4.67.5)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1)) + unplugin-utils: 0.3.2 + vue: 3.5.44 + yaml: 2.9.1 + optionalDependencies: + '@vue/compiler-sfc': 3.5.44 + vite: 8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1) + transitivePeerDependencies: + - '@farmfe/core' + - '@rsbuild/core' + - '@rspack/core' + - bun-types-no-globals + - esbuild + - rolldown + - rollup + - unloader + - webpack + + vue-router@5.4.0(@vue/compiler-sfc@3.5.44)(esbuild@0.28.2)(rolldown@1.2.16)(rollup@4.67.5)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1))(vue@3.5.44): + dependencies: + '@vue-macros/common': 3.1.4(vue@3.5.44) + '@vue/devtools-api': 8.2.1 + ast-walker-scope: 0.10.0 + chokidar: 5.0.0 + confbox: 0.3.2 + local-pkg: 1.2.1 + magic-string: 1.4.5 + mlly: 1.8.2 + muggle-string: 0.4.1 + nostics: 1.3.0 + pathe: 2.0.3 + picomatch: 4.0.7 + scule: 1.3.0 + tinyglobby: 0.2.17 + unplugin: 3.7.0(esbuild@0.28.2)(rolldown@1.2.16)(rollup@4.67.5)(vite@8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1)) + unplugin-utils: 0.3.2 + vue: 3.5.44 + optionalDependencies: + '@vue/compiler-sfc': 3.5.44 + vite: 8.3.6(esbuild@0.28.2)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.1) + transitivePeerDependencies: + - '@farmfe/core' + - '@rsbuild/core' + - '@rspack/core' + - bun-types-no-globals + - esbuild + - rolldown + - rollup + - unloader + - webpack + + vue@3.5.44: + dependencies: + '@vue/compiler-dom': 3.5.44 + '@vue/compiler-sfc': 3.5.44 + '@vue/runtime-dom': 3.5.44 + '@vue/server-renderer': 3.5.44 + '@vue/shared': 3.5.44 + + webidl-conversions@3.0.1: {} + + webpack-virtual-modules@0.6.2: {} + + whatwg-url@5.0.0: + dependencies: + tr46: 0.0.3 + webidl-conversions: 3.0.1 + + which@2.0.2: + dependencies: + isexe: 2.0.0 + + which@6.0.1: + dependencies: + isexe: 4.0.0 + + wrap-ansi@9.0.2: + dependencies: + ansi-styles: 6.2.3 + string-width: 7.2.0 + strip-ansi: 7.2.0 + + ws@8.22.1: {} + + wsl-utils@1.0.1: + dependencies: + is-wsl: 3.1.1 + powershell-utils: 0.2.1 + + y18n@5.0.8: {} + + yallist@3.1.1: {} + + yallist@5.0.0: {} + + yaml@2.9.1: {} + + yargs-parser@22.0.0: {} + + yargs@18.2.0: + dependencies: + cliui: 9.0.1 + escalade: 3.2.0 + get-caller-file: 2.0.5 + string-width: 8.3.0 + y18n: 5.0.8 + yargs-parser: 22.0.0 + + youch-core@0.3.3: + dependencies: + '@poppinss/exception': 1.2.3 + error-stack-parser-es: 1.0.5 + + youch@4.1.1: + dependencies: + '@poppinss/colors': 4.1.6 + '@poppinss/dumper': 0.7.0 + '@speed-highlight/core': 1.2.24 + cookie-es: 3.1.1 + youch-core: 0.3.3 + + zip-stream@7.0.5: + dependencies: + compress-commons: 7.0.1 + normalize-path: 3.0.0 + readable-stream: 4.8.0 diff --git a/tests/consumers/ssr/fixtures/nuxt/pnpm-workspace.yaml b/tests/consumers/ssr/fixtures/nuxt/pnpm-workspace.yaml new file mode 100644 index 0000000..f2eddb4 --- /dev/null +++ b/tests/consumers/ssr/fixtures/nuxt/pnpm-workspace.yaml @@ -0,0 +1,4 @@ +packages: [] +autoInstallPeers: false +overrides: + "@vypdev/ha-ui": file:../pack-1/vypdev-ha-ui-0.1.0-next.1.tgz diff --git a/tests/consumers/ssr/fixtures/sveltekit/fixture.vite.config.js b/tests/consumers/ssr/fixtures/sveltekit/fixture.vite.config.js new file mode 100644 index 0000000..e319794 --- /dev/null +++ b/tests/consumers/ssr/fixtures/sveltekit/fixture.vite.config.js @@ -0,0 +1,4 @@ +import adapter from '@sveltejs/adapter-node'; +import {sveltekit} from '@sveltejs/kit/vite'; +import {defineConfig} from 'vite'; +export default defineConfig({plugins:[sveltekit({adapter:adapter()})]}); diff --git a/tests/consumers/ssr/fixtures/sveltekit/package.json b/tests/consumers/ssr/fixtures/sveltekit/package.json new file mode 100644 index 0000000..13af5f8 --- /dev/null +++ b/tests/consumers/ssr/fixtures/sveltekit/package.json @@ -0,0 +1,22 @@ +{ + "name": "ha-ui-sveltekit-ssr-fixture", + "private": true, + "type": "module", + "packageManager": "pnpm@10.34.0", + "engines": { + "node": ">=24.20.0 <25" + }, + "scripts": { + "build": "vite build --config fixture.vite.config.js", + "start": "node build/index.js" + }, + "dependencies": { + "@vypdev/ha-ui": "file:../pack-1/vypdev-ha-ui-0.1.0-next.1.tgz", + "@vypdev/ha-ui-svelte": "file:../pack-1/vypdev-ha-ui-svelte-0.1.0-next.1.tgz", + "@sveltejs/kit": "3.1.1", + "@sveltejs/adapter-node": "6.0.1", + "@sveltejs/vite-plugin-svelte": "7.3.1", + "svelte": "5.57.3", + "vite": "8.3.5" + } +} diff --git a/tests/consumers/ssr/fixtures/sveltekit/pnpm-lock.yaml b/tests/consumers/ssr/fixtures/sveltekit/pnpm-lock.yaml new file mode 100644 index 0000000..14bb1f7 --- /dev/null +++ b/tests/consumers/ssr/fixtures/sveltekit/pnpm-lock.yaml @@ -0,0 +1,790 @@ +lockfileVersion: '9.0' + +settings: + autoInstallPeers: false + excludeLinksFromLockfile: false + +overrides: + '@vypdev/ha-ui': file:../pack-1/vypdev-ha-ui-0.1.0-next.1.tgz + +importers: + + .: + dependencies: + '@sveltejs/adapter-node': + specifier: 6.0.1 + version: 6.0.1(@sveltejs/kit@3.1.1(@sveltejs/vite-plugin-svelte@7.3.1(svelte@5.57.3)(vite@8.3.5))(svelte@5.57.3)(vite@8.3.5)) + '@sveltejs/kit': + specifier: 3.1.1 + version: 3.1.1(@sveltejs/vite-plugin-svelte@7.3.1(svelte@5.57.3)(vite@8.3.5))(svelte@5.57.3)(vite@8.3.5) + '@sveltejs/vite-plugin-svelte': + specifier: 7.3.1 + version: 7.3.1(svelte@5.57.3)(vite@8.3.5) + '@vypdev/ha-ui': + specifier: file:../pack-1/vypdev-ha-ui-0.1.0-next.1.tgz + version: file:../pack-1/vypdev-ha-ui-0.1.0-next.1.tgz + '@vypdev/ha-ui-svelte': + specifier: file:../pack-1/vypdev-ha-ui-svelte-0.1.0-next.1.tgz + version: file:../pack-1/vypdev-ha-ui-svelte-0.1.0-next.1.tgz(svelte@5.57.3) + svelte: + specifier: 5.57.3 + version: 5.57.3 + vite: + specifier: 8.3.5 + version: 8.3.5 + +packages: + + '@jridgewell/gen-mapping@0.3.13': + resolution: {integrity: sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==} + + '@jridgewell/remapping@2.3.5': + resolution: {integrity: sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==} + + '@jridgewell/resolve-uri@3.1.2': + resolution: {integrity: sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==} + engines: {node: '>=6.0.0'} + + '@jridgewell/sourcemap-codec@1.6.0': + resolution: {integrity: sha512-T7jf+5zgsZHwNJ4lvQ7/aezbyk0nNX+zJVWpmHA7VYsEx7a7qr5Rg5IbtJFqkgze5Y2sruq1RUY8Q837Od7iFw==} + + '@jridgewell/trace-mapping@0.3.31': + resolution: {integrity: sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==} + + '@lit-labs/ssr-dom-shim@1.6.0': + resolution: {integrity: sha512-VHb0ALPMTlgKjM6yIxxoQNnpKyUKLD04VzeQdsiXkMqkvYlAHxq9glGLmgbb889/1GsohSOAjvQYoiBppXFqrQ==} + + '@lit/reactive-element@2.1.2': + resolution: {integrity: sha512-pbCDiVMnne1lYUIaYNN5wrwQXDtHaYtg7YEFPeW+hws6U47WeFvISGUWekPGKWOP1ygrs0ef0o1VJMk1exos5A==} + + '@oxc-project/types@0.156.0': + resolution: {integrity: sha512-1Duyg48TdJNdyhEB8Xn1L36bT9Pv6GUtlKjHxOys8xkaF/rQq3XJE+bAurSK/AgIz5mGFsb77cn9Pb20+WCScw==} + + '@polka/url@1.0.0-next.29': + resolution: {integrity: sha512-wwQAWhWSuHaag8c4q/KN/vCoeOJYshAIvMQwD4GpSb3OiZklFfvAgmj0VCBBImRpuF/aFgIRzllXlVX93Jevww==} + + '@rolldown/binding-android-arm-eabi@1.2.16': + resolution: {integrity: sha512-ia3DwAs0OsMGS7+IConptSiyk9pEXkOx/AbJ2n/lAGxH3QkWQus1t8d7gnAT38FCU2sQu8lUbeR6AiZFv4JxaA==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [arm] + os: [android] + + '@rolldown/binding-android-arm64@1.2.16': + resolution: {integrity: sha512-kx5wBiMB6E7TEvpl2B9gjLU004BkvEm2Dr941BFjx/SontPwSzNuQUIoVKxHHoSjpFIfHMmcguyLOtyn0hObRg==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [arm64] + os: [android] + + '@rolldown/binding-darwin-arm64@1.2.16': + resolution: {integrity: sha512-qslZrXnKJU4cUpjoAmtAo/KQM9e2IRMlmpig6Zpwj+8KWxW8v+nkAf9216Bsek9lOC1jvg2yCjygCFo2f83msQ==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [arm64] + os: [darwin] + + '@rolldown/binding-darwin-x64@1.2.16': + resolution: {integrity: sha512-FdF+y48ND13eAyM2mQn+85kvAqNlvRWROy2rhgA463X/0Gv4vGtazZtfaF1mRBLscYvtOlh4QnLjOWiFzX69OQ==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [x64] + os: [darwin] + + '@rolldown/binding-freebsd-x64@1.2.16': + resolution: {integrity: sha512-ddjqFM5e95AgLbUPtKIS7V1KTVlA0RUgCVr5mn+/IEhsdy3pr+Vuj/HZ7nlMN2FyxIwUktOH1LEPIQXO1v9y1Q==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [x64] + os: [freebsd] + + '@rolldown/binding-linux-arm-gnueabihf@1.2.16': + resolution: {integrity: sha512-tHdKWbFkFBI687iim3LIyIvyL7j66VvQYkDPss5Stn/qyE2tWkR1YD0dXmXPFKKqT/o5ZEJVsaRsWS2meQwGOA==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [arm] + os: [linux] + + '@rolldown/binding-linux-arm64-gnu@1.2.16': + resolution: {integrity: sha512-FJiLGAblPBMlBEdbOqw6kW6QcXDWAf/oJu7gYs9ZJZwmg+K+/zjFLxPTIY9izJUzxzc24FHvmseyA0IvJSl17w==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [arm64] + os: [linux] + libc: [glibc] + + '@rolldown/binding-linux-arm64-musl@1.2.16': + resolution: {integrity: sha512-hrJpblMsrQ58U9veWpbXzkhV5zStunds6HWLprqq1qauvgBr1E6P+24kLj6lSLI9vjRn/RYpjprhkHQPKGWpNg==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [arm64] + os: [linux] + libc: [musl] + + '@rolldown/binding-linux-ppc64-gnu@1.2.16': + resolution: {integrity: sha512-qJd/dC6j6CwLG9/s/RP2nb1RZ0GIgj7Ioj7x/SYa3RzjVrlzrmH0fhIOpfvqQDeIsdP0loi+kHaMhJzY1PBIaA==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [ppc64] + os: [linux] + libc: [glibc] + + '@rolldown/binding-linux-s390x-gnu@1.2.16': + resolution: {integrity: sha512-Vx7Xg5uUJuNcujJjI70OICaH0EYj80BtOLZTSN7uOYg8QOLlyKnaG0IW7Fn/J0IpJsaKzmDKMhOQv1JBM9m9vg==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [s390x] + os: [linux] + libc: [glibc] + + '@rolldown/binding-linux-x64-gnu@1.2.16': + resolution: {integrity: sha512-TNKhgE3uJTsTzatUSSYt0Kgo+Oa2uSlSjz4r1aEIea7HX6ULBym4fAlYUhG1i6pjNf2njfCUAfKwr6C3E9Xg1w==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [x64] + os: [linux] + libc: [glibc] + + '@rolldown/binding-linux-x64-musl@1.2.16': + resolution: {integrity: sha512-7chXdpjXZ8qG0+mIxECN3cT9kvhZ3/oZhMX6Pp876P7CDrIy8nJswva6Mq357JR7eYXfuskwZxMeV1SzoZdHrA==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [x64] + os: [linux] + libc: [musl] + + '@rolldown/binding-openharmony-arm64@1.2.16': + resolution: {integrity: sha512-Kwjt+7uNTJK5/MDkGWGVO2KQPnj8yAV75dMpfwyHZrJSXWHrniOB0aUEWlVYf3H1hOqFLIStLdM5QXq6bnKmOQ==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [arm64] + os: [openharmony] + + '@rolldown/binding-win32-arm64-msvc@1.2.16': + resolution: {integrity: sha512-/LH6WfjDRXXJz/p5xl4TmU+jpcnwcxbKEQBW/GZE0JHfN0lGIyTtsUEGaQ/q/GikkGJ2yLKe6pwm7AnEWO8pdw==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [arm64] + os: [win32] + + '@rolldown/binding-win32-x64-msvc@1.2.16': + resolution: {integrity: sha512-1lv1KvX0Z871zfk7vw+dnXMMnHNyDwMzWG8Kv3HxDXMOhzCX4SHc7HK319fInP0i+0p9D8brkfzL7pJOaGl+tw==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [x64] + os: [win32] + + '@rolldown/pluginutils@1.0.1': + resolution: {integrity: sha512-2j9bGt5Jh8hj+vPtgzPtl72j0yRxHAyumoo6TNfAjsLB04UtpSvPbPcDcBMxz7n+9CYB0c1GxQFxYRg2jimqGw==} + + '@standard-schema/spec@1.1.0': + resolution: {integrity: sha512-l2aFy5jALhniG5HgqrD6jXLi/rUWrKvqN/qJx6yoJsgKhblVd+iqqU4RCXavm/jPityDo5TCvKMnpjKnOriy0w==} + + '@sveltejs/acorn-typescript@1.0.13': + resolution: {integrity: sha512-wgKggnhZVL9Bfx1OaKKTrYY9BFRk6C8UAkQNUcIv1+llzYrIqy+RZm5HPKzn0NpEBvTVhTqB4kQyllZywsRBRQ==} + peerDependencies: + acorn: ^8.9.0 + + '@sveltejs/adapter-node@6.0.1': + resolution: {integrity: sha512-Pt/YcMakEkTjdQXaAvxrjrDnoGX4zU7pAZICnoLfpI+CawLGigq5upjFW9rVK2QY7yfpR1xeRG/kgI+syzPB3w==} + peerDependencies: + '@sveltejs/kit': ^3.0.0-next.0 + + '@sveltejs/kit@3.1.1': + resolution: {integrity: sha512-BiEMvekYXE9Gu/YhWJ/yJ0WDLH1PX/dmjuAeFp5rrtdmgdzkjt7DvimlSP+/U4tgposl7pkE20luHpcnc6BgRw==} + engines: {node: '>=22.17'} + hasBin: true + peerDependencies: + '@opentelemetry/api': ^1.0.0 + '@sveltejs/vite-plugin-svelte': ^7.0.0 + svelte: ^5.57.1 + typescript: ^6.0.0 + vite: ^8.0.12 + peerDependenciesMeta: + '@opentelemetry/api': + optional: true + typescript: + optional: true + + '@sveltejs/vite-plugin-svelte@7.3.1': + resolution: {integrity: sha512-ZPsLN8B1e/En+Ak5s4V7srFDT532oS0qieLsQwu63NGKsS+iAjoO2Js1BochlHlglcU+Pt7WAO3C5Ee+4f6gVA==} + engines: {node: ^20.19 || ^22.12 || >=24} + peerDependencies: + svelte: ^5.46.4 + vite: ^8.0.0-beta.7 || ^8.0.0 + + '@types/estree@1.0.10': + resolution: {integrity: sha512-lTyOMnOcmRBzdCv6/4zUZCrEhV0xrqQiUZBZtVcbmLHBXKLnN8q89v/wKRF/Q0HbwVsqbIG3o5HDoFl9sduM+g==} + + '@types/trusted-types@2.0.7': + resolution: {integrity: sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==} + + '@vypdev/ha-ui-svelte@file:../pack-1/vypdev-ha-ui-svelte-0.1.0-next.1.tgz': + resolution: {integrity: sha512-cbgZfzGq5xxMHw5guOB8OmLSG490esyQX4/xZjhi3Fs30ytsGh2eJWkQ5gB5ANH2TMiVZm3wv+VaCDc6dKMWog==, tarball: file:../pack-1/vypdev-ha-ui-svelte-0.1.0-next.1.tgz} + version: 0.1.0-next.1 + peerDependencies: + svelte: 5.57.3 + + '@vypdev/ha-ui@file:../pack-1/vypdev-ha-ui-0.1.0-next.1.tgz': + resolution: {integrity: sha512-hbYWDU7X71meaogXzz/u0tBUTKb9MNVS+yPFy5dH/aEOWr0TlQgXpbkYzf0CLoFlMGhdHq7co+ayQ7Yr6ujq5g==, tarball: file:../pack-1/vypdev-ha-ui-0.1.0-next.1.tgz} + version: 0.1.0-next.1 + + acorn@8.19.0: + resolution: {integrity: sha512-oJlA3XiRm7Cyk6qFD2Jn8ak9B7jSy0qy00ADO3+8dpT0LSjFihQYv4C02LFCSYJV3Q37xYwwRy5m+IpIiUzqWw==} + engines: {node: '>=0.4.0'} + hasBin: true + + aria-query@5.3.1: + resolution: {integrity: sha512-Z/ZeOgVl7bcSYZ/u/rh0fOpvEpq//LZmdbkXyc7syVzjPAhfOa9ebsdTSjEBDU4vs5nC98Kfduj1uFo0qyET3g==} + engines: {node: '>= 0.4'} + + axobject-query@4.1.0: + resolution: {integrity: sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ==} + engines: {node: '>= 0.4'} + + clsx@2.1.1: + resolution: {integrity: sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==} + engines: {node: '>=6'} + + cookie@2.0.1: + resolution: {integrity: sha512-yuToqVvRrj6pfDXREyQAAv8SkAEk/8GS3jQRTiUMm66TVtBYmqQeoEjL2Lmq8Rpo6271vH76InTChTitEAm65w==} + engines: {node: '>=22'} + + deepmerge@4.3.1: + resolution: {integrity: sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==} + engines: {node: '>=0.10.0'} + + detect-libc@2.1.2: + resolution: {integrity: sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==} + engines: {node: '>=8'} + + devalue@5.9.4: + resolution: {integrity: sha512-sPAT4pztbu6586/hrhOnMKS17IJrvg12mXiSPSS3W5qDeN2RGgvZ0diZCm31dBbnevfVmujNO3IM2wrS4Y2Rhg==} + + esm-env@1.2.2: + resolution: {integrity: sha512-Epxrv+Nr/CaL4ZcFGPJIYLWFom+YeV1DqMLHJoEd9SYRxNbaFruBwfEX/kkHUJf55j2+TUbmDcmuilbP1TmXHA==} + + esrap@2.4.0: + resolution: {integrity: sha512-CQPcneEHw/czj32uwQC52nYnax8H4SXt25FCM+LIwGZ49cMIxpOj3bP8wmzcI+Z0HIy5KkClaPhRLfCySzwHPA==} + peerDependencies: + '@typescript-eslint/types': ^8.2.0 + peerDependenciesMeta: + '@typescript-eslint/types': + optional: true + + fdir@6.5.0: + resolution: {integrity: sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==} + engines: {node: '>=12.0.0'} + peerDependencies: + picomatch: ^3 || ^4 + peerDependenciesMeta: + picomatch: + optional: true + + fsevents@2.3.3: + resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==} + engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0} + os: [darwin] + + is-reference@3.0.3: + resolution: {integrity: sha512-ixkJoqQvAP88E6wLydLGGqCJsrFUnqoH6HnaczB8XmDH1oaWU+xxdptvikTgaEhtZ53Ky6YXiBuUI2WXLMCwjw==} + + lightningcss-android-arm64@1.33.0: + resolution: {integrity: sha512-gEpRTalKdosp4Bb8qWtc2iOgE5SeIHlpS1up9bFq2wAyYhl1UdTObYiHe98zEM9SQvSoqQZ1IQD0JNpg3Ml5pg==} + engines: {node: '>= 12.0.0'} + cpu: [arm64] + os: [android] + + lightningcss-darwin-arm64@1.33.0: + resolution: {integrity: sha512-Sciaz8eenNTKn9b3t7+xr0ipTp9YxKQY4npwQ3mrRuL0BAVHBLyZxofhaKBAVtzmtRZ/zTyo0/to4B1uWG/Djg==} + engines: {node: '>= 12.0.0'} + cpu: [arm64] + os: [darwin] + + lightningcss-darwin-x64@1.33.0: + resolution: {integrity: sha512-Z5UPAxzrjlWNNyGy6i65cJzzvgJ5D3T6wMvs+gWpY9d7qRhANrxqAp6LhxIgZhWEw18RfJTGcRxjuLIBr+m8XQ==} + engines: {node: '>= 12.0.0'} + cpu: [x64] + os: [darwin] + + lightningcss-freebsd-x64@1.33.0: + resolution: {integrity: sha512-QQM/Ti/hQajJwCY+RiWuCZ9sdtI/XQk7nDK5vC8kkdwixezOlDgvDx7+RT+QjK6FcFT4MpsuoBnHIo/O3StRRg==} + engines: {node: '>= 12.0.0'} + cpu: [x64] + os: [freebsd] + + lightningcss-linux-arm-gnueabihf@1.33.0: + resolution: {integrity: sha512-N7FVBe6iS24MlM6R/4RBTxGhQheZGs7tiQ9U32UtF75NzP5Q7xWPRqLBCKxlRQRk3rY1jCIPLzx7WzOhuUIRLQ==} + engines: {node: '>= 12.0.0'} + cpu: [arm] + os: [linux] + + lightningcss-linux-arm64-gnu@1.33.0: + resolution: {integrity: sha512-j2v/itmy4HlNxlc6voKXYgBqNi0Ng2LShg4z7GufpEgs05P+2suBVyi9I6YHq5uoVFx9ETin3eCEhLVyXGQnKg==} + engines: {node: '>= 12.0.0'} + cpu: [arm64] + os: [linux] + libc: [glibc] + + lightningcss-linux-arm64-musl@1.33.0: + resolution: {integrity: sha512-yiO5ROMuYQgXbC60yjZU5CYSFZGKXL0HFATXt9mHJn1+zW55oCtMI9NfcVhYLMFDL7gV7oBPon/EmMMGg2OvtQ==} + engines: {node: '>= 12.0.0'} + cpu: [arm64] + os: [linux] + libc: [musl] + + lightningcss-linux-x64-gnu@1.33.0: + resolution: {integrity: sha512-ar+Ju7LmcN0Jo4FpL4hpFybwNG9/3A/Br5KW2n2jyODg3MEZXaDYADdemoNS+BDNfMgKvylJLj4S5tyRActuAg==} + engines: {node: '>= 12.0.0'} + cpu: [x64] + os: [linux] + libc: [glibc] + + lightningcss-linux-x64-musl@1.33.0: + resolution: {integrity: sha512-RYiYbkokw0trfKqqzfF55lginwEPrD3OJDfTuJzFs1MK6iFnDenaz1fqLLtX4ITG3OktJQXOeTaw1awrBAlZPw==} + engines: {node: '>= 12.0.0'} + cpu: [x64] + os: [linux] + libc: [musl] + + lightningcss-win32-arm64-msvc@1.33.0: + resolution: {integrity: sha512-1K+MPfLSFVpphzpdbfkhlWk6wBrTObBzS2T6db10PNOZgR9GoVsAWzwNyuhUYYbTp23j+4RrncfujZ4uAzXvwA==} + engines: {node: '>= 12.0.0'} + cpu: [arm64] + os: [win32] + + lightningcss-win32-x64-msvc@1.33.0: + resolution: {integrity: sha512-OlEICDx/Xl0FqSp4bry8zFnCvGpig3Gl4gCquvYwHuqJKEC1+n9NgDniFvqHGmMv1ZkqDJrDqKKSykTDX+ehuA==} + engines: {node: '>= 12.0.0'} + cpu: [x64] + os: [win32] + + lightningcss@1.33.0: + resolution: {integrity: sha512-WkUDrojuJs0xkgGf2udWxa3yGBRxPtxUkB79i6aCZLRgc7PM8fZe9TosfPDcvEpQZbuFASnHYmRLBLUbmLOIIA==} + engines: {node: '>= 12.0.0'} + + lit-element@4.2.2: + resolution: {integrity: sha512-aFKhNToWxoyhkNDmWZwEva2SlQia+jfG0fjIWV//YeTaWrVnOxD89dPKfigCUspXFmjzOEUQpOkejH5Ly6sG0w==} + + lit-html@3.3.3: + resolution: {integrity: sha512-el8M6jK2o3RXBnrSHX3ZKrsN8zEV63pSExTO1wYJz7QndGYZ8353e2a5PPX+qHe2aGayfnchQmkAojaWAREOIA==} + + lit@3.3.3: + resolution: {integrity: sha512-fycuvZg/hkpozL00lm1pEJH5nN/lr9ZXd6mJI2HSN4+Bzc+LDNdEApJ6HFbPkdFNHLvOplIIuJvxkS4XUxqirw==} + + locate-character@3.0.0: + resolution: {integrity: sha512-SW13ws7BjaeJ6p7Q6CO2nchbYEc3X3J6WrmTTDto7yMPqVSZTUyY5Tjbid+Ab8gLnATtygYtiDIJGQRRn2ZOiA==} + + magic-string@0.30.21: + resolution: {integrity: sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==} + + magic-string@1.4.5: + resolution: {integrity: sha512-oLLC2+YvQUfAa+vxoufE/yc1icb87M9iXIRqAoR/2EhE/8cb3SF/+Gi0c2By1B+5Vz2e2vQtUvHiu1+63Znh+w==} + + mrmime@2.0.1: + resolution: {integrity: sha512-Y3wQdFg2Va6etvQ5I82yUhGdsKrcYox6p7FfL1LbK2J4V01F9TGlepTIhnK24t7koZibmg82KGglhA1XK5IsLQ==} + engines: {node: '>=10'} + + nanoid@3.3.20: + resolution: {integrity: sha512-uKdg2G3GNCKQn9byYOpxbGqrT2fGO5KRt5J/8b3pok8rT6qxGWF6hxMyJiEYtAf+FVyYuD9hRaDqX5uPFYJ4ZQ==} + engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1} + hasBin: true + + obug@2.2.1: + resolution: {integrity: sha512-XrsrhT5sybtKI6wakr2SPOlGZWWYbUXZ7a0jT8/QOeAPau+1X/bSegNe5YR75oJmEZQbKningirmGOEJCIk61Q==} + engines: {node: '>=12.20.0'} + + picocolors@1.1.1: + resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==} + + picomatch@4.0.7: + resolution: {integrity: sha512-qcJu88Q2IWqJsDD529JKMdwGm/dvInW4HvQnRwiH9JtihJvzGOscDtHE3x1pBKeUOTysQ8kVmLnJ2kJu7yhcGA==} + engines: {node: '>=12'} + + postcss@8.5.32: + resolution: {integrity: sha512-LJlKCCAUFKOuZxipUdYw1NzIITEsPcgyOG9LkvRJvuKj/bRzbuRY0ARXvL0pWGpsZvn8jku+LMep2eU0seHp8g==} + engines: {node: ^10 || ^12 || >=14} + + rolldown@1.2.16: + resolution: {integrity: sha512-bWvlMpFKiTfDKfnK7FC2MPgPeWCf/Kpwsq49ApdW+FQaBZb6O6dZ4MAPbPUjp7hYQrw/RobqCzn64BRrQecGHw==} + engines: {node: ^20.19.0 || >=22.12.0} + hasBin: true + + sirv@3.0.2: + resolution: {integrity: sha512-2wcC/oGxHis/BoHkkPwldgiPSYcpZK3JU28WoMVv55yHJgcZ8rlXvuG9iZggz+sU1d4bRgIGASwyWqjxu3FM0g==} + engines: {node: '>=18'} + + source-map-js@1.2.2: + resolution: {integrity: sha512-KGj/8Y43x35aZVDtt+J4mK1hoLGHULMYfSkODJNQjNDC3oW1PqPoxMwo0pLUsWM/UEGzON/NxeHywEfNXNP3Vw==} + engines: {node: '>=0.10.0'} + + svelte@5.57.3: + resolution: {integrity: sha512-5mAftM3SoDV9X0zdF386F9p2pv8iKOwi/KfBS1XnBAkVCKFzVOLHUoa8iGWAt4buoicLmyWVRpuuD5wplXOQsg==} + engines: {node: '>=18'} + + tinyglobby@0.2.17: + resolution: {integrity: sha512-wXR/dYpcqKmfWpEdZjiKJOwCNFndD0DMnrW/cYjVGttEkBfVgcLFHoNrlj47mjOVic9yyNu65alsgF4NQyTa2g==} + engines: {node: '>=12.0.0'} + + totalist@3.0.1: + resolution: {integrity: sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==} + engines: {node: '>=6'} + + vite@8.3.5: + resolution: {integrity: sha512-z1YpjieJ9g0ebTmQpLBv/oq9E3F9EIlOe+7LahW8SrE3LTiG3udBRUXQOlYXP9b+IC2q2phHeVxj9xGlw34OEQ==} + engines: {node: ^20.19.0 || >=22.12.0} + hasBin: true + peerDependencies: + '@types/node': ^20.19.0 || >=22.12.0 + '@vitejs/devtools': ^0.7.1 || ^0.8.0 + esbuild: ^0.27.0 || ^0.28.0 + jiti: '>=1.21.0' + less: ^4.0.0 + sass: ^1.70.0 + sass-embedded: ^1.70.0 + stylus: '>=0.54.8' + sugarss: ^5.0.0 + terser: ^5.16.0 + tsx: ^4.8.1 + yaml: ^2.4.2 + peerDependenciesMeta: + '@types/node': + optional: true + '@vitejs/devtools': + optional: true + esbuild: + optional: true + jiti: + optional: true + less: + optional: true + sass: + optional: true + sass-embedded: + optional: true + stylus: + optional: true + sugarss: + optional: true + terser: + optional: true + tsx: + optional: true + yaml: + optional: true + + vitefu@1.1.3: + resolution: {integrity: sha512-ub4okH7Z5KLjb6hDyjqrGXqWtWvoYdU3IGm/NorpgHncKoLTCfRIbvlhBm7r0YstIaQRYlp4yEbFqDcKSzXSSg==} + peerDependencies: + vite: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0 + peerDependenciesMeta: + vite: + optional: true + + zimmerframe@1.1.5: + resolution: {integrity: sha512-msJxIvYDYcoNL+PJsu+7qmpDWsYmAxTY+2TNYXXF0hzBzBk0BMecOqDOG/EckUoKCuKwObfbugIl8QpqHDXeFA==} + +snapshots: + + '@jridgewell/gen-mapping@0.3.13': + dependencies: + '@jridgewell/sourcemap-codec': 1.6.0 + '@jridgewell/trace-mapping': 0.3.31 + + '@jridgewell/remapping@2.3.5': + dependencies: + '@jridgewell/gen-mapping': 0.3.13 + '@jridgewell/trace-mapping': 0.3.31 + + '@jridgewell/resolve-uri@3.1.2': {} + + '@jridgewell/sourcemap-codec@1.6.0': {} + + '@jridgewell/trace-mapping@0.3.31': + dependencies: + '@jridgewell/resolve-uri': 3.1.2 + '@jridgewell/sourcemap-codec': 1.6.0 + + '@lit-labs/ssr-dom-shim@1.6.0': {} + + '@lit/reactive-element@2.1.2': + dependencies: + '@lit-labs/ssr-dom-shim': 1.6.0 + + '@oxc-project/types@0.156.0': {} + + '@polka/url@1.0.0-next.29': {} + + '@rolldown/binding-android-arm-eabi@1.2.16': + optional: true + + '@rolldown/binding-android-arm64@1.2.16': + optional: true + + '@rolldown/binding-darwin-arm64@1.2.16': + optional: true + + '@rolldown/binding-darwin-x64@1.2.16': + optional: true + + '@rolldown/binding-freebsd-x64@1.2.16': + optional: true + + '@rolldown/binding-linux-arm-gnueabihf@1.2.16': + optional: true + + '@rolldown/binding-linux-arm64-gnu@1.2.16': + optional: true + + '@rolldown/binding-linux-arm64-musl@1.2.16': + optional: true + + '@rolldown/binding-linux-ppc64-gnu@1.2.16': + optional: true + + '@rolldown/binding-linux-s390x-gnu@1.2.16': + optional: true + + '@rolldown/binding-linux-x64-gnu@1.2.16': + optional: true + + '@rolldown/binding-linux-x64-musl@1.2.16': + optional: true + + '@rolldown/binding-openharmony-arm64@1.2.16': + optional: true + + '@rolldown/binding-win32-arm64-msvc@1.2.16': + optional: true + + '@rolldown/binding-win32-x64-msvc@1.2.16': + optional: true + + '@rolldown/pluginutils@1.0.1': {} + + '@standard-schema/spec@1.1.0': {} + + '@sveltejs/acorn-typescript@1.0.13(acorn@8.19.0)': + dependencies: + acorn: 8.19.0 + + '@sveltejs/adapter-node@6.0.1(@sveltejs/kit@3.1.1(@sveltejs/vite-plugin-svelte@7.3.1(svelte@5.57.3)(vite@8.3.5))(svelte@5.57.3)(vite@8.3.5))': + dependencies: + '@sveltejs/kit': 3.1.1(@sveltejs/vite-plugin-svelte@7.3.1(svelte@5.57.3)(vite@8.3.5))(svelte@5.57.3)(vite@8.3.5) + + '@sveltejs/kit@3.1.1(@sveltejs/vite-plugin-svelte@7.3.1(svelte@5.57.3)(vite@8.3.5))(svelte@5.57.3)(vite@8.3.5)': + dependencies: + '@rolldown/pluginutils': 1.0.1 + '@standard-schema/spec': 1.1.0 + '@sveltejs/vite-plugin-svelte': 7.3.1(svelte@5.57.3)(vite@8.3.5) + cookie: 2.0.1 + devalue: 5.9.4 + esm-env: 1.2.2 + magic-string: 1.4.5 + mrmime: 2.0.1 + sirv: 3.0.2 + svelte: 5.57.3 + vite: 8.3.5 + + '@sveltejs/vite-plugin-svelte@7.3.1(svelte@5.57.3)(vite@8.3.5)': + dependencies: + deepmerge: 4.3.1 + magic-string: 1.4.5 + obug: 2.2.1 + svelte: 5.57.3 + vite: 8.3.5 + vitefu: 1.1.3(vite@8.3.5) + + '@types/estree@1.0.10': {} + + '@types/trusted-types@2.0.7': {} + + '@vypdev/ha-ui-svelte@file:../pack-1/vypdev-ha-ui-svelte-0.1.0-next.1.tgz(svelte@5.57.3)': + dependencies: + '@vypdev/ha-ui': file:../pack-1/vypdev-ha-ui-0.1.0-next.1.tgz + svelte: 5.57.3 + + '@vypdev/ha-ui@file:../pack-1/vypdev-ha-ui-0.1.0-next.1.tgz': + dependencies: + lit: 3.3.3 + + acorn@8.19.0: {} + + aria-query@5.3.1: {} + + axobject-query@4.1.0: {} + + clsx@2.1.1: {} + + cookie@2.0.1: {} + + deepmerge@4.3.1: {} + + detect-libc@2.1.2: {} + + devalue@5.9.4: {} + + esm-env@1.2.2: {} + + esrap@2.4.0: + dependencies: + '@jridgewell/sourcemap-codec': 1.6.0 + + fdir@6.5.0(picomatch@4.0.7): + optionalDependencies: + picomatch: 4.0.7 + + fsevents@2.3.3: + optional: true + + is-reference@3.0.3: + dependencies: + '@types/estree': 1.0.10 + + lightningcss-android-arm64@1.33.0: + optional: true + + lightningcss-darwin-arm64@1.33.0: + optional: true + + lightningcss-darwin-x64@1.33.0: + optional: true + + lightningcss-freebsd-x64@1.33.0: + optional: true + + lightningcss-linux-arm-gnueabihf@1.33.0: + optional: true + + lightningcss-linux-arm64-gnu@1.33.0: + optional: true + + lightningcss-linux-arm64-musl@1.33.0: + optional: true + + lightningcss-linux-x64-gnu@1.33.0: + optional: true + + lightningcss-linux-x64-musl@1.33.0: + optional: true + + lightningcss-win32-arm64-msvc@1.33.0: + optional: true + + lightningcss-win32-x64-msvc@1.33.0: + optional: true + + lightningcss@1.33.0: + dependencies: + detect-libc: 2.1.2 + optionalDependencies: + lightningcss-android-arm64: 1.33.0 + lightningcss-darwin-arm64: 1.33.0 + lightningcss-darwin-x64: 1.33.0 + lightningcss-freebsd-x64: 1.33.0 + lightningcss-linux-arm-gnueabihf: 1.33.0 + lightningcss-linux-arm64-gnu: 1.33.0 + lightningcss-linux-arm64-musl: 1.33.0 + lightningcss-linux-x64-gnu: 1.33.0 + lightningcss-linux-x64-musl: 1.33.0 + lightningcss-win32-arm64-msvc: 1.33.0 + lightningcss-win32-x64-msvc: 1.33.0 + + lit-element@4.2.2: + dependencies: + '@lit-labs/ssr-dom-shim': 1.6.0 + '@lit/reactive-element': 2.1.2 + lit-html: 3.3.3 + + lit-html@3.3.3: + dependencies: + '@types/trusted-types': 2.0.7 + + lit@3.3.3: + dependencies: + '@lit/reactive-element': 2.1.2 + lit-element: 4.2.2 + lit-html: 3.3.3 + + locate-character@3.0.0: {} + + magic-string@0.30.21: + dependencies: + '@jridgewell/sourcemap-codec': 1.6.0 + + magic-string@1.4.5: + dependencies: + '@jridgewell/sourcemap-codec': 1.6.0 + + mrmime@2.0.1: {} + + nanoid@3.3.20: {} + + obug@2.2.1: {} + + picocolors@1.1.1: {} + + picomatch@4.0.7: {} + + postcss@8.5.32: + dependencies: + nanoid: 3.3.20 + picocolors: 1.1.1 + source-map-js: 1.2.2 + + rolldown@1.2.16: + dependencies: + '@oxc-project/types': 0.156.0 + '@rolldown/pluginutils': 1.0.1 + optionalDependencies: + '@rolldown/binding-android-arm-eabi': 1.2.16 + '@rolldown/binding-android-arm64': 1.2.16 + '@rolldown/binding-darwin-arm64': 1.2.16 + '@rolldown/binding-darwin-x64': 1.2.16 + '@rolldown/binding-freebsd-x64': 1.2.16 + '@rolldown/binding-linux-arm-gnueabihf': 1.2.16 + '@rolldown/binding-linux-arm64-gnu': 1.2.16 + '@rolldown/binding-linux-arm64-musl': 1.2.16 + '@rolldown/binding-linux-ppc64-gnu': 1.2.16 + '@rolldown/binding-linux-s390x-gnu': 1.2.16 + '@rolldown/binding-linux-x64-gnu': 1.2.16 + '@rolldown/binding-linux-x64-musl': 1.2.16 + '@rolldown/binding-openharmony-arm64': 1.2.16 + '@rolldown/binding-win32-arm64-msvc': 1.2.16 + '@rolldown/binding-win32-x64-msvc': 1.2.16 + + sirv@3.0.2: + dependencies: + '@polka/url': 1.0.0-next.29 + mrmime: 2.0.1 + totalist: 3.0.1 + + source-map-js@1.2.2: {} + + svelte@5.57.3: + dependencies: + '@jridgewell/remapping': 2.3.5 + '@jridgewell/sourcemap-codec': 1.6.0 + '@sveltejs/acorn-typescript': 1.0.13(acorn@8.19.0) + '@types/estree': 1.0.10 + acorn: 8.19.0 + aria-query: 5.3.1 + axobject-query: 4.1.0 + clsx: 2.1.1 + devalue: 5.9.4 + esm-env: 1.2.2 + esrap: 2.4.0 + is-reference: 3.0.3 + locate-character: 3.0.0 + magic-string: 0.30.21 + zimmerframe: 1.1.5 + transitivePeerDependencies: + - '@typescript-eslint/types' + + tinyglobby@0.2.17: + dependencies: + fdir: 6.5.0(picomatch@4.0.7) + picomatch: 4.0.7 + + totalist@3.0.1: {} + + vite@8.3.5: + dependencies: + lightningcss: 1.33.0 + picomatch: 4.0.7 + postcss: 8.5.32 + rolldown: 1.2.16 + tinyglobby: 0.2.17 + optionalDependencies: + fsevents: 2.3.3 + + vitefu@1.1.3(vite@8.3.5): + optionalDependencies: + vite: 8.3.5 + + zimmerframe@1.1.5: {} diff --git a/tests/consumers/ssr/fixtures/sveltekit/pnpm-workspace.yaml b/tests/consumers/ssr/fixtures/sveltekit/pnpm-workspace.yaml new file mode 100644 index 0000000..f2eddb4 --- /dev/null +++ b/tests/consumers/ssr/fixtures/sveltekit/pnpm-workspace.yaml @@ -0,0 +1,4 @@ +packages: [] +autoInstallPeers: false +overrides: + "@vypdev/ha-ui": file:../pack-1/vypdev-ha-ui-0.1.0-next.1.tgz diff --git a/tests/consumers/ssr/fixtures/sveltekit/src/app.html b/tests/consumers/ssr/fixtures/sveltekit/src/app.html new file mode 100644 index 0000000..a0c9207 --- /dev/null +++ b/tests/consumers/ssr/fixtures/sveltekit/src/app.html @@ -0,0 +1,5 @@ + + + %sveltekit.head% +
%sveltekit.body%
+ diff --git a/tests/consumers/ssr/fixtures/sveltekit/src/routes/+page.svelte b/tests/consumers/ssr/fixtures/sveltekit/src/routes/+page.svelte new file mode 100644 index 0000000..e96f8b3 --- /dev/null +++ b/tests/consumers/ssr/fixtures/sveltekit/src/routes/+page.svelte @@ -0,0 +1,18 @@ + + +
+

SvelteKit server shell

+ {#if ClientTabs} + + {:else} +

Loading household controls…

+ {/if} +
diff --git a/tests/consumers/ssr/fixtures/sveltekit/src/routes/ClientTabs.svelte b/tests/consumers/ssr/fixtures/sveltekit/src/routes/ClientTabs.svelte new file mode 100644 index 0000000..f594abf --- /dev/null +++ b/tests/consumers/ssr/fixtures/sveltekit/src/routes/ClientTabs.svelte @@ -0,0 +1,18 @@ + + +{#snippet overview()}Household overview{/snippet} +{#snippet tasks()}Household tasks{/snippet} + +{count} +{#if mounted}{/if} diff --git a/tests/consumers/ssr/journey.mjs b/tests/consumers/ssr/journey.mjs new file mode 100644 index 0000000..91381e8 --- /dev/null +++ b/tests/consumers/ssr/journey.mjs @@ -0,0 +1,49 @@ +import assert from 'node:assert/strict'; + +export async function exerciseSsrBoundary(browser,origin,framework){ + const response=await fetch(origin); + assert.equal(response.status,200); + const markup=await response.text(); + assert.match(markup,new RegExp('

'+framework.replace('.','\\.')+' server shell

','u')); + assert.match(markup,/

Loading household controls…<\/p>/u); + assert.doesNotMatch(markup,/)/u,'The server shell must not render the browser control'); + const page=await browser.newPage({viewport:{width:360,height:640}}); + const errors=[],warnings=[],external=[]; + page.on('pageerror',error=>errors.push(error.message)); + page.on('console',message=>{if(message.type()==='error')errors.push(message.text());else if(message.type()==='warning')warnings.push(message.text());}); + await page.route('**/*',async route=>{ + if(new URL(route.request().url()).origin===origin)await route.continue(); + else{external.push(new URL(route.request().url()).origin);await route.abort();} + }); + try{ + await page.goto(origin); + const root=page.locator('vyp-ha-tabs'),count=page.getByLabel('Selection requests'); + const overview=page.getByRole('tab',{name:'Overview',exact:true}),tasks=page.getByRole('tab',{name:'Tasks',exact:true}); + await overview.waitFor(); + await page.getByRole('tabpanel',{name:'Overview'}).waitFor(); + assert.equal(await root.locator('[slot=overview]').innerText(),'Household overview'); + assert.equal(await count.textContent(),'0'); + assert.equal(await page.locator('[data-client-fallback]').count(),0); + assert.equal(await root.evaluate(node=>Boolean(customElements.get(node.localName) && node.shadowRoot)),true); + await overview.focus();await page.keyboard.press('End'); + assert.equal(await tasks.getAttribute('aria-selected'),'false'); + await page.keyboard.press('Enter'); + await page.getByRole('tabpanel',{name:'Tasks'}).waitFor(); + assert.equal(await root.locator('[slot=tasks]').innerText(),'Household tasks'); + assert.equal(await count.textContent(),'1'); + await overview.click(); + await page.getByRole('tabpanel',{name:'Overview'}).waitFor(); + assert.equal(await count.textContent(),'2'); + const retained=await root.elementHandle(); + assert.ok(retained); + const toggle=page.getByRole('button',{name:'Toggle controls'}); + await toggle.click();await root.waitFor({state:'detached'}); + await retained.evaluate(node=>node.shadowRoot.querySelector('#tab-tasks').click()); + assert.equal(await count.textContent(),'2'); + await toggle.click();await tasks.click(); + await page.getByRole('tabpanel',{name:'Tasks'}).waitFor(); + assert.equal(await count.textContent(),'3'); + assert.deepEqual({errors,warnings,external},{errors:[],warnings:[],external:[]}); + return {serverShell:true,serverFallback:true,browserOnlyRegistration:true,keyboard:true,projectedPanels:true,uniqueRequests:true,unmountAndRemount:true,errors,warnings,external}; + }finally{await page.close();} +} diff --git a/tests/contracts/button.test.ts b/tests/contracts/button.test.ts new file mode 100644 index 0000000..0df9e73 --- /dev/null +++ b/tests/contracts/button.test.ts @@ -0,0 +1,27 @@ +import {expect,test} from 'vitest'; +import {ButtonInputError,buttonState,buttonType,buttonName,buttonValue,buttonPressDetail} from '../../packages/core/src/button-contracts.js'; + +test('snapshots a closed button state with inert labels and explicit defaults',()=>{ + const source={label:'Save task'};const state=buttonState(source);source.label='Changed'; + expect(state).toEqual({label:'Save task',variant:'neutral',size:'medium',loading:false,loadingLabel:'Working…',iconOnly:false,pressed:null});expect(Object.isFrozen(state)).toBe(true); +}); +test.each(['primary','neutral','danger','success','warning','plain','outlined','filled'])('accepts the documented %s variant',variant=>expect(buttonState({label:'Save',variant}).variant).toBe(variant)); +test.each(['small','medium','large','extra-large'])('accepts the documented %s size',size=>expect(buttonState({label:'Save',size}).size).toBe(size)); +test.each([true,false,null])('preserves controlled pressed %s without inventing a toggle',pressed=>expect(buttonState({label:'Save',pressed,loading:true,loadingLabel:'Guardando…',iconOnly:true})).toMatchObject({pressed,loading:true,loadingLabel:'Guardando…',iconOnly:true})); +test.each([null,[],42,undefined,{}, {label:''},{label:'x',extra:1},{label:'x',variant:'unknown'},{label:'x',variant:42},{label:'x',size:'tiny'},{label:'x',loading:'false'},{label:'x',iconOnly:0},{label:'x',pressed:'mixed'},{label:'x',loadingLabel:''},{label:'x'.repeat(257)},{label:'x',loadingLabel:'x'.repeat(513)},{label:'\ud800'},{label:'x\nsecret'},{label:'x',loadingLabel:'\u0085'}])('rejects invalid button state atomically without diagnostic echo (%#)',raw=>{ + expect(()=>buttonState(raw)).toThrow(ButtonInputError);try{buttonState(raw);}catch(error){expect((error as ButtonInputError).code).toBe('invalid_button');expect((error as Error).message).toBe('invalid_button');} +}); +test('rejects symbol and non-enumerable unexpected state keys',()=>{for(const key of [Symbol('extra'),'extra']){const raw={label:'Save'};Object.defineProperty(raw,key,{value:true});expect(()=>buttonState(raw)).toThrow(ButtonInputError);}}); +test('accepts boundary labels, well-formed supplementary characters and explicit optional undefined',()=>{ + expect(buttonState({label:'x'.repeat(256),loadingLabel:'y'.repeat(512),variant:undefined,size:undefined,pressed:undefined}).label).toHaveLength(256);expect(buttonState({label:'🧹'}).label).toBe('🧹'); +}); +test.each(['button','submit','reset'])('validates the explicit %s action type',value=>expect(buttonType(value)).toBe(value)); +test.each([undefined,null,'','SUBMIT','image',42])('rejects unsupported action type (%#)',value=>expect(()=>buttonType(value)).toThrow(ButtonInputError)); +test('validates names independently of literal form values',()=>{ + expect(buttonName('')).toBe('');expect(buttonName('x'.repeat(128))).toHaveLength(128);expect(buttonValue('')).toBe('');expect(buttonValue('literal\nvalue')).toBe('literal\nvalue');expect(buttonValue('x'.repeat(16384))).toHaveLength(16384); + for(const value of [null,42,'x'.repeat(129),'invalid\nname','\ud800'])expect(()=>buttonName(value)).toThrow(ButtonInputError); + for(const value of [null,42,'x'.repeat(16385),'\ud800'])expect(()=>buttonValue(value)).toThrow(ButtonInputError); +}); +test('validates and freezes closed press snapshots before framework observers',()=>{const raw={type:'submit'};const detail=buttonPressDetail(raw);raw.type='reset';expect(detail).toEqual({type:'submit'});expect(Object.isFrozen(detail)).toBe(true);}); +test.each([null,[],{},42,{type:'button',extra:true},{type:'image'},{type:42},Object.create({type:'button'})])('rejects malformed press detail (%#)',value=>expect(()=>buttonPressDetail(value)).toThrow(ButtonInputError)); +test('rejects hidden and symbol press-detail extras',()=>{for(const key of [Symbol('extra'),'extra']){const raw={type:'button'};Object.defineProperty(raw,key,{value:true});expect(()=>buttonPressDetail(raw)).toThrow(ButtonInputError);}}); diff --git a/tests/contracts/card.test.ts b/tests/contracts/card.test.ts new file mode 100644 index 0000000..8f72d12 --- /dev/null +++ b/tests/contracts/card.test.ts @@ -0,0 +1,15 @@ +import {expect,test} from 'vitest'; +import {CardInputError,cardState} from '../../packages/core/src/card-contracts.js'; + +test('normalizes independent immutable card presentation without interpreting text',()=>{ + expect(cardState({})).toEqual({title:'',headingLevel:2,raised:false}); + const source={title:'Household tasks',headingLevel:4,raised:true},accepted=cardState(source); + expect(accepted).toEqual(source);expect(Object.isFrozen(accepted)).toBe(true); + source.title='Changed';expect(accepted.title).toBe('Household tasks'); + for(const headingLevel of [1,2,3,4,5,6])expect(cardState({headingLevel}).headingLevel).toBe(headingLevel); + expect(cardState({title:'😀'.repeat(256)}).title).toHaveLength(512); +}); + +test.each([null,[],true,'card',{extra:true},{[Symbol('field')]:true},{title:null},{title:' '},{title:'\udfff'},{title:'😀'.repeat(257)},{title:'Kitchen\nLaundry'},{headingLevel:0},{headingLevel:7},{headingLevel:2.5},{headingLevel:'2'},{raised:'true'},{raised:null}])('rejects invalid card state %j',raw=>{ + expect(()=>cardState(raw)).toThrow(CardInputError); +}); diff --git a/tests/contracts/catalog.test.ts b/tests/contracts/catalog.test.ts new file mode 100644 index 0000000..5aa2f2a --- /dev/null +++ b/tests/contracts/catalog.test.ts @@ -0,0 +1,17 @@ +import {expect,test} from 'vitest'; +import {catalogSettings,catalogCopy,catalogPalettes} from '../../stories/catalog-state.js'; +test.each([undefined,null,[],false,3,'es'])('invalid globals retain safe English/light/wide/system defaults',raw=>{ + expect(catalogSettings(raw)).toEqual({locale:'en',theme:'light',width:960,motion:'system'}); +}); +test.each(['es','ES','es-ES','es-MX'])('Spanish locale %s preserves the other scoped settings',locale=>{ + const raw={locale,theme:'dark',width:'narrow',motion:'reduced'},result=catalogSettings(raw);raw.theme='light'; + expect(result).toEqual({locale:'es',theme:'dark',width:360,motion:'reduced'});expect(Object.isFrozen(result)).toBe(true); +}); +test.each(['en','en-US','fr',3,'es')).toBe('\n');expect(checkboxValue('x'.repeat(16384))).toHaveLength(16384);invalid(()=>checkboxValue('x'.repeat(16385)));invalid(()=>checkboxValue('\ud800'));invalid(()=>checkboxValue(1)); + expect(state({label:'🧹'.repeat(256)}).label).toBe('🧹'.repeat(256));invalid(()=>state({label:'x'.repeat(257)})); +}); +test('native validity depends on checked rather than the controlled visual indeterminate flag',()=>{ + expect(checkboxValidity(false,state())).toEqual({flags:{valueMissing:false,customError:false},message:''});expect(checkboxValidity(false,state({required:true}))).toEqual({flags:{valueMissing:true,customError:false},message:'Select this option.'}); + expect(checkboxValidity(true,state({required:true,indeterminate:true})).flags.valueMissing).toBe(false);expect(checkboxValidity(false,state({required:true,indeterminate:true})).flags.valueMissing).toBe(true); + expect(checkboxValidity(true,state({error:'State error'})).message).toBe('State error');expect(checkboxValidity(false,state({required:true,error:'State error'}),'Custom error').message).toBe('Custom error');expect(Object.isFrozen(checkboxValidity(true,state()).flags)).toBe(true);expect(Object.isFrozen(checkboxValidity(true,state()))).toBe(true);invalid(()=>checkboxValidity(false,state(),42)); +}); +test('request payloads keep closed frozen boolean snapshots and only the documented reasons',()=>{ + for(const reason of ['change','reset','restore','autocomplete']){const value=checkboxChangeDetail({checked:true,reason});expect(value).toEqual({checked:true,reason});expect(Object.isFrozen(value)).toBe(true);} + for(const raw of [null,[],{}, {checked:'true',reason:'change'},{checked:false,reason:'input'},{checked:false,reason:'change',extra:1},Object.assign({checked:true,reason:'change'},{[Symbol('x')]:1})])invalid(()=>checkboxChangeDetail(raw)); +}); +test('restoration uses exact closed boolean text and rejects malformed or coerced state',()=>{ + for(const value of [true,false])expect(checkboxRestoreValue(checkboxRestoreState(value))).toBe(value); + for(const raw of [true,1,null,{},'', ' true','false ','1','True','secret'])invalid(()=>checkboxRestoreValue(raw));invalid(()=>checkboxRestoreState('true')); +}); diff --git a/tests/contracts/core.test.ts b/tests/contracts/core.test.ts new file mode 100644 index 0000000..8355804 --- /dev/null +++ b/tests/contracts/core.test.ts @@ -0,0 +1,122 @@ +import {describe, expect, test} from 'vitest'; +import {NavigationInputError, navigationState} from '../../packages/core/src/index.js'; + +const section = (patch: Record = {}) => ({id: 'tasks', label: 'Tasks', href: '#tasks', ...patch}); +const state = (patch: Record = {}) => ({kind: 'navigation', label: 'Household sections', selected: 'tasks', items: [section()], ...patch}); + +function rejected(value: unknown) { + expect(() => navigationState(value)).toThrow(NavigationInputError); + try { navigationState(value); } catch (error) { + expect(error).toBeInstanceOf(NavigationInputError); + expect((error as NavigationInputError).code).toBe('invalid_navigation'); + expect((error as Error).message).toBe('invalid_navigation'); + } +} + +describe('framework-neutral navigation contracts', () => { + test('imports and validates without browser globals or application identity', () => { + expect(typeof document).toBe('undefined'); + expect(navigationState(state())).toEqual({...state(),scrollStartLabel:'Scroll to start',scrollEndLabel:'Scroll to end', items: [{...section(), disabled: false, iconPath:null, showLabel:true}]}); + }); + test('takes immutable independent snapshots without altering caller objects', () => { + const source = state(), value = navigationState(source); + expect(value).not.toBe(source); expect(value.items).not.toBe(source.items); + expect(value.items[0]).not.toBe(source.items[0]); + source.items[0].label = 'Changed'; source.items.push(section({id: 'other'})); + expect(value.items).toHaveLength(1); expect(value.items[0].label).toBe('Tasks'); + expect(Object.isFrozen(value)).toBe(true); expect(Object.isFrozen(value.items)).toBe(true); + expect(Object.isFrozen(value.items[0])).toBe(true); + }); + test('retains literal multilingual labels and valid supplementary code points', () => { + const label = 'Tareas 🧹 '; + expect(navigationState(state({label, items: [section({label})]})).label).toBe(label); + expect(navigationState(state({label: '🧹'.repeat(256)})).label).toHaveLength(512); + expect(navigationState(state({items: [section({id: 'a'.repeat(128)})], selected: 'a'.repeat(128)})).selected).toHaveLength(128); + }); + test('supports an explicit empty state and no automatic destination selection', () => { + expect(navigationState(state({items: [], selected: null})).items).toEqual([]); + expect(navigationState(state({selected: null})).selected).toBeNull(); + }); + test('panel mode uses IDs for slots and accepts no link target', () => { + const value = navigationState(state({kind: 'panels', items: [{id: 'tasks', label: 'Tasks'}]})); + expect(value.items[0]).toEqual({id: 'tasks', label: 'Tasks', disabled: false, href: null, iconPath:null, showLabel:true}); + expect(navigationState(state({kind: 'panels', items: [section({href: null})]}))).toEqual(value); + }); + test('disabled items remain identifiable but cannot become selected', () => { + const value = navigationState(state({selected: null, items: [section({disabled: true})]})); + expect(value.items[0].disabled).toBe(true); + rejected(state({items: [section({disabled: true})]})); + }); + test.each(['#tasks', '/tasks?status=open', './tasks', '../tasks', '?view=agenda', 'https://example.invalid/tasks', 'http://example.invalid:8123/tasks'])('preserves the application-owned safe link %s', href => { + expect(navigationState(state({items: [section({href})]})).items[0].href).toBe(href); + }); + test('accepts exactly sixty-four distinct items without truncating the model', () => { + const items = Array.from({length: 64}, (_, n) => section({id: 'section-' + n})); + expect(navigationState(state({items, selected: 'section-63'})).items).toHaveLength(64); + }); + test.each([null, undefined, true, 'navigation', [], {}, {...state(), userId: 'private'}, {...state(), kind: 'unknown'}, {...state(), selected: undefined}])('rejects invalid or extended state %j', rejected); + test.each([null, [], true, {}, {...section(), html: ''}])('rejects invalid or extended items %j', item => rejected(state({items: [item]}))); + test.each([null, {}, 'items', Array.from({length: 65}, (_, n) => section({id: 'i-' + n}))])('rejects malformed or excessive item lists', items => rejected(state({items}))); + test('rejects sparse item lists with and without a selected destination', () => { + const empty=Array(1),mixed=Array(2);mixed[1]=section(); + rejected(state({items:empty,selected:null}));rejected(state({items:mixed}));rejected(state({items:mixed,selected:null})); + }); + test('rejects a missing item even when its position is inherited', () => { + const items=Array(1); + Object.setPrototypeOf(items,Object.assign(Object.create(Array.prototype),{0:section()})); + rejected(state({items})); + }); + test('rejects duplicate identifiers without choosing one arbitrarily', () => rejected(state({items: [section(), section()]}))); + test.each(['', ' ', 'a b', 'a/b', 'a'.repeat(129), 'á', 'a:b'])('rejects unsupported identifier %j', id => rejected(state({items: [section({id})], selected: id}))); + test.each(['missing', 3, false, {}])('rejects a missing or malformed current destination %j', selected => rejected(state({selected}))); + test.each(['', ' ', 3, null, '\u0000bad', '\u007Fbad', '\ud800', '🧹'.repeat(257)])('rejects invalid accessible label %j', label => rejected(state({label}))); + test.each(['', null, 3, '\u0001', '\udfff', 'x'.repeat(257)])('rejects invalid item label %j', label => rejected(state({items: [section({label})]}))); + test.each([null, 1, 'false'])('does not coerce disabled %j to a boolean', disabled => rejected(state({items: [section({disabled})]}))); + test.each(['javascript:alert(1)', 'data:text/html,unsafe', 'file:///private/data', '//example.invalid', '\\example.invalid', 'https://user:password@example.invalid', 'https://user@example.invalid', 'https://:password@example.invalid', 'http://[invalid', ' #tasks', '#tasks ', '', null, 3, 'x'.repeat(2049)])('rejects unsafe or malformed links %j', href => rejected(state({items: [section({href})]}))); + test('rejects a link in panel mode instead of silently changing interaction semantics', () => rejected(state({kind: 'panels'}))); +}); + +// Regression for the reviewed Unicode control boundary. +test.each(Array.from({length: 32}, (_, index) => (0x80 + index).toString(16)))( + 'rejects Unicode C1 control U+%s in labels and links', code => { + const control = String.fromCodePoint(Number.parseInt(code, 16)); + rejected(state({label: 'A' + control + 'B'})); + rejected(state({items: [section({label: 'A' + control + 'B'})]})); + rejected(state({items: [section({href: '#A' + control + 'B'})]})); + }, +); +test('preserves visible Unicode just beyond the C1 boundary', () => { + const label = 'A\u00a0¡B'; + expect(navigationState(state({label, items: [section({label})]})).items[0].label).toBe(label); +}); + +test('navigation icons default to visible labels and no path without changing selection authority',()=>{ + const value=navigationState(state());expect(value.items[0].iconPath).toBeNull();expect(value.items[0].showLabel).toBe(true); +}); +test('local path data and the visible-label choice survive immutable snapshots in either semantic mode',()=>{ + for(const kind of ['navigation','panels']){ + const item:Record=section({href:kind==='navigation'?'#tasks':null,iconPath:'M3 11L12 3L21 11V21H3Z',showLabel:false}); + const value=navigationState(state({kind,items:[item]}));item.iconPath='M0 0H1V1Z';item.showLabel=true; + expect(value.items[0].iconPath).toBe('M3 11L12 3L21 11V21H3Z');expect(value.items[0].showLabel).toBe(false); + expect(value.items[0].label).toBe('Tasks');expect(Object.isFrozen(value.items[0])).toBe(true); + } +}); +test.each([undefined,null])('an omitted/null path keeps the text presentation: %s',iconPath=>{ + expect(navigationState(state({items:[section({iconPath})]})).items[0].iconPath).toBeNull(); +}); +test('accepts bounded local SVG path command data, including relative/arc/exponent forms',()=>{ + for(const iconPath of ['M0 0L24 24Z','m1.5 2e-1c0 1 2 3 4 5s1 2 3 4q1 2 3 4t1 2a1 1 0 0 1 2 2z','M0 0'+' L0 0'.repeat(3276)]) + expect(navigationState(state({items:[section({iconPath,showLabel:true})]})).items[0].iconPath).toBe(iconPath); +}); +test.each(['', ' ', 'M', '0 0L1 1', '', 'https://example.invalid/icon.svg', 'javascript:alert(1)', 'M0 0\u0080L1 1', 'M0 0\nL1 1', 'M0 0'+' L0 0'.repeat(3277), 3, false, {}, []])('rejects malformed/local-path boundary %j',iconPath=>rejected(state({items:[section({iconPath})]}))); +test.each([null,0,1,'false',{}])('does not coerce visible-label choice %j',showLabel=>rejected(state({items:[section({iconPath:'M0 0H24V24Z',showLabel})]}))); +test.each([undefined,null])('cannot hide a label without a local icon: %s',iconPath=>rejected(state({items:[section({iconPath,showLabel:false})]}))); +test('an icon-only item still requires its full nonempty accessible label',()=>rejected(state({items:[section({label:'',iconPath:'M0 0H24V24Z',showLabel:false})]}))); + +test('navigation scroll labels have an English fallback and accept localized controlled text',()=>{ + const fallback=navigationState(state());expect(fallback.scrollStartLabel).toBe('Scroll to start');expect(fallback.scrollEndLabel).toBe('Scroll to end'); + const value=navigationState(state({scrollStartLabel:'Desplazar al inicio',scrollEndLabel:'Desplazar al final'}));expect(value.scrollStartLabel).toBe('Desplazar al inicio');expect(value.scrollEndLabel).toBe('Desplazar al final'); +}); +test.each(['', ' ', null, false, 3, '\u0080', 'x'.repeat(257)])('rejects invalid scroll control labels %j',label=>{ + rejected(state({scrollStartLabel:label}));rejected(state({scrollEndLabel:label})); +}); diff --git a/tests/contracts/dialog.test.ts b/tests/contracts/dialog.test.ts new file mode 100644 index 0000000..8b0157e --- /dev/null +++ b/tests/contracts/dialog.test.ts @@ -0,0 +1,22 @@ +import {expect,test} from 'vitest'; +import {DialogInputError,dialogOpen,dialogRequestDetail,dialogState} from '../../packages/core/src/dialog-contracts.js'; + +test('dialog defaults and explicit display state are immutable and preserve inert text',()=>{ + const defaults=dialogState({title:'Delete task?'}); + expect(defaults).toEqual({title:'Delete task?',subtitle:'',description:'',kind:'standard',width:'medium',closeLabel:'Close',cancelLabel:'Cancel',confirmLabel:'',confirmTone:'primary',confirmDisabled:false,pending:false,pendingLabel:'Working…',guardDismiss:false}); + const raw={...defaults,title:'',subtitle:'Household settings',description:'Kitchen supplies',kind:'alert',width:'small',closeLabel:'Cerrar',cancelLabel:'',confirmLabel:'Eliminar',confirmTone:'danger',confirmDisabled:true,pending:true,pendingLabel:'Guardando…',guardDismiss:true}; + const accepted=dialogState(raw);expect(accepted).toEqual(raw);expect(Object.isFrozen(accepted)).toBe(true);raw.title='Changed';expect(accepted.title).toContain('{ + expect(()=>dialogState(raw)).toThrow(DialogInputError); +}); + +test('dialog requests are closed typed values and open accepts only booleans',()=>{ + for(const action of ['confirm','cancel','close','escape','scrim','native']){ + const detail=dialogRequestDetail({action});expect(detail).toEqual({action});expect(Object.isFrozen(detail)).toBe(true); + } + for(const raw of [null,[],1,{},Object.create({action:'cancel'}),{action:'submit'},{action:'cancel',extra:true},{action:'cancel',[Symbol('extra')]:true}])expect(()=>dialogRequestDetail(raw)).toThrow(DialogInputError); + expect(dialogOpen(true)).toBe(true);expect(dialogOpen(false)).toBe(false);expect(()=>dialogOpen('true')).toThrow(DialogInputError); +}); diff --git a/tests/contracts/feedback.test.ts b/tests/contracts/feedback.test.ts new file mode 100644 index 0000000..630a86a --- /dev/null +++ b/tests/contracts/feedback.test.ts @@ -0,0 +1,31 @@ +import {expect,test} from 'vitest'; +import {feedbackState,FeedbackInputError} from '../../packages/core/src/feedback-contracts.js'; + +test('notices keep inert, bounded text and one allowed tone',()=>{ + const text='Shopping 🧹',model=feedbackState({kind:'notice',message:text}); + expect(model).toEqual({kind:'notice',tone:'info',title:'',message:text,narrow:false,icon:true}); + expect(Object.isFrozen(model)).toBe(true); + expect(feedbackState({kind:'notice',tone:'error',title:'Review',message:'Try again.',narrow:true})).toEqual({kind:'notice',tone:'error',title:'Review',message:'Try again.',narrow:true,icon:true}); + for(const tone of ['success','warning'])expect(feedbackState({kind:'notice',message:'Check',tone}).tone).toBe(tone); +}); + +test('empty and loading have distinct content requirements and round-trip immutable state',()=>{ + const empty=feedbackState({kind:'empty',title:'No household tasks'}); + expect(empty).toEqual({kind:'empty',title:'No household tasks',message:'',tone:'info',narrow:false,icon:true}); + expect(feedbackState(empty)).toEqual(empty); + expect(feedbackState({kind:'empty',title:'No tasks',icon:false}).icon).toBe(false); + const loading=feedbackState({kind:'loading',message:'Loading tasks…'}); + expect(loading).toEqual({kind:'loading',title:'',message:'Loading tasks…',tone:'info',narrow:false,icon:true}); + expect(feedbackState(loading)).toEqual(loading); +}); + +test('rejects unknown modes, invalid fields and mixed presentation state',()=>{ + for(const raw of [ + null,[],42,{},{kind:'other',message:'Checking'},{kind:'notice',message:''},{kind:'notice',message:' '}, + {kind:'notice',message:'Checking',tone:'fatal'},{kind:'notice',message:'Checking',tone:0},{kind:'notice',message:'Checking',icon:'no'},{kind:'notice',message:'Checking',narrow:'yes'}, + {kind:'notice',message:'Checking',title:'x'.repeat(257)},{kind:'notice',message:'x'.repeat(513)}, + {kind:'notice',message:'\u0085'},{kind:'notice',message:'Checking',href:'#extra'},{kind:'notice',message:'Checking',[Symbol()]:true}, + {kind:'empty',message:'Try again'},{kind:'empty',title:'No tasks',narrow:true},{kind:'empty',title:'No tasks',tone:'success'}, + {kind:'loading',message:'Loading',title:'Busy'},{kind:'loading',message:''},{kind:'loading',message:'Loading',tone:'error'},{kind:'loading',message:'Loading',narrow:true},{kind:'loading',message:'Loading',icon:false}, + ])expect(()=>feedbackState(raw)).toThrow(FeedbackInputError); +}); diff --git a/tests/contracts/field.test.ts b/tests/contracts/field.test.ts new file mode 100644 index 0000000..30a5380 --- /dev/null +++ b/tests/contracts/field.test.ts @@ -0,0 +1,54 @@ +import {expect,test} from 'vitest'; +import {FieldInputError,textFieldState,textFieldValue,textFieldName,textFieldValidity,fieldValueDetail} from '../../packages/core/src/field-contracts.js'; +const state=(patch:Record={})=>({label:'Task title',...patch}); +function reject(action:()=>unknown){expect(action).toThrow(FieldInputError);try{action();}catch(error){expect((error as FieldInputError).code).toBe('invalid_field');expect((error as Error).message).toBe('invalid_field');}} +test('field contracts import without DOM and return immutable independent configuration',()=>{ + expect(typeof document).toBe('undefined');const input=state(),value=textFieldState(input);input.label='Changed'; + expect(value.label).toBe('Task title');expect(Object.isFrozen(value)).toBe(true); + expect(value).toEqual({label:'Task title',description:'',placeholder:'',required:false,readOnly:false,minLength:0,maxLength:16384,error:'',requiredMessage:'Enter a value.',tooShortMessage:'Enter more characters.',tooLongMessage:'Enter fewer characters.'}); +}); +test('explicit valid values and literal multilingual text remain intact',()=>{ + const input=state({label:'Título 🧹 ',description:'Description',placeholder:'A title',required:true,readOnly:true,minLength:2,maxLength:32,error:'Review this value',requiredMessage:'Introduce un valor.',tooShortMessage:'Introduce más caracteres.',tooLongMessage:'Introduce menos caracteres.'}); + expect(textFieldState(input)).toEqual(input); +}); +test.each([null,undefined,[],true,'field',{},Object.create({label:'Inherited'}),state({html:'unsafe'})])('rejects malformed or extended configuration',value=>reject(()=>textFieldState(value))); +test.each(['', ' ', 3, null, '\u0000', '\u007f', '\ud800', 'a'.repeat(257)])('rejects an invalid accessible label',label=>reject(()=>textFieldState(state({label})))); +test.each(Array.from({length:32},(_,n)=>String.fromCodePoint(0x80+n)))('rejects every C1 label control',control=>reject(()=>textFieldState(state({label:'A'+control+'B'})))); +test.each(['description','placeholder','error'])('optional %s preserves an explicit empty string and has bounded inert text',field=>{ + expect(textFieldState(state({[field]:''}))[field as 'description']).toBe(''); + for(const value of [null,3,' ','\udfff','x'.repeat(513)])reject(()=>textFieldState(state({[field]:value}))); +}); +test.each(['requiredMessage','tooShortMessage','tooLongMessage'])('requires a nonempty bounded %s',field=>{ + for(const value of ['',null,' ','x'.repeat(513),'\u0085'])reject(()=>textFieldState(state({[field]:value}))); +}); +test.each(['required','readOnly'])('does not coerce %s to a boolean',field=>{ + for(const value of [null,1,'false'])reject(()=>textFieldState(state({[field]:value}))); +}); +test.each(['minLength','maxLength'])('validates %s as a bounded integer',field=>{ + for(const value of [null,'3',-1,1.5,Infinity,NaN,16385])reject(()=>textFieldState(state({[field]:value}))); +}); +test('rejects inverted length limits but preserves zero and the exact upper bound',()=>{ + reject(()=>textFieldState(state({minLength:3,maxLength:2}))); + expect(textFieldState(state({maxLength:0})).maxLength).toBe(0); + expect(textFieldState(state({minLength:16384})).minLength).toBe(16384); +}); +test.each(['','Title',' Título 🧹 ','','x'.repeat(16384),'\t'])('preserves a valid single-line field value',value=>expect(textFieldValue(value)).toBe(value)); +test.each([null,undefined,3,{},'a\nb','a\rb','\ud800','x'.repeat(16385)])('rejects an invalid value without diagnostics containing it',value=>reject(()=>textFieldValue(value))); +test.each(['','task_title','Título de tarea','items[]'])('preserves a valid form name',name=>expect(textFieldName(name)).toBe(name)); +test.each([null,undefined,{},' ','x'.repeat(129),'a\u0085b'])('rejects an invalid form name',name=>reject(()=>textFieldName(name))); +test('validity is immutable and distinguishes optional empty, required, short, long and explicit errors',()=>{ + const config=state({required:true,minLength:3,maxLength:5}); + const missing=textFieldValidity('',config);expect(missing.flags).toEqual({valueMissing:true,tooShort:false,tooLong:false,customError:false});expect(missing.message).toBe('Enter a value.'); + expect(textFieldValidity('a',config).message).toBe('Enter more characters.');expect(textFieldValidity('longer',config).message).toBe('Enter fewer characters.'); + expect(textFieldValidity('good',config).message).toBe('');expect(textFieldValidity('',state({minLength:3})).message).toBe(''); + expect(textFieldValidity('',{...config,error:'Server error'}).message).toBe('Server error');expect(textFieldValidity('',config,'Custom error').message).toBe('Custom error'); + expect(Object.isFrozen(missing)).toBe(true);expect(Object.isFrozen(missing.flags)).toBe(true); +}); +test('public validity inputs keep the same bounded validation contract',()=>{ + reject(()=>textFieldValidity(null,state()));reject(()=>textFieldValidity('ok',null));reject(()=>textFieldValidity('ok',state(),'\u0000')); +}); + +test.each(['input','reset','restore','autocomplete'])('field request %s is validated and independently frozen',reason=>{ + const input={value:'Kitchen',reason},detail=fieldValueDetail(input);input.value='Changed';expect(detail).toEqual({value:'Kitchen',reason});expect(Object.isFrozen(detail)).toBe(true); +}); +test.each([null,undefined,[],false,'event',{}, {value:'Kitchen'}, {reason:'input'}, {value:'Kitchen',reason:'other'}, {value:42,reason:'input'}, {value:'x',reason:'input',extra:true},Object.assign(Object.create({value:'Inherited'}),{reason:'input',other:true}),Object.assign(Object.create({reason:'input'}),{value:'Kitchen',other:true})])('rejects malformed field intent detail before model use',detail=>reject(()=>fieldValueDetail(detail))); diff --git a/tests/contracts/layout.test.ts b/tests/contracts/layout.test.ts new file mode 100644 index 0000000..7a5047d --- /dev/null +++ b/tests/contracts/layout.test.ts @@ -0,0 +1,20 @@ +import {expect,test} from 'vitest'; +import {gridState,LayoutInputError,rowState} from '../../packages/core/src/layout-contracts.js'; + +test('a passive row keeps immutable, bounded inert presentation text',()=>{ + const row=rowState({label:'Shopping 🧹',description:'Review the shared list.'}); + expect(row).toEqual({label:'Shopping 🧹',description:'Review the shared list.'});expect(Object.isFrozen(row)).toBe(true); + expect(rowState({label:'x'.repeat(256)}).description).toBe(''); + for(const raw of [null,[],42,{},{label:''},{label:' '},{label:'x'.repeat(257)},{label:'Tasks',description:'\u0085'},{label:'Tasks',description:'x'.repeat(513)},{label:'Tasks',href:'#unrecognized'},{label:'Tasks',[Symbol()]:true}]){ + expect(()=>rowState(raw)).toThrow(LayoutInputError); + } +}); + +test('grid columns and responsive sizes are bounded and the default grid remains presentation-only',()=>{ + expect(gridState({})).toEqual({columns:3,minColumnWidth:0,square:false,label:''});expect(Object.isFrozen(gridState({}))).toBe(true); + expect(gridState({columns:6,minColumnWidth:720,square:true,label:'Kitchen'})).toEqual({columns:6,minColumnWidth:720,square:true,label:'Kitchen'}); + expect(gridState({columns:1,minColumnWidth:96}).minColumnWidth).toBe(96); + for(const raw of [null,[],0,{unknown:true},{columns:'3'},{columns:0},{columns:7},{columns:2.5},{minColumnWidth:'150'},{minColumnWidth:95},{minColumnWidth:721},{minColumnWidth:120.5},{square:'yes'},{label:4},{label:'x'.repeat(257)}]){ + expect(()=>gridState(raw)).toThrow(LayoutInputError); + } +}); diff --git a/tests/contracts/navigation-scroll.test.ts b/tests/contracts/navigation-scroll.test.ts new file mode 100644 index 0000000..119ce55 --- /dev/null +++ b/tests/contracts/navigation-scroll.test.ts @@ -0,0 +1,29 @@ +import {expect,test} from 'vitest'; +import {navigationScrollGeometry,navigationPageScroll} from '../../packages/core/src/navigation-scroll.js'; + +test.each([ + [405,240,0,false,165,0,false,true], + [670,240,240,false,430,240,true,true], + [670,240,430,false,430,430,true,false], + [670,240,-240,true,430,240,true,true], + [670,240,-430,true,430,430,true,false], + [670,240,0,true,430,0,false,true], + [240,240,0,false,0,0,false,false], + [240.5,240,0,false,.5,0,false,false], + [241,240,0,false,1,0,false,false], + [242,240,1,false,2,1,false,false], + [670,240,-5,false,430,0,false,true], + [670,240,500,false,430,430,true,false], + [670,240,5,true,430,0,false,true], + [670,240,-500,true,430,430,true,false], + [0,0,0,false,0,0,false,false], + [200,240,0,false,0,0,false,false], +] as const)('normalizes actual horizontal geometry %j/%j/%j/rtl=%j', (width,viewport,offset,rtl,maximum,position,start,end)=>{ + const value=navigationScrollGeometry(width,viewport,offset,rtl);expect(value).toEqual({maximum,position,viewport,rtl,start,end});expect(Object.isFrozen(value)).toBe(true); +}); +test.each([[NaN,100,0],[100,Infinity,0],[100,10,NaN],[-1,10,0],[100,-1,0]])('rejects invalid internal geometry without logging values',(...args)=>expect(()=>navigationScrollGeometry(...args as [number,number,number],false)).toThrow('invalid_scroll_geometry')); +test.each([false,true])('pages logically and clamps both ends, rtl=%s',rtl=>{ + const sign=rtl?-1:1;const start=navigationScrollGeometry(670,240,0,rtl),middle=navigationScrollGeometry(670,240,240*sign,rtl),end=navigationScrollGeometry(670,240,430*sign,rtl); + expect(navigationPageScroll(start,'end')).toBe(240*sign);expect(navigationPageScroll(start,'start')).toBe(0);expect(navigationPageScroll(middle,'end')).toBe(430*sign);expect(navigationPageScroll(middle,'start')).toBe(0);expect(navigationPageScroll(end,'start')).toBe(190*sign); +}); +test('nonoverflowing geometry has one stable zero target',()=>expect(navigationPageScroll(navigationScrollGeometry(0,0,0,true),'end')).toBe(0)); diff --git a/tests/contracts/raster-archive.test.mjs b/tests/contracts/raster-archive.test.mjs new file mode 100644 index 0000000..ae5bcd2 --- /dev/null +++ b/tests/contracts/raster-archive.test.mjs @@ -0,0 +1,97 @@ +import assert from 'node:assert/strict'; +import {createHash} from 'node:crypto'; +import {mkdtemp,mkdir,readFile,readdir,rm,writeFile} from 'node:fs/promises'; +import {tmpdir} from 'node:os'; +import {join} from 'node:path'; +import {test} from 'vitest'; +import {originalRasterReader,packRasterSet} from '../../tooling/raster-archive.mjs'; + +const digest=bytes=>createHash('sha256').update(bytes).digest('hex'); +const png=Buffer.from('iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/x8AAwMCAO+aB94AAAAASUVORK5CYII=','base64'); +const logical=(name,sha256=digest(png))=>({path:'tests/storybook/reference/ha-proof/'+name,sha256}); + +async function temporarySet(run){ + const root=await mkdtemp(join(tmpdir(),'ha-ui-raster-test-')),family=join(root,'ha-proof'); + try{ + await mkdir(family); + const {archive,index}=packRasterSet({'light/sample.png':png,'dark/sample.png':png}); + await writeFile(join(family,'originals.tar'),archive); + await writeFile(join(family,'index.json'),JSON.stringify(index)); + await run({root,family,archive,index}); + }finally{await rm(root,{recursive:true,force:true});} +} + +test('packs original PNG bytes deterministically into standard ustar entries',()=>{ + const first=packRasterSet({'light/sample.png':png,'dark/sample.png':png}); + const second=packRasterSet({'dark/sample.png':png,'light/sample.png':png}); + assert.deepEqual(first,second); + assert.equal(first.archive.toString('ascii',257,263),'ustar\0'); + assert.equal(first.archive.toString('ascii',0,15),'dark/sample.png'); + assert.equal(first.index.sha256,digest(first.archive)); + assert.deepEqual(first.index.entries['dark/sample.png'],[512,png.length]); + assert.deepEqual(first.index.entries['light/sample.png'],[1536,png.length]); + assert.deepEqual(first.archive.subarray(512,512+png.length),png); + assert.deepEqual(first.archive.subarray(-1024),Buffer.alloc(1024)); +}); + +test('rejects unsafe entry paths, impossible tar names and non-PNG inputs',()=>{ + for(const [name,bytes] of [['../sample.png',png],['a'.repeat(101)+'.png',png],['sample.png','data'],['sample.png',Buffer.from('other')]]){ + assert.throws(()=>packRasterSet({[name]:bytes}),/Invalid reference PNG/u); + } +}); + +test('a caller receives a defensive copy from a cached verified archive',()=>temporarySet(async({root,family})=>{ + const read=originalRasterReader(root),sample=logical('light/sample.png'),first=await read(sample); + first.fill(0); + await rm(join(family,'originals.tar')); + assert.deepEqual(await read(sample),png); + assert.deepEqual(await read(logical('dark/sample.png')),png); +})); + +test('rejects an unsafe logical name, a missing entry or a mismatch with the original receipt',()=>temporarySet(async({root})=>{ + const read=originalRasterReader(root); + await assert.rejects(read({...logical('dark/sample.png'),path:'/tmp/sample.png'}),/Invalid original raster path/u); + await assert.rejects(read(logical('../sample.png')),/Invalid original raster path/u); + await assert.rejects(read(logical('dark/missing.png')),/Missing original raster/u); + await assert.rejects(read(logical('dark/sample.png','0'.repeat(64))),/Original raster digest changed/u); +})); + +test('rejects an archive with changed bytes or an unsupported archive format',()=>temporarySet(async({root,family,archive,index})=>{ + await writeFile(join(family,'originals.tar'),Buffer.concat([archive,Buffer.from('changed')])); + await assert.rejects(originalRasterReader(root)(logical('light/sample.png')),/Invalid original raster archive/u); + await writeFile(join(family,'originals.tar'),archive); + await writeFile(join(family,'index.json'),JSON.stringify({...index,format:'other'})); + await assert.rejects(originalRasterReader(root)(logical('light/sample.png')),/Invalid original raster archive/u); +})); + +test('every recorded original remains reachable, byte-identical and covered by the source inventory',async()=>{ + const root='tests/storybook/reference',read=originalRasterReader(root); + const paths=new Map(); + function collect(value){ + if(Array.isArray(value)){value.forEach(collect);return;} + if(value===null||typeof value!=='object')return; + if(typeof value.path==='string'&&value.path.startsWith(root+'/')){ + assert.match(value.sha256,/^[a-f0-9]{64}$/u); + if(paths.has(value.path))assert.equal(paths.get(value.path),value.sha256); + paths.set(value.path,value.sha256); + } + Object.values(value).forEach(collect); + } + for(const name of (await readdir('docs/evidence')).filter(name=>name.endsWith('.json'))){ + collect(JSON.parse(await readFile(join('docs/evidence',name),'utf8'))); + } + const indexed=[]; + for(const family of await readdir(root,{withFileTypes:true})){ + if(!family.isDirectory())continue; + const dir=join(root,family.name); + assert.deepEqual((await readdir(dir)).sort(),['index.json','originals.tar']); + const index=JSON.parse(await readFile(join(dir,'index.json'),'utf8')); + indexed.push(...Object.keys(index.entries).map(name=>root+'/'+family.name+'/'+name)); + } + assert.ok(paths.size>0); + assert.deepEqual(indexed.sort(),[...paths.keys()].sort()); + await Promise.all([...paths].map(async([path,sha256])=>{ + const bytes=await read({path,sha256}); + assert.equal(bytes.toString('ascii',12,16),'IHDR'); + })); +}); diff --git a/tests/contracts/registration.test.ts b/tests/contracts/registration.test.ts new file mode 100644 index 0000000..1f90402 --- /dev/null +++ b/tests/contracts/registration.test.ts @@ -0,0 +1,61 @@ +import {afterEach,expect,test,vi} from 'vitest'; +import {registerCheckbox} from '../../packages/core/src/components/checkbox.js'; +import {registerSelect} from '../../packages/core/src/components/select.js'; +import {registerButton} from '../../packages/core/src/components/button.js'; +import {registerDialog} from '../../packages/core/src/components/dialog.js'; +import {registerCard} from '../../packages/core/src/components/card.js'; +import {registerFeedback} from '../../packages/core/src/components/feedback.js'; +import {registerGrid,registerRow} from '../../packages/core/src/components/layout.js'; +import {registerTabs} from '../../packages/core/src/components/tabs.js'; +test('does not define a tag or render on the server; registration rejects even a dependency DOM shim', () => { + expect(typeof document).toBe('undefined'); + expect(globalThis.customElements?.get('vyp-ha-tabs')).toBeUndefined(); + expect(()=>registerTabs()).toThrow('registerTabs requires a browser CustomElementRegistry'); +}); + +import {registerField} from '../../packages/core/src/components/field.js'; +test('field registration rejects server rendering without defining its tag',()=>{ + expect(globalThis.customElements?.get('vyp-ha-field')).toBeUndefined(); + expect(()=>registerField()).toThrow('registerField requires a browser CustomElementRegistry'); +}); + +afterEach(()=>vi.unstubAllGlobals()); +test.each([ + ['vyp-ha-checkbox',registerCheckbox,'registerCheckbox requires a browser CustomElementRegistry'], + ['vyp-ha-select',registerSelect,'registerSelect requires a browser CustomElementRegistry'], + ['vyp-ha-button',registerButton,'registerButton requires a browser CustomElementRegistry'], + ['vyp-ha-tabs',registerTabs,'registerTabs requires a browser CustomElementRegistry'], + ['vyp-ha-field',registerField,'registerField requires a browser CustomElementRegistry'], + ['vyp-ha-dialog',registerDialog,'registerDialog requires a browser CustomElementRegistry'], + ['vyp-ha-card',registerCard,'registerCard requires a browser CustomElementRegistry'], + ['vyp-ha-row',registerRow,'Layout registration requires a browser CustomElementRegistry'], + ['vyp-ha-grid',registerGrid,'Layout registration requires a browser CustomElementRegistry'], + ['vyp-ha-feedback',registerFeedback,'registerFeedback requires a browser CustomElementRegistry'], +] as const)('rejects %s registration with no registry at all',(tag,register,message)=>{ + vi.stubGlobal('customElements',undefined); + expect(typeof document).toBe('undefined'); + expect(globalThis.customElements?.get(tag)).toBeUndefined(); + expect(()=>register()).toThrow(message); + expect(globalThis.customElements?.get(tag)).toBeUndefined(); +}); + +test('button registration rejects a server even with the dependency shim',()=>{expect(typeof document).toBe('undefined');expect(globalThis.customElements?.get('vyp-ha-button')).toBeUndefined();expect(()=>registerButton()).toThrow('registerButton requires a browser CustomElementRegistry');}); + +test('select registration rejects a server even with the dependency shim',()=>{expect(typeof document).toBe('undefined');expect(globalThis.customElements?.get('vyp-ha-select')).toBeUndefined();expect(()=>registerSelect()).toThrow('registerSelect requires a browser CustomElementRegistry');}); + +test('checkbox registration rejects a server even with a dependency registry shim',()=>{expect(typeof document).toBe('undefined');expect(globalThis.customElements?.get('vyp-ha-checkbox')).toBeUndefined();expect(()=>registerCheckbox()).toThrow('registerCheckbox requires a browser CustomElementRegistry');}); + +test('dialog registration rejects a server without registering its button dependency',()=>{expect(typeof document).toBe('undefined');expect(()=>registerDialog()).toThrow('registerDialog requires a browser CustomElementRegistry');expect(globalThis.customElements?.get('vyp-ha-dialog')).toBeUndefined();expect(globalThis.customElements?.get('vyp-ha-button')).toBeUndefined();}); + +test('card registration rejects server rendering without defining its tag',()=>{expect(typeof document).toBe('undefined');expect(()=>registerCard()).toThrow('registerCard requires a browser CustomElementRegistry');expect(globalThis.customElements?.get('vyp-ha-card')).toBeUndefined();}); + + +test('layout imports leave both tags unregistered in a DOM-free process with a registry shim',()=>{ + expect(typeof document).toBe('undefined'); + expect(()=>registerRow()).toThrow('Layout registration requires a browser CustomElementRegistry'); + expect(()=>registerGrid()).toThrow('Layout registration requires a browser CustomElementRegistry'); + expect(globalThis.customElements?.get('vyp-ha-row')).toBeUndefined(); + expect(globalThis.customElements?.get('vyp-ha-grid')).toBeUndefined(); +}); + +test('feedback import does not register or render on the server',()=>{expect(typeof document).toBe('undefined');expect(globalThis.customElements?.get('vyp-ha-feedback')).toBeUndefined();expect(()=>registerFeedback()).toThrow('registerFeedback requires a browser CustomElementRegistry');}); diff --git a/tests/contracts/select-multiple.test.ts b/tests/contracts/select-multiple.test.ts new file mode 100644 index 0000000..dc8eabf --- /dev/null +++ b/tests/contracts/select-multiple.test.ts @@ -0,0 +1,16 @@ +import {expect,test} from 'vitest'; +import {selectState} from '../../packages/core/src/select-contracts.js'; +import {multipleSelectOptions,changeMultipleSelection} from '../../packages/core/src/select-multiple.js'; +const options=selectState({label:'Category',options:[{value:1,label:'Maintenance'},{value:'1',label:'Shopping'},{value:false,label:'Other'},{value:true,label:'Archived',disabled:true}]}).options; +test('search excludes only exact accepted values and keeps disabled matches visible',()=>{ + expect(multipleSelectOptions(options,[1,false],'')).toEqual([1,3]);expect(multipleSelectOptions(options,[1],' SHOP ')).toEqual([1]);expect(multipleSelectOptions(options,null,'arch')).toEqual([3]);expect(multipleSelectOptions(options,1,'')).toEqual([0,1,2,3]);expect(multipleSelectOptions(options,[],'missing')).toEqual([]);expect(Object.isFrozen(multipleSelectOptions(options,[],''))).toBe(true); +}); +test('explicit addition preserves typed identity, model order and unavailable values',()=>{ + const current=Object.freeze([1,false,'missing']);const added=changeMultipleSelection(current,'1','add');expect(added).toEqual([1,false,'missing','1']);expect(current).toEqual([1,false,'missing']);expect(Object.isFrozen(added)).toBe(true);expect(changeMultipleSelection(current,1,'add')).toBe(null);expect(changeMultipleSelection(null,false,'add')).toEqual([false]);expect(changeMultipleSelection('wrong mode',1,'add')).toEqual([1]); +}); +test('removal preserves other values and distinguishes literal false from the boolean',()=>{ + expect(changeMultipleSelection([false,'false','missing'],false,'remove')).toEqual(['false','missing']);expect(changeMultipleSelection([1],1,'remove')).toEqual([]);expect(changeMultipleSelection([1],'1','remove')).toBe(null);expect(changeMultipleSelection(null,1,'remove')).toBe(null);expect(changeMultipleSelection(1,1,'remove')).toBe(null);expect(Object.isFrozen(changeMultipleSelection([1],1,'remove'))).toBe(true);expect(changeMultipleSelection([-0],0,'add')).toBe(null);expect(changeMultipleSelection([-0],0,'remove')).toEqual([]); +}); +test('the 256-value bound requires a removal before another addition',()=>{ + const full=Array.from({length:256},(_,index)=>index);expect(changeMultipleSelection(full,'next','add')).toBe(null);const reduced=changeMultipleSelection(full,0,'remove')!;expect(changeMultipleSelection(reduced,'next','add')).toHaveLength(256);expect(full).toHaveLength(256); +}); diff --git a/tests/contracts/select-navigation.test.ts b/tests/contracts/select-navigation.test.ts new file mode 100644 index 0000000..2a298b6 --- /dev/null +++ b/tests/contracts/select-navigation.test.ts @@ -0,0 +1,17 @@ +import {expect,test} from 'vitest'; +import {selectState} from '../../packages/core/src/select-contracts.js'; +import {moveSelectOption,matchSelectOption} from '../../packages/core/src/select-navigation.js'; +const options=selectState({label:'Category',options:[{value:1,label:'Alpha'},{value:'1',label:'Archived',disabled:true},{value:false,label:'ÁREA'},{value:'a',label:'Another'},{value:'z',label:'Zulu'}]}).options; +test('option movement skips disabled items, clamps at boundaries and handles absent/current-disabled options',()=>{ + expect(moveSelectOption(options,0,'next')).toBe(2);expect(moveSelectOption(options,2,'previous')).toBe(0); + expect(moveSelectOption(options,4,'next')).toBe(4);expect(moveSelectOption(options,0,'previous')).toBe(0); + expect(moveSelectOption(options,2,'first')).toBe(0);expect(moveSelectOption(options,2,'last')).toBe(4); + expect(moveSelectOption(options,-1,'next')).toBe(0);expect(moveSelectOption(options,1,'previous')).toBe(4); + expect(moveSelectOption([],0,'first')).toBe(-1);expect(moveSelectOption([{...options[0],disabled:true}],0,'last')).toBe(-1); +}); +test('typeahead wraps and handles case, Unicode, empty input, disabled matches and missing results',()=>{ + expect(matchSelectOption(options,0,'a')).toBe(3);expect(matchSelectOption(options,3,'a')).toBe(0); + expect(matchSelectOption(options,-1,'Ár')).toBe(2);expect(matchSelectOption(options,0,'AR')).toBe(-1); + expect(matchSelectOption(options,0,'z')).toBe(4);expect(matchSelectOption(options,-1,'')).toBe(-1); + expect(matchSelectOption([],0,'a')).toBe(-1);expect(matchSelectOption(options,4,'al')).toBe(0); +}); diff --git a/tests/contracts/select.test.ts b/tests/contracts/select.test.ts new file mode 100644 index 0000000..bc534b0 --- /dev/null +++ b/tests/contracts/select.test.ts @@ -0,0 +1,67 @@ +import {expect,test} from 'vitest'; +import {selectState,selectSelection,selectEntries,selectName,selectValidity,selectValueDetail,selectRestoreState,selectRestoreValue,SelectInputError} from '../../packages/core/src/select-contracts.js'; +const options=[{value:1,label:'One'},{value:'1',label:'String one'},{value:false,label:'False'},{value:'',label:'Empty literal'}]; +const state=(patch:Record={})=>selectState({label:'Category',options,...patch}); +const invalid=(fn:()=>unknown)=>{try{fn();throw Error('Expected rejection');}catch(error){expect(error).toBeInstanceOf(SelectInputError);expect((error as SelectInputError).code).toBe('invalid_select');expect((error as Error).message).toBe('invalid_select');}}; +test('closed defaults keep one typed frozen configuration and multiple defaults use a native listbox',()=>{ + const value=state();expect(value).toEqual({label:'Category',options:options.map(option=>({...option,disabled:false})),description:'',placeholder:'Select an option',emptyMessage:'No options available.',error:'',required:false,multiple:false,size:1,requiredMessage:'Select an option.',unavailableMessage:'Select an available option.',clearable:true,clearLabel:'Clear selection',mode:'auto',searchLabel:'Search options',searchPlaceholder:'Search',notFoundMessage:'No matching options.',removeLabel:'Remove'}); + expect(Object.isFrozen(value)).toBe(true);expect(Object.isFrozen(value.options)).toBe(true);expect(value.options.every(Object.isFrozen)).toBe(true);expect(state({multiple:true}).size).toBe(4);expect(state({multiple:true,size:8}).size).toBe(8);expect(state({options:[]}).options).toEqual([]); +}); +test('explicit localized state and literal markup stay inert and preserve primitive types',()=>{ + const value=state({label:'Categoría 🧹 literal',description:'Description',placeholder:'',emptyMessage:'No hay opciones.',error:'Review',required:true,multiple:true,size:20,requiredMessage:'Elige una opción.',unavailableMessage:'Elige una opción disponible.'}); + expect(value.label).toBe('Categoría 🧹 literal');expect(value.options.map(item=>item.value)).toEqual([1,'1',false,'']);expect(value.required).toBe(true);expect(value.placeholder).toBe('');expect(state({clearable:false,clearLabel:'Borrar selección'}).clearLabel).toBe('Borrar selección');expect(state({clearable:false}).clearable).toBe(false); +}); +test.each([null,[],1,true,{}, {options}, {label:'Missing'}, {label:'Secret',options,extra:true}].map(raw=>({raw})))('rejects missing and malformed state: case %#',({raw})=>invalid(()=>selectState(raw))); +test.each([null,{},'options',Array(1),[{value:1,label:'One'},{value:1,label:'Duplicate'}],[{value:0,label:'Zero'},{value:-0,label:'Duplicate zero'}],[{value:1}],[{value:1,label:'One',extra:1}],Array.from({length:257},(_,value)=>({value,label:'Option'}))].map(raw=>({raw})))('rejects malformed options: case %#',({raw})=>invalid(()=>state({options:raw}))); +test.each(['required','multiple','clearable'])('rejects nonboolean %s without coercion',key=>invalid(()=>state({[key]:'false'}))); +test.each([0,21,1.5,NaN,Infinity,'1',null])('rejects invalid size %j',size=>invalid(()=>state({size}))); +test.each(['label','description','placeholder','emptyMessage','error','requiredMessage','unavailableMessage','clearLabel','searchLabel','searchPlaceholder','notFoundMessage','removeLabel'])('rejects unsafe %s presentation',key=>invalid(()=>state({[key]:'Secret\ntext'}))); +test('rejects symbol/nonenumerable own keys and extra array properties',()=>{ + for(const raw of [Object.assign({label:'Category',options},{[Symbol('extra')]:1}),Object.defineProperty({label:'Category',options},'extra',{value:true})])invalid(()=>selectState(raw)); + invalid(()=>state({options:Object.assign([...options],{extra:true})}));invalid(()=>state({options:[{value:1,label:'One',disabled:'false'}]})); + invalid(()=>state({options:[{value:1,label:'One\u0080'}]}));invalid(()=>state({options:[{value:1,label:''}]})); +}); +test('bounds names, labels, option count and literal model text without normalizing',()=>{ + expect(state({label:'🧹'.repeat(256),options:Array.from({length:256},(_,value)=>({value,label:'Option'}))}).options).toHaveLength(256); + invalid(()=>state({label:'x'.repeat(257)}));invalid(()=>state({description:'x'.repeat(513)}));expect(selectName('n'.repeat(128))).toHaveLength(128);expect(selectName('')).toBe('');invalid(()=>selectName('n'.repeat(129)));invalid(()=>selectName(42)); + expect(selectSelection('\n')).toBe('\n');expect(selectSelection('x'.repeat(1024))).toHaveLength(1024); +}); +test.each([undefined,{},NaN,Infinity,-Infinity,1n,new String('one'),'x'.repeat(1025),'\ud800',[1,1],[false,false],Array(1),[null],[[1]],Array.from({length:257},(_,value)=>value),Object.assign([1],{extra:true})].map(raw=>({raw})))('rejects malformed selection: case %#',({raw})=>invalid(()=>selectSelection(raw))); +test('snapshots unique selections without conflating numeric/string/boolean/empty values',()=>{ + expect(selectSelection(null)).toBe(null);expect(selectSelection(true)).toBe(true);expect(selectSelection(1.25)).toBe(1.25);expect(selectSelection(-0)).toBe(-0); + const input=[1,'1',false,''],value=selectSelection(input);input.push('later');expect(value).toEqual([1,'1',false,'']);expect(Object.isFrozen(value)).toBe(true);expect(selectSelection([])).toEqual([]); +}); +test('validity preserves unmatched models, mode mismatches and disabled values as explicit invalid states',()=>{ + expect(selectValidity(null,state()).flags).toEqual({valueMissing:false,customError:false});expect(selectValidity('',state()).message).toBe('');expect(selectValidity(false,state()).message).toBe(''); + expect(selectValidity(null,state({required:true}))).toEqual({flags:{valueMissing:true,customError:false},message:'Select an option.'});expect(selectValidity([],state({multiple:true,required:true})).flags.valueMissing).toBe(true); + for(const value of ['missing',[1],true])expect(selectValidity(value,state())).toEqual({flags:{valueMissing:false,customError:true},message:'Select an available option.'}); + expect(selectValidity(1,state({multiple:true})).flags.customError).toBe(true);expect(selectValidity([1,'1'],state({multiple:true})).flags.customError).toBe(false);expect(selectValidity(null,state({multiple:true})).flags.customError).toBe(false); + expect(selectValidity(1,state({options:[{value:1,label:'One',disabled:true}]})).flags.customError).toBe(true); + expect(selectValidity(null,state({required:true,error:'State error'})).message).toBe('State error');expect(selectValidity(null,state({required:true,error:'State error'}),'Custom error').message).toBe('Custom error'); + expect(Object.isFrozen(selectValidity(null,state()))).toBe(true);expect(Object.isFrozen(selectValidity(null,state()).flags)).toBe(true);invalid(()=>selectValidity(null,state(),42)); +}); +test('request payloads use closed typed snapshots and accepted reasons',()=>{ + for(const reason of ['change','reset','restore','autocomplete'])expect(selectValueDetail({value:1,reason})).toEqual({value:1,reason}); + const input=[1,'1'],detail=selectValueDetail({value:input,reason:'change'});input.push('later');expect(detail.value).toEqual([1,'1']);expect(Object.isFrozen(detail)).toBe(true);expect(Object.isFrozen(detail.value)).toBe(true); + for(const raw of [null,[],{}, {value:1,reason:'input'}, {value:{},reason:'change'}, {value:1,reason:'change',extra:1},Object.assign({value:1,reason:'change'},{[Symbol('x')]:1})])invalid(()=>selectValueDetail(raw)); +}); +test('restoration round trips typed values and rejects malformed/unbounded foreign state without echo',()=>{ + for(const value of [null,1,false,'1','\n